@charset "UTF-8";

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
    content: var(--fa)
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free"
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands"
}

.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-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: 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, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
    padding: var(--fa-border-padding, .2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, .3em)
}

.fa-pull-right {
    float: right;
    margin-left: 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-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@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(0)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    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 {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    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-fill-drip {
    --fa: "\f576"
}

.fa-arrows-to-circle {
    --fa: "\e4bd"
}

.fa-chevron-circle-right,
.fa-circle-chevron-right {
    --fa: "\f138"
}

.fa-at {
    --fa: "@"
}

.fa-trash-alt,
.fa-trash-can {
    --fa: "\f2ed"
}

.fa-text-height {
    --fa: "\f034"
}

.fa-user-times,
.fa-user-xmark {
    --fa: "\f235"
}

.fa-stethoscope {
    --fa: "\f0f1"
}

.fa-comment-alt,
.fa-message {
    --fa: "\f27a"
}

.fa-info {
    --fa: "\f129"
}

.fa-compress-alt,
.fa-down-left-and-up-right-to-center {
    --fa: "\f422"
}

.fa-explosion {
    --fa: "\e4e9"
}

.fa-file-alt,
.fa-file-lines,
.fa-file-text {
    --fa: "\f15c"
}

.fa-wave-square {
    --fa: "\f83e"
}

.fa-ring {
    --fa: "\f70b"
}

.fa-building-un {
    --fa: "\e4d9"
}

.fa-dice-three {
    --fa: "\f527"
}

.fa-calendar-alt,
.fa-calendar-days {
    --fa: "\f073"
}

.fa-anchor-circle-check {
    --fa: "\e4aa"
}

.fa-building-circle-arrow-right {
    --fa: "\e4d1"
}

.fa-volleyball,
.fa-volleyball-ball {
    --fa: "\f45f"
}

.fa-arrows-up-to-line {
    --fa: "\e4c2"
}

.fa-sort-desc,
.fa-sort-down {
    --fa: "\f0dd"
}

.fa-circle-minus,
.fa-minus-circle {
    --fa: "\f056"
}

.fa-door-open {
    --fa: "\f52b"
}

.fa-right-from-bracket,
.fa-sign-out-alt {
    --fa: "\f2f5"
}

.fa-atom {
    --fa: "\f5d2"
}

.fa-soap {
    --fa: "\e06e"
}

.fa-heart-music-camera-bolt,
.fa-icons {
    --fa: "\f86d"
}

.fa-microphone-alt-slash,
.fa-microphone-lines-slash {
    --fa: "\f539"
}

.fa-bridge-circle-check {
    --fa: "\e4c9"
}

.fa-pump-medical {
    --fa: "\e06a"
}

.fa-fingerprint {
    --fa: "\f577"
}

.fa-hand-point-right {
    --fa: "\f0a4"
}

.fa-magnifying-glass-location,
.fa-search-location {
    --fa: "\f689"
}

.fa-forward-step,
.fa-step-forward {
    --fa: "\f051"
}

.fa-face-smile-beam,
.fa-smile-beam {
    --fa: "\f5b8"
}

.fa-flag-checkered {
    --fa: "\f11e"
}

.fa-football,
.fa-football-ball {
    --fa: "\f44e"
}

.fa-school-circle-exclamation {
    --fa: "\e56c"
}

.fa-crop {
    --fa: "\f125"
}

.fa-angle-double-down,
.fa-angles-down {
    --fa: "\f103"
}

.fa-users-rectangle {
    --fa: "\e594"
}

.fa-people-roof {
    --fa: "\e537"
}

.fa-people-line {
    --fa: "\e534"
}

.fa-beer,
.fa-beer-mug-empty {
    --fa: "\f0fc"
}

.fa-diagram-predecessor {
    --fa: "\e477"
}

.fa-arrow-up-long,
.fa-long-arrow-up {
    --fa: "\f176"
}

.fa-burn,
.fa-fire-flame-simple {
    --fa: "\f46a"
}

.fa-male,
.fa-person {
    --fa: "\f183"
}

.fa-laptop {
    --fa: "\f109"
}

.fa-file-csv {
    --fa: "\f6dd"
}

.fa-menorah {
    --fa: "\f676"
}

.fa-truck-plane {
    --fa: "\e58f"
}

.fa-record-vinyl {
    --fa: "\f8d9"
}

.fa-face-grin-stars,
.fa-grin-stars {
    --fa: "\f587"
}

.fa-bong {
    --fa: "\f55c"
}

.fa-pastafarianism,
.fa-spaghetti-monster-flying {
    --fa: "\f67b"
}

.fa-arrow-down-up-across-line {
    --fa: "\e4af"
}

.fa-spoon,
.fa-utensil-spoon {
    --fa: "\f2e5"
}

.fa-jar-wheat {
    --fa: "\e517"
}

.fa-envelopes-bulk,
.fa-mail-bulk {
    --fa: "\f674"
}

.fa-file-circle-exclamation {
    --fa: "\e4eb"
}

.fa-circle-h,
.fa-hospital-symbol {
    --fa: "\f47e"
}

.fa-pager {
    --fa: "\f815"
}

.fa-address-book,
.fa-contact-book {
    --fa: "\f2b9"
}

.fa-strikethrough {
    --fa: "\f0cc"
}

.fa-k {
    --fa: "K"
}

.fa-landmark-flag {
    --fa: "\e51c"
}

.fa-pencil,
.fa-pencil-alt {
    --fa: "\f303"
}

.fa-backward {
    --fa: "\f04a"
}

.fa-caret-right {
    --fa: "\f0da"
}

.fa-comments {
    --fa: "\f086"
}

.fa-file-clipboard,
.fa-paste {
    --fa: "\f0ea"
}

.fa-code-pull-request {
    --fa: "\e13c"
}

.fa-clipboard-list {
    --fa: "\f46d"
}

.fa-truck-loading,
.fa-truck-ramp-box {
    --fa: "\f4de"
}

.fa-user-check {
    --fa: "\f4fc"
}

.fa-vial-virus {
    --fa: "\e597"
}

.fa-sheet-plastic {
    --fa: "\e571"
}

.fa-blog {
    --fa: "\f781"
}

.fa-user-ninja {
    --fa: "\f504"
}

.fa-person-arrow-up-from-line {
    --fa: "\e539"
}

.fa-scroll-torah,
.fa-torah {
    --fa: "\f6a0"
}

.fa-broom-ball,
.fa-quidditch,
.fa-quidditch-broom-ball {
    --fa: "\f458"
}

.fa-toggle-off {
    --fa: "\f204"
}

.fa-archive,
.fa-box-archive {
    --fa: "\f187"
}

.fa-person-drowning {
    --fa: "\e545"
}

.fa-arrow-down-9-1,
.fa-sort-numeric-desc,
.fa-sort-numeric-down-alt {
    --fa: "\f886"
}

.fa-face-grin-tongue-squint,
.fa-grin-tongue-squint {
    --fa: "\f58a"
}

.fa-spray-can {
    --fa: "\f5bd"
}

.fa-truck-monster {
    --fa: "\f63b"
}

.fa-w {
    --fa: "W"
}

.fa-earth-africa,
.fa-globe-africa {
    --fa: "\f57c"
}

.fa-rainbow {
    --fa: "\f75b"
}

.fa-circle-notch {
    --fa: "\f1ce"
}

.fa-tablet-alt,
.fa-tablet-screen-button {
    --fa: "\f3fa"
}

.fa-paw {
    --fa: "\f1b0"
}

.fa-cloud {
    --fa: "\f0c2"
}

.fa-trowel-bricks {
    --fa: "\e58a"
}

.fa-face-flushed,
.fa-flushed {
    --fa: "\f579"
}

.fa-hospital-user {
    --fa: "\f80d"
}

.fa-tent-arrow-left-right {
    --fa: "\e57f"
}

.fa-gavel,
.fa-legal {
    --fa: "\f0e3"
}

.fa-binoculars {
    --fa: "\f1e5"
}

.fa-microphone-slash {
    --fa: "\f131"
}

.fa-box-tissue {
    --fa: "\e05b"
}

.fa-motorcycle {
    --fa: "\f21c"
}

.fa-bell-concierge,
.fa-concierge-bell {
    --fa: "\f562"
}

.fa-pen-ruler,
.fa-pencil-ruler {
    --fa: "\f5ae"
}

.fa-people-arrows,
.fa-people-arrows-left-right {
    --fa: "\e068"
}

.fa-mars-and-venus-burst {
    --fa: "\e523"
}

.fa-caret-square-right,
.fa-square-caret-right {
    --fa: "\f152"
}

.fa-cut,
.fa-scissors {
    --fa: "\f0c4"
}

.fa-sun-plant-wilt {
    --fa: "\e57a"
}

.fa-toilets-portable {
    --fa: "\e584"
}

.fa-hockey-puck {
    --fa: "\f453"
}

.fa-table {
    --fa: "\f0ce"
}

.fa-magnifying-glass-arrow-right {
    --fa: "\e521"
}

.fa-digital-tachograph,
.fa-tachograph-digital {
    --fa: "\f566"
}

.fa-users-slash {
    --fa: "\e073"
}

.fa-clover {
    --fa: "\e139"
}

.fa-mail-reply,
.fa-reply {
    --fa: "\f3e5"
}

.fa-star-and-crescent {
    --fa: "\f699"
}

.fa-house-fire {
    --fa: "\e50c"
}

.fa-minus-square,
.fa-square-minus {
    --fa: "\f146"
}

.fa-helicopter {
    --fa: "\f533"
}

.fa-compass {
    --fa: "\f14e"
}

.fa-caret-square-down,
.fa-square-caret-down {
    --fa: "\f150"
}

.fa-file-circle-question {
    --fa: "\e4ef"
}

.fa-laptop-code {
    --fa: "\f5fc"
}

.fa-swatchbook {
    --fa: "\f5c3"
}

.fa-prescription-bottle {
    --fa: "\f485"
}

.fa-bars,
.fa-navicon {
    --fa: "\f0c9"
}

.fa-people-group {
    --fa: "\e533"
}

.fa-hourglass-3,
.fa-hourglass-end {
    --fa: "\f253"
}

.fa-heart-broken,
.fa-heart-crack {
    --fa: "\f7a9"
}

.fa-external-link-square-alt,
.fa-square-up-right {
    --fa: "\f360"
}

.fa-face-kiss-beam,
.fa-kiss-beam {
    --fa: "\f597"
}

.fa-film {
    --fa: "\f008"
}

.fa-ruler-horizontal {
    --fa: "\f547"
}

.fa-people-robbery {
    --fa: "\e536"
}

.fa-lightbulb {
    --fa: "\f0eb"
}

.fa-caret-left {
    --fa: "\f0d9"
}

.fa-circle-exclamation,
.fa-exclamation-circle {
    --fa: "\f06a"
}

.fa-school-circle-xmark {
    --fa: "\e56d"
}

.fa-arrow-right-from-bracket,
.fa-sign-out {
    --fa: "\f08b"
}

.fa-chevron-circle-down,
.fa-circle-chevron-down {
    --fa: "\f13a"
}

.fa-unlock-alt,
.fa-unlock-keyhole {
    --fa: "\f13e"
}

.fa-cloud-showers-heavy {
    --fa: "\f740"
}

.fa-headphones-alt,
.fa-headphones-simple {
    --fa: "\f58f"
}

.fa-sitemap {
    --fa: "\f0e8"
}

.fa-circle-dollar-to-slot,
.fa-donate {
    --fa: "\f4b9"
}

.fa-memory {
    --fa: "\f538"
}

.fa-road-spikes {
    --fa: "\e568"
}

.fa-fire-burner {
    --fa: "\e4f1"
}

.fa-flag {
    --fa: "\f024"
}

.fa-hanukiah {
    --fa: "\f6e6"
}

.fa-feather {
    --fa: "\f52d"
}

.fa-volume-down,
.fa-volume-low {
    --fa: "\f027"
}

.fa-comment-slash {
    --fa: "\f4b3"
}

.fa-cloud-sun-rain {
    --fa: "\f743"
}

.fa-compress {
    --fa: "\f066"
}

.fa-wheat-alt,
.fa-wheat-awn {
    --fa: "\e2cd"
}

.fa-ankh {
    --fa: "\f644"
}

.fa-hands-holding-child {
    --fa: "\e4fa"
}

.fa-asterisk {
    --fa: "*"
}

.fa-check-square,
.fa-square-check {
    --fa: "\f14a"
}

.fa-peseta-sign {
    --fa: "\e221"
}

.fa-header,
.fa-heading {
    --fa: "\f1dc"
}

.fa-ghost {
    --fa: "\f6e2"
}

.fa-list,
.fa-list-squares {
    --fa: "\f03a"
}

.fa-phone-square-alt,
.fa-square-phone-flip {
    --fa: "\f87b"
}

.fa-cart-plus {
    --fa: "\f217"
}

.fa-gamepad {
    --fa: "\f11b"
}

.fa-circle-dot,
.fa-dot-circle {
    --fa: "\f192"
}

.fa-dizzy,
.fa-face-dizzy {
    --fa: "\f567"
}

.fa-egg {
    --fa: "\f7fb"
}

.fa-house-medical-circle-xmark {
    --fa: "\e513"
}

.fa-campground {
    --fa: "\f6bb"
}

.fa-folder-plus {
    --fa: "\f65e"
}

.fa-futbol,
.fa-futbol-ball,
.fa-soccer-ball {
    --fa: "\f1e3"
}

.fa-paint-brush,
.fa-paintbrush {
    --fa: "\f1fc"
}

.fa-lock {
    --fa: "\f023"
}

.fa-gas-pump {
    --fa: "\f52f"
}

.fa-hot-tub,
.fa-hot-tub-person {
    --fa: "\f593"
}

.fa-map-location,
.fa-map-marked {
    --fa: "\f59f"
}

.fa-house-flood-water {
    --fa: "\e50e"
}

.fa-tree {
    --fa: "\f1bb"
}

.fa-bridge-lock {
    --fa: "\e4cc"
}

.fa-sack-dollar {
    --fa: "\f81d"
}

.fa-edit,
.fa-pen-to-square {
    --fa: "\f044"
}

.fa-car-side {
    --fa: "\f5e4"
}

.fa-share-alt,
.fa-share-nodes {
    --fa: "\f1e0"
}

.fa-heart-circle-minus {
    --fa: "\e4ff"
}

.fa-hourglass-2,
.fa-hourglass-half {
    --fa: "\f252"
}

.fa-microscope {
    --fa: "\f610"
}

.fa-sink {
    --fa: "\e06d"
}

.fa-bag-shopping,
.fa-shopping-bag {
    --fa: "\f290"
}

.fa-arrow-down-z-a,
.fa-sort-alpha-desc,
.fa-sort-alpha-down-alt {
    --fa: "\f881"
}

.fa-mitten {
    --fa: "\f7b5"
}

.fa-person-rays {
    --fa: "\e54d"
}

.fa-users {
    --fa: "\f0c0"
}

.fa-eye-slash {
    --fa: "\f070"
}

.fa-flask-vial {
    --fa: "\e4f3"
}

.fa-hand,
.fa-hand-paper {
    --fa: "\f256"
}

.fa-om {
    --fa: "\f679"
}

.fa-worm {
    --fa: "\e599"
}

.fa-house-circle-xmark {
    --fa: "\e50b"
}

.fa-plug {
    --fa: "\f1e6"
}

.fa-chevron-up {
    --fa: "\f077"
}

.fa-hand-spock {
    --fa: "\f259"
}

.fa-stopwatch {
    --fa: "\f2f2"
}

.fa-face-kiss,
.fa-kiss {
    --fa: "\f596"
}

.fa-bridge-circle-xmark {
    --fa: "\e4cb"
}

.fa-face-grin-tongue,
.fa-grin-tongue {
    --fa: "\f589"
}

.fa-chess-bishop {
    --fa: "\f43a"
}

.fa-face-grin-wink,
.fa-grin-wink {
    --fa: "\f58c"
}

.fa-deaf,
.fa-deafness,
.fa-ear-deaf,
.fa-hard-of-hearing {
    --fa: "\f2a4"
}

.fa-road-circle-check {
    --fa: "\e564"
}

.fa-dice-five {
    --fa: "\f523"
}

.fa-rss-square,
.fa-square-rss {
    --fa: "\f143"
}

.fa-land-mine-on {
    --fa: "\e51b"
}

.fa-i-cursor {
    --fa: "\f246"
}

.fa-stamp {
    --fa: "\f5bf"
}

.fa-stairs {
    --fa: "\e289"
}

.fa-i {
    --fa: "I"
}

.fa-hryvnia,
.fa-hryvnia-sign {
    --fa: "\f6f2"
}

.fa-pills {
    --fa: "\f484"
}

.fa-face-grin-wide,
.fa-grin-alt {
    --fa: "\f581"
}

.fa-tooth {
    --fa: "\f5c9"
}

.fa-v {
    --fa: "V"
}

.fa-bangladeshi-taka-sign {
    --fa: "\e2e6"
}

.fa-bicycle {
    --fa: "\f206"
}

.fa-rod-asclepius,
.fa-rod-snake,
.fa-staff-aesculapius,
.fa-staff-snake {
    --fa: "\e579"
}

.fa-head-side-cough-slash {
    --fa: "\e062"
}

.fa-ambulance,
.fa-truck-medical {
    --fa: "\f0f9"
}

.fa-wheat-awn-circle-exclamation {
    --fa: "\e598"
}

.fa-snowman {
    --fa: "\f7d0"
}

.fa-mortar-pestle {
    --fa: "\f5a7"
}

.fa-road-barrier {
    --fa: "\e562"
}

.fa-school {
    --fa: "\f549"
}

.fa-igloo {
    --fa: "\f7ae"
}

.fa-joint {
    --fa: "\f595"
}

.fa-angle-right {
    --fa: "\f105"
}

.fa-horse {
    --fa: "\f6f0"
}

.fa-q {
    --fa: "Q"
}

.fa-g {
    --fa: "G"
}

.fa-notes-medical {
    --fa: "\f481"
}

.fa-temperature-2,
.fa-temperature-half,
.fa-thermometer-2,
.fa-thermometer-half {
    --fa: "\f2c9"
}

.fa-dong-sign {
    --fa: "\e169"
}

.fa-capsules {
    --fa: "\f46b"
}

.fa-poo-bolt,
.fa-poo-storm {
    --fa: "\f75a"
}

.fa-face-frown-open,
.fa-frown-open {
    --fa: "\f57a"
}

.fa-hand-point-up {
    --fa: "\f0a6"
}

.fa-money-bill {
    --fa: "\f0d6"
}

.fa-bookmark {
    --fa: "\f02e"
}

.fa-align-justify {
    --fa: "\f039"
}

.fa-umbrella-beach {
    --fa: "\f5ca"
}

.fa-helmet-un {
    --fa: "\e503"
}

.fa-bullseye {
    --fa: "\f140"
}

.fa-bacon {
    --fa: "\f7e5"
}

.fa-hand-point-down {
    --fa: "\f0a7"
}

.fa-arrow-up-from-bracket {
    --fa: "\e09a"
}

.fa-folder,
.fa-folder-blank {
    --fa: "\f07b"
}

.fa-file-medical-alt,
.fa-file-waveform {
    --fa: "\f478"
}

.fa-radiation {
    --fa: "\f7b9"
}

.fa-chart-simple {
    --fa: "\e473"
}

.fa-mars-stroke {
    --fa: "\f229"
}

.fa-vial {
    --fa: "\f492"
}

.fa-dashboard,
.fa-gauge,
.fa-gauge-med,
.fa-tachometer-alt-average {
    --fa: "\f624"
}

.fa-magic-wand-sparkles,
.fa-wand-magic-sparkles {
    --fa: "\e2ca"
}

.fa-e {
    --fa: "E"
}

.fa-pen-alt,
.fa-pen-clip {
    --fa: "\f305"
}

.fa-bridge-circle-exclamation {
    --fa: "\e4ca"
}

.fa-user {
    --fa: "\f007"
}

.fa-school-circle-check {
    --fa: "\e56b"
}

.fa-dumpster {
    --fa: "\f793"
}

.fa-shuttle-van,
.fa-van-shuttle {
    --fa: "\f5b6"
}

.fa-building-user {
    --fa: "\e4da"
}

.fa-caret-square-left,
.fa-square-caret-left {
    --fa: "\f191"
}

.fa-highlighter {
    --fa: "\f591"
}

.fa-key {
    --fa: "\f084"
}

.fa-bullhorn {
    --fa: "\f0a1"
}

.fa-globe {
    --fa: "\f0ac"
}

.fa-synagogue {
    --fa: "\f69b"
}

.fa-person-half-dress {
    --fa: "\e548"
}

.fa-road-bridge {
    --fa: "\e563"
}

.fa-location-arrow {
    --fa: "\f124"
}

.fa-c {
    --fa: "C"
}

.fa-tablet-button {
    --fa: "\f10a"
}

.fa-building-lock {
    --fa: "\e4d6"
}

.fa-pizza-slice {
    --fa: "\f818"
}

.fa-money-bill-wave {
    --fa: "\f53a"
}

.fa-area-chart,
.fa-chart-area {
    --fa: "\f1fe"
}

.fa-house-flag {
    --fa: "\e50d"
}

.fa-person-circle-minus {
    --fa: "\e540"
}

.fa-ban,
.fa-cancel {
    --fa: "\f05e"
}

.fa-camera-rotate {
    --fa: "\e0d8"
}

.fa-air-freshener,
.fa-spray-can-sparkles {
    --fa: "\f5d0"
}

.fa-star {
    --fa: "\f005"
}

.fa-repeat {
    --fa: "\f363"
}

.fa-cross {
    --fa: "\f654"
}

.fa-box {
    --fa: "\f466"
}

.fa-venus-mars {
    --fa: "\f228"
}

.fa-arrow-pointer,
.fa-mouse-pointer {
    --fa: "\f245"
}

.fa-expand-arrows-alt,
.fa-maximize {
    --fa: "\f31e"
}

.fa-charging-station {
    --fa: "\f5e7"
}

.fa-shapes,
.fa-triangle-circle-square {
    --fa: "\f61f"
}

.fa-random,
.fa-shuffle {
    --fa: "\f074"
}

.fa-person-running,
.fa-running {
    --fa: "\f70c"
}

.fa-mobile-retro {
    --fa: "\e527"
}

.fa-grip-lines-vertical {
    --fa: "\f7a5"
}

.fa-spider {
    --fa: "\f717"
}

.fa-hands-bound {
    --fa: "\e4f9"
}

.fa-file-invoice-dollar {
    --fa: "\f571"
}

.fa-plane-circle-exclamation {
    --fa: "\e556"
}

.fa-x-ray {
    --fa: "\f497"
}

.fa-spell-check {
    --fa: "\f891"
}

.fa-slash {
    --fa: "\f715"
}

.fa-computer-mouse,
.fa-mouse {
    --fa: "\f8cc"
}

.fa-arrow-right-to-bracket,
.fa-sign-in {
    --fa: "\f090"
}

.fa-shop-slash,
.fa-store-alt-slash {
    --fa: "\e070"
}

.fa-server {
    --fa: "\f233"
}

.fa-virus-covid-slash {
    --fa: "\e4a9"
}

.fa-shop-lock {
    --fa: "\e4a5"
}

.fa-hourglass-1,
.fa-hourglass-start {
    --fa: "\f251"
}

.fa-blender-phone {
    --fa: "\f6b6"
}

.fa-building-wheat {
    --fa: "\e4db"
}

.fa-person-breastfeeding {
    --fa: "\e53a"
}

.fa-right-to-bracket,
.fa-sign-in-alt {
    --fa: "\f2f6"
}

.fa-venus {
    --fa: "\f221"
}

.fa-passport {
    --fa: "\f5ab"
}

.fa-thumb-tack-slash,
.fa-thumbtack-slash {
    --fa: "\e68f"
}

.fa-heart-pulse,
.fa-heartbeat {
    --fa: "\f21e"
}

.fa-people-carry,
.fa-people-carry-box {
    --fa: "\f4ce"
}

.fa-temperature-high {
    --fa: "\f769"
}

.fa-microchip {
    --fa: "\f2db"
}

.fa-crown {
    --fa: "\f521"
}

.fa-weight-hanging {
    --fa: "\f5cd"
}

.fa-xmarks-lines {
    --fa: "\e59a"
}

.fa-file-prescription {
    --fa: "\f572"
}

.fa-weight,
.fa-weight-scale {
    --fa: "\f496"
}

.fa-user-friends,
.fa-user-group {
    --fa: "\f500"
}

.fa-arrow-up-a-z,
.fa-sort-alpha-up {
    --fa: "\f15e"
}

.fa-chess-knight {
    --fa: "\f441"
}

.fa-face-laugh-squint,
.fa-laugh-squint {
    --fa: "\f59b"
}

.fa-wheelchair {
    --fa: "\f193"
}

.fa-arrow-circle-up,
.fa-circle-arrow-up {
    --fa: "\f0aa"
}

.fa-toggle-on {
    --fa: "\f205"
}

.fa-person-walking,
.fa-walking {
    --fa: "\f554"
}

.fa-l {
    --fa: "L"
}

.fa-fire {
    --fa: "\f06d"
}

.fa-bed-pulse,
.fa-procedures {
    --fa: "\f487"
}

.fa-shuttle-space,
.fa-space-shuttle {
    --fa: "\f197"
}

.fa-face-laugh,
.fa-laugh {
    --fa: "\f599"
}

.fa-folder-open {
    --fa: "\f07c"
}

.fa-heart-circle-plus {
    --fa: "\e500"
}

.fa-code-fork {
    --fa: "\e13b"
}

.fa-city {
    --fa: "\f64f"
}

.fa-microphone-alt,
.fa-microphone-lines {
    --fa: "\f3c9"
}

.fa-pepper-hot {
    --fa: "\f816"
}

.fa-unlock {
    --fa: "\f09c"
}

.fa-colon-sign {
    --fa: "\e140"
}

.fa-headset {
    --fa: "\f590"
}

.fa-store-slash {
    --fa: "\e071"
}

.fa-road-circle-xmark {
    --fa: "\e566"
}

.fa-user-minus {
    --fa: "\f503"
}

.fa-mars-stroke-up,
.fa-mars-stroke-v {
    --fa: "\f22a"
}

.fa-champagne-glasses,
.fa-glass-cheers {
    --fa: "\f79f"
}

.fa-clipboard {
    --fa: "\f328"
}

.fa-house-circle-exclamation {
    --fa: "\e50a"
}

.fa-file-arrow-up,
.fa-file-upload {
    --fa: "\f574"
}

.fa-wifi,
.fa-wifi-3,
.fa-wifi-strong {
    --fa: "\f1eb"
}

.fa-bath,
.fa-bathtub {
    --fa: "\f2cd"
}

.fa-underline {
    --fa: "\f0cd"
}

.fa-user-edit,
.fa-user-pen {
    --fa: "\f4ff"
}

.fa-signature {
    --fa: "\f5b7"
}

.fa-stroopwafel {
    --fa: "\f551"
}

.fa-bold {
    --fa: "\f032"
}

.fa-anchor-lock {
    --fa: "\e4ad"
}

.fa-building-ngo {
    --fa: "\e4d7"
}

.fa-manat-sign {
    --fa: "\e1d5"
}

.fa-not-equal {
    --fa: "\f53e"
}

.fa-border-style,
.fa-border-top-left {
    --fa: "\f853"
}

.fa-map-location-dot,
.fa-map-marked-alt {
    --fa: "\f5a0"
}

.fa-jedi {
    --fa: "\f669"
}

.fa-poll,
.fa-square-poll-vertical {
    --fa: "\f681"
}

.fa-mug-hot {
    --fa: "\f7b6"
}

.fa-battery-car,
.fa-car-battery {
    --fa: "\f5df"
}

.fa-gift {
    --fa: "\f06b"
}

.fa-dice-two {
    --fa: "\f528"
}

.fa-chess-queen {
    --fa: "\f445"
}

.fa-glasses {
    --fa: "\f530"
}

.fa-chess-board {
    --fa: "\f43c"
}

.fa-building-circle-check {
    --fa: "\e4d2"
}

.fa-person-chalkboard {
    --fa: "\e53d"
}

.fa-mars-stroke-h,
.fa-mars-stroke-right {
    --fa: "\f22b"
}

.fa-hand-back-fist,
.fa-hand-rock {
    --fa: "\f255"
}

.fa-caret-square-up,
.fa-square-caret-up {
    --fa: "\f151"
}

.fa-cloud-showers-water {
    --fa: "\e4e4"
}

.fa-bar-chart,
.fa-chart-bar {
    --fa: "\f080"
}

.fa-hands-bubbles,
.fa-hands-wash {
    --fa: "\e05e"
}

.fa-less-than-equal {
    --fa: "\f537"
}

.fa-train {
    --fa: "\f238"
}

.fa-eye-low-vision,
.fa-low-vision {
    --fa: "\f2a8"
}

.fa-crow {
    --fa: "\f520"
}

.fa-sailboat {
    --fa: "\e445"
}

.fa-window-restore {
    --fa: "\f2d2"
}

.fa-plus-square,
.fa-square-plus {
    --fa: "\f0fe"
}

.fa-torii-gate {
    --fa: "\f6a1"
}

.fa-frog {
    --fa: "\f52e"
}

.fa-bucket {
    --fa: "\e4cf"
}

.fa-image {
    --fa: "\f03e"
}

.fa-microphone {
    --fa: "\f130"
}

.fa-cow {
    --fa: "\f6c8"
}

.fa-caret-up {
    --fa: "\f0d8"
}

.fa-screwdriver {
    --fa: "\f54a"
}

.fa-folder-closed {
    --fa: "\e185"
}

.fa-house-tsunami {
    --fa: "\e515"
}

.fa-square-nfi {
    --fa: "\e576"
}

.fa-arrow-up-from-ground-water {
    --fa: "\e4b5"
}

.fa-glass-martini-alt,
.fa-martini-glass {
    --fa: "\f57b"
}

.fa-square-binary {
    --fa: "\e69b"
}

.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
    --fa: "\f2ea"
}

.fa-columns,
.fa-table-columns {
    --fa: "\f0db"
}

.fa-lemon {
    --fa: "\f094"
}

.fa-head-side-mask {
    --fa: "\e063"
}

.fa-handshake {
    --fa: "\f2b5"
}

.fa-gem {
    --fa: "\f3a5"
}

.fa-dolly,
.fa-dolly-box {
    --fa: "\f472"
}

.fa-smoking {
    --fa: "\f48d"
}

.fa-compress-arrows-alt,
.fa-minimize {
    --fa: "\f78c"
}

.fa-monument {
    --fa: "\f5a6"
}

.fa-snowplow {
    --fa: "\f7d2"
}

.fa-angle-double-right,
.fa-angles-right {
    --fa: "\f101"
}

.fa-cannabis {
    --fa: "\f55f"
}

.fa-circle-play,
.fa-play-circle {
    --fa: "\f144"
}

.fa-tablets {
    --fa: "\f490"
}

.fa-ethernet {
    --fa: "\f796"
}

.fa-eur,
.fa-euro,
.fa-euro-sign {
    --fa: "\f153"
}

.fa-chair {
    --fa: "\f6c0"
}

.fa-check-circle,
.fa-circle-check {
    --fa: "\f058"
}

.fa-circle-stop,
.fa-stop-circle {
    --fa: "\f28d"
}

.fa-compass-drafting,
.fa-drafting-compass {
    --fa: "\f568"
}

.fa-plate-wheat {
    --fa: "\e55a"
}

.fa-icicles {
    --fa: "\f7ad"
}

.fa-person-shelter {
    --fa: "\e54f"
}

.fa-neuter {
    --fa: "\f22c"
}

.fa-id-badge {
    --fa: "\f2c1"
}

.fa-marker {
    --fa: "\f5a1"
}

.fa-face-laugh-beam,
.fa-laugh-beam {
    --fa: "\f59a"
}

.fa-helicopter-symbol {
    --fa: "\e502"
}

.fa-universal-access {
    --fa: "\f29a"
}

.fa-chevron-circle-up,
.fa-circle-chevron-up {
    --fa: "\f139"
}

.fa-lari-sign {
    --fa: "\e1c8"
}

.fa-volcano {
    --fa: "\f770"
}

.fa-person-walking-dashed-line-arrow-right {
    --fa: "\e553"
}

.fa-gbp,
.fa-pound-sign,
.fa-sterling-sign {
    --fa: "\f154"
}

.fa-viruses {
    --fa: "\e076"
}

.fa-square-person-confined {
    --fa: "\e577"
}

.fa-user-tie {
    --fa: "\f508"
}

.fa-arrow-down-long,
.fa-long-arrow-down {
    --fa: "\f175"
}

.fa-tent-arrow-down-to-line {
    --fa: "\e57e"
}

.fa-certificate {
    --fa: "\f0a3"
}

.fa-mail-reply-all,
.fa-reply-all {
    --fa: "\f122"
}

.fa-suitcase {
    --fa: "\f0f2"
}

.fa-person-skating,
.fa-skating {
    --fa: "\f7c5"
}

.fa-filter-circle-dollar,
.fa-funnel-dollar {
    --fa: "\f662"
}

.fa-camera-retro {
    --fa: "\f083"
}

.fa-arrow-circle-down,
.fa-circle-arrow-down {
    --fa: "\f0ab"
}

.fa-arrow-right-to-file,
.fa-file-import {
    --fa: "\f56f"
}

.fa-external-link-square,
.fa-square-arrow-up-right {
    --fa: "\f14c"
}

.fa-box-open {
    --fa: "\f49e"
}

.fa-scroll {
    --fa: "\f70e"
}

.fa-spa {
    --fa: "\f5bb"
}

.fa-location-pin-lock {
    --fa: "\e51f"
}

.fa-pause {
    --fa: "\f04c"
}

.fa-hill-avalanche {
    --fa: "\e507"
}

.fa-temperature-0,
.fa-temperature-empty,
.fa-thermometer-0,
.fa-thermometer-empty {
    --fa: "\f2cb"
}

.fa-bomb {
    --fa: "\f1e2"
}

.fa-registered {
    --fa: "\f25d"
}

.fa-address-card,
.fa-contact-card,
.fa-vcard {
    --fa: "\f2bb"
}

.fa-balance-scale-right,
.fa-scale-unbalanced-flip {
    --fa: "\f516"
}

.fa-subscript {
    --fa: "\f12c"
}

.fa-diamond-turn-right,
.fa-directions {
    --fa: "\f5eb"
}

.fa-burst {
    --fa: "\e4dc"
}

.fa-house-laptop,
.fa-laptop-house {
    --fa: "\e066"
}

.fa-face-tired,
.fa-tired {
    --fa: "\f5c8"
}

.fa-money-bills {
    --fa: "\e1f3"
}

.fa-smog {
    --fa: "\f75f"
}

.fa-crutch {
    --fa: "\f7f7"
}

.fa-cloud-arrow-up,
.fa-cloud-upload,
.fa-cloud-upload-alt {
    --fa: "\f0ee"
}

.fa-palette {
    --fa: "\f53f"
}

.fa-arrows-turn-right {
    --fa: "\e4c0"
}

.fa-vest {
    --fa: "\e085"
}

.fa-ferry {
    --fa: "\e4ea"
}

.fa-arrows-down-to-people {
    --fa: "\e4b9"
}

.fa-seedling,
.fa-sprout {
    --fa: "\f4d8"
}

.fa-arrows-alt-h,
.fa-left-right {
    --fa: "\f337"
}

.fa-boxes-packing {
    --fa: "\e4c7"
}

.fa-arrow-circle-left,
.fa-circle-arrow-left {
    --fa: "\f0a8"
}

.fa-group-arrows-rotate {
    --fa: "\e4f6"
}

.fa-bowl-food {
    --fa: "\e4c6"
}

.fa-candy-cane {
    --fa: "\f786"
}

.fa-arrow-down-wide-short,
.fa-sort-amount-asc,
.fa-sort-amount-down {
    --fa: "\f160"
}

.fa-cloud-bolt,
.fa-thunderstorm {
    --fa: "\f76c"
}

.fa-remove-format,
.fa-text-slash {
    --fa: "\f87d"
}

.fa-face-smile-wink,
.fa-smile-wink {
    --fa: "\f4da"
}

.fa-file-word {
    --fa: "\f1c2"
}

.fa-file-powerpoint {
    --fa: "\f1c4"
}

.fa-arrows-h,
.fa-arrows-left-right {
    --fa: "\f07e"
}

.fa-house-lock {
    --fa: "\e510"
}

.fa-cloud-arrow-down,
.fa-cloud-download,
.fa-cloud-download-alt {
    --fa: "\f0ed"
}

.fa-children {
    --fa: "\e4e1"
}

.fa-blackboard,
.fa-chalkboard {
    --fa: "\f51b"
}

.fa-user-alt-slash,
.fa-user-large-slash {
    --fa: "\f4fa"
}

.fa-envelope-open {
    --fa: "\f2b6"
}

.fa-handshake-alt-slash,
.fa-handshake-simple-slash {
    --fa: "\e05f"
}

.fa-mattress-pillow {
    --fa: "\e525"
}

.fa-guarani-sign {
    --fa: "\e19a"
}

.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
    --fa: "\f021"
}

.fa-fire-extinguisher {
    --fa: "\f134"
}

.fa-cruzeiro-sign {
    --fa: "\e152"
}

.fa-greater-than-equal {
    --fa: "\f532"
}

.fa-shield-alt,
.fa-shield-halved {
    --fa: "\f3ed"
}

.fa-atlas,
.fa-book-atlas {
    --fa: "\f558"
}

.fa-virus {
    --fa: "\e074"
}

.fa-envelope-circle-check {
    --fa: "\e4e8"
}

.fa-layer-group {
    --fa: "\f5fd"
}

.fa-arrows-to-dot {
    --fa: "\e4be"
}

.fa-archway {
    --fa: "\f557"
}

.fa-heart-circle-check {
    --fa: "\e4fd"
}

.fa-house-chimney-crack,
.fa-house-damage {
    --fa: "\f6f1"
}

.fa-file-archive,
.fa-file-zipper {
    --fa: "\f1c6"
}

.fa-square {
    --fa: "\f0c8"
}

.fa-glass-martini,
.fa-martini-glass-empty {
    --fa: "\f000"
}

.fa-couch {
    --fa: "\f4b8"
}

.fa-cedi-sign {
    --fa: "\e0df"
}

.fa-italic {
    --fa: "\f033"
}

.fa-table-cells-column-lock {
    --fa: "\e678"
}

.fa-church {
    --fa: "\f51d"
}

.fa-comments-dollar {
    --fa: "\f653"
}

.fa-democrat {
    --fa: "\f747"
}

.fa-z {
    --fa: "Z"
}

.fa-person-skiing,
.fa-skiing {
    --fa: "\f7c9"
}

.fa-road-lock {
    --fa: "\e567"
}

.fa-a {
    --fa: "A"
}

.fa-temperature-arrow-down,
.fa-temperature-down {
    --fa: "\e03f"
}

.fa-feather-alt,
.fa-feather-pointed {
    --fa: "\f56b"
}

.fa-p {
    --fa: "P"
}

.fa-snowflake {
    --fa: "\f2dc"
}

.fa-newspaper {
    --fa: "\f1ea"
}

.fa-ad,
.fa-rectangle-ad {
    --fa: "\f641"
}

.fa-arrow-circle-right,
.fa-circle-arrow-right {
    --fa: "\f0a9"
}

.fa-filter-circle-xmark {
    --fa: "\e17b"
}

.fa-locust {
    --fa: "\e520"
}

.fa-sort,
.fa-unsorted {
    --fa: "\f0dc"
}

.fa-list-1-2,
.fa-list-numeric,
.fa-list-ol {
    --fa: "\f0cb"
}

.fa-person-dress-burst {
    --fa: "\e544"
}

.fa-money-check-alt,
.fa-money-check-dollar {
    --fa: "\f53d"
}

.fa-vector-square {
    --fa: "\f5cb"
}

.fa-bread-slice {
    --fa: "\f7ec"
}

.fa-language {
    --fa: "\f1ab"
}

.fa-face-kiss-wink-heart,
.fa-kiss-wink-heart {
    --fa: "\f598"
}

.fa-filter {
    --fa: "\f0b0"
}

.fa-question {
    --fa: "?"
}

.fa-file-signature {
    --fa: "\f573"
}

.fa-arrows-alt,
.fa-up-down-left-right {
    --fa: "\f0b2"
}

.fa-house-chimney-user {
    --fa: "\e065"
}

.fa-hand-holding-heart {
    --fa: "\f4be"
}

.fa-puzzle-piece {
    --fa: "\f12e"
}

.fa-money-check {
    --fa: "\f53c"
}

.fa-star-half-alt,
.fa-star-half-stroke {
    --fa: "\f5c0"
}

.fa-code {
    --fa: "\f121"
}

.fa-glass-whiskey,
.fa-whiskey-glass {
    --fa: "\f7a0"
}

.fa-building-circle-exclamation {
    --fa: "\e4d3"
}

.fa-magnifying-glass-chart {
    --fa: "\e522"
}

.fa-arrow-up-right-from-square,
.fa-external-link {
    --fa: "\f08e"
}

.fa-cubes-stacked {
    --fa: "\e4e6"
}

.fa-krw,
.fa-won,
.fa-won-sign {
    --fa: "\f159"
}

.fa-virus-covid {
    --fa: "\e4a8"
}

.fa-austral-sign {
    --fa: "\e0a9"
}

.fa-f {
    --fa: "F"
}

.fa-leaf {
    --fa: "\f06c"
}

.fa-road {
    --fa: "\f018"
}

.fa-cab,
.fa-taxi {
    --fa: "\f1ba"
}

.fa-person-circle-plus {
    --fa: "\e541"
}

.fa-chart-pie,
.fa-pie-chart {
    --fa: "\f200"
}

.fa-bolt-lightning {
    --fa: "\e0b7"
}

.fa-sack-xmark {
    --fa: "\e56a"
}

.fa-file-excel {
    --fa: "\f1c3"
}

.fa-file-contract {
    --fa: "\f56c"
}

.fa-fish-fins {
    --fa: "\e4f2"
}

.fa-building-flag {
    --fa: "\e4d5"
}

.fa-face-grin-beam,
.fa-grin-beam {
    --fa: "\f582"
}

.fa-object-ungroup {
    --fa: "\f248"
}

.fa-poop {
    --fa: "\f619"
}

.fa-location-pin,
.fa-map-marker {
    --fa: "\f041"
}

.fa-kaaba {
    --fa: "\f66b"
}

.fa-toilet-paper {
    --fa: "\f71e"
}

.fa-hard-hat,
.fa-hat-hard,
.fa-helmet-safety {
    --fa: "\f807"
}

.fa-eject {
    --fa: "\f052"
}

.fa-arrow-alt-circle-right,
.fa-circle-right {
    --fa: "\f35a"
}

.fa-plane-circle-check {
    --fa: "\e555"
}

.fa-face-rolling-eyes,
.fa-meh-rolling-eyes {
    --fa: "\f5a5"
}

.fa-object-group {
    --fa: "\f247"
}

.fa-chart-line,
.fa-line-chart {
    --fa: "\f201"
}

.fa-mask-ventilator {
    --fa: "\e524"
}

.fa-arrow-right {
    --fa: "\f061"
}

.fa-map-signs,
.fa-signs-post {
    --fa: "\f277"
}

.fa-cash-register {
    --fa: "\f788"
}

.fa-person-circle-question {
    --fa: "\e542"
}

.fa-h {
    --fa: "H"
}

.fa-tarp {
    --fa: "\e57b"
}

.fa-screwdriver-wrench,
.fa-tools {
    --fa: "\f7d9"
}

.fa-arrows-to-eye {
    --fa: "\e4bf"
}

.fa-plug-circle-bolt {
    --fa: "\e55b"
}

.fa-heart {
    --fa: "\f004"
}

.fa-mars-and-venus {
    --fa: "\f224"
}

.fa-home-user,
.fa-house-user {
    --fa: "\e1b0"
}

.fa-dumpster-fire {
    --fa: "\f794"
}

.fa-house-crack {
    --fa: "\e3b1"
}

.fa-cocktail,
.fa-martini-glass-citrus {
    --fa: "\f561"
}

.fa-face-surprise,
.fa-surprise {
    --fa: "\f5c2"
}

.fa-bottle-water {
    --fa: "\e4c5"
}

.fa-circle-pause,
.fa-pause-circle {
    --fa: "\f28b"
}

.fa-toilet-paper-slash {
    --fa: "\e072"
}

.fa-apple-alt,
.fa-apple-whole {
    --fa: "\f5d1"
}

.fa-kitchen-set {
    --fa: "\e51a"
}

.fa-r {
    --fa: "R"
}

.fa-temperature-1,
.fa-temperature-quarter,
.fa-thermometer-1,
.fa-thermometer-quarter {
    --fa: "\f2ca"
}

.fa-cube {
    --fa: "\f1b2"
}

.fa-bitcoin-sign {
    --fa: "\e0b4"
}

.fa-shield-dog {
    --fa: "\e573"
}

.fa-solar-panel {
    --fa: "\f5ba"
}

.fa-lock-open {
    --fa: "\f3c1"
}

.fa-elevator {
    --fa: "\e16d"
}

.fa-money-bill-transfer {
    --fa: "\e528"
}

.fa-money-bill-trend-up {
    --fa: "\e529"
}

.fa-house-flood-water-circle-arrow-right {
    --fa: "\e50f"
}

.fa-poll-h,
.fa-square-poll-horizontal {
    --fa: "\f682"
}

.fa-circle {
    --fa: "\f111"
}

.fa-backward-fast,
.fa-fast-backward {
    --fa: "\f049"
}

.fa-recycle {
    --fa: "\f1b8"
}

.fa-user-astronaut {
    --fa: "\f4fb"
}

.fa-plane-slash {
    --fa: "\e069"
}

.fa-trademark {
    --fa: "\f25c"
}

.fa-basketball,
.fa-basketball-ball {
    --fa: "\f434"
}

.fa-satellite-dish {
    --fa: "\f7c0"
}

.fa-arrow-alt-circle-up,
.fa-circle-up {
    --fa: "\f35b"
}

.fa-mobile-alt,
.fa-mobile-screen-button {
    --fa: "\f3cd"
}

.fa-volume-high,
.fa-volume-up {
    --fa: "\f028"
}

.fa-users-rays {
    --fa: "\e593"
}

.fa-wallet {
    --fa: "\f555"
}

.fa-clipboard-check {
    --fa: "\f46c"
}

.fa-file-audio {
    --fa: "\f1c7"
}

.fa-burger,
.fa-hamburger {
    --fa: "\f805"
}

.fa-wrench {
    --fa: "\f0ad"
}

.fa-bugs {
    --fa: "\e4d0"
}

.fa-rupee,
.fa-rupee-sign {
    --fa: "\f156"
}

.fa-file-image {
    --fa: "\f1c5"
}

.fa-circle-question,
.fa-question-circle {
    --fa: "\f059"
}

.fa-plane-departure {
    --fa: "\f5b0"
}

.fa-handshake-slash {
    --fa: "\e060"
}

.fa-book-bookmark {
    --fa: "\e0bb"
}

.fa-code-branch {
    --fa: "\f126"
}

.fa-hat-cowboy {
    --fa: "\f8c0"
}

.fa-bridge {
    --fa: "\e4c8"
}

.fa-phone-alt,
.fa-phone-flip {
    --fa: "\f879"
}

.fa-truck-front {
    --fa: "\e2b7"
}

.fa-cat {
    --fa: "\f6be"
}

.fa-anchor-circle-exclamation {
    --fa: "\e4ab"
}

.fa-truck-field {
    --fa: "\e58d"
}

.fa-route {
    --fa: "\f4d7"
}

.fa-clipboard-question {
    --fa: "\e4e3"
}

.fa-panorama {
    --fa: "\e209"
}

.fa-comment-medical {
    --fa: "\f7f5"
}

.fa-teeth-open {
    --fa: "\f62f"
}

.fa-file-circle-minus {
    --fa: "\e4ed"
}

.fa-tags {
    --fa: "\f02c"
}

.fa-wine-glass {
    --fa: "\f4e3"
}

.fa-fast-forward,
.fa-forward-fast {
    --fa: "\f050"
}

.fa-face-meh-blank,
.fa-meh-blank {
    --fa: "\f5a4"
}

.fa-parking,
.fa-square-parking {
    --fa: "\f540"
}

.fa-house-signal {
    --fa: "\e012"
}

.fa-bars-progress,
.fa-tasks-alt {
    --fa: "\f828"
}

.fa-faucet-drip {
    --fa: "\e006"
}

.fa-cart-flatbed,
.fa-dolly-flatbed {
    --fa: "\f474"
}

.fa-ban-smoking,
.fa-smoking-ban {
    --fa: "\f54d"
}

.fa-terminal {
    --fa: "\f120"
}

.fa-mobile-button {
    --fa: "\f10b"
}

.fa-house-medical-flag {
    --fa: "\e514"
}

.fa-basket-shopping,
.fa-shopping-basket {
    --fa: "\f291"
}

.fa-tape {
    --fa: "\f4db"
}

.fa-bus-alt,
.fa-bus-simple {
    --fa: "\f55e"
}

.fa-eye {
    --fa: "\f06e"
}

.fa-face-sad-cry,
.fa-sad-cry {
    --fa: "\f5b3"
}

.fa-audio-description {
    --fa: "\f29e"
}

.fa-person-military-to-person {
    --fa: "\e54c"
}

.fa-file-shield {
    --fa: "\e4f0"
}

.fa-user-slash {
    --fa: "\f506"
}

.fa-pen {
    --fa: "\f304"
}

.fa-tower-observation {
    --fa: "\e586"
}

.fa-file-code {
    --fa: "\f1c9"
}

.fa-signal,
.fa-signal-5,
.fa-signal-perfect {
    --fa: "\f012"
}

.fa-bus {
    --fa: "\f207"
}

.fa-heart-circle-xmark {
    --fa: "\e501"
}

.fa-home-lg,
.fa-house-chimney {
    --fa: "\e3af"
}

.fa-window-maximize {
    --fa: "\f2d0"
}

.fa-face-frown,
.fa-frown {
    --fa: "\f119"
}

.fa-prescription {
    --fa: "\f5b1"
}

.fa-shop,
.fa-store-alt {
    --fa: "\f54f"
}

.fa-floppy-disk,
.fa-save {
    --fa: "\f0c7"
}

.fa-vihara {
    --fa: "\f6a7"
}

.fa-balance-scale-left,
.fa-scale-unbalanced {
    --fa: "\f515"
}

.fa-sort-asc,
.fa-sort-up {
    --fa: "\f0de"
}

.fa-comment-dots,
.fa-commenting {
    --fa: "\f4ad"
}

.fa-plant-wilt {
    --fa: "\e5aa"
}

.fa-diamond {
    --fa: "\f219"
}

.fa-face-grin-squint,
.fa-grin-squint {
    --fa: "\f585"
}

.fa-hand-holding-dollar,
.fa-hand-holding-usd {
    --fa: "\f4c0"
}

.fa-chart-diagram {
    --fa: "\e695"
}

.fa-bacterium {
    --fa: "\e05a"
}

.fa-hand-pointer {
    --fa: "\f25a"
}

.fa-drum-steelpan {
    --fa: "\f56a"
}

.fa-hand-scissors {
    --fa: "\f257"
}

.fa-hands-praying,
.fa-praying-hands {
    --fa: "\f684"
}

.fa-arrow-right-rotate,
.fa-arrow-rotate-forward,
.fa-arrow-rotate-right,
.fa-redo {
    --fa: "\f01e"
}

.fa-biohazard {
    --fa: "\f780"
}

.fa-location,
.fa-location-crosshairs {
    --fa: "\f601"
}

.fa-mars-double {
    --fa: "\f227"
}

.fa-child-dress {
    --fa: "\e59c"
}

.fa-users-between-lines {
    --fa: "\e591"
}

.fa-lungs-virus {
    --fa: "\e067"
}

.fa-face-grin-tears,
.fa-grin-tears {
    --fa: "\f588"
}

.fa-phone {
    --fa: "\f095"
}

.fa-calendar-times,
.fa-calendar-xmark {
    --fa: "\f273"
}

.fa-child-reaching {
    --fa: "\e59d"
}

.fa-head-side-virus {
    --fa: "\e064"
}

.fa-user-cog,
.fa-user-gear {
    --fa: "\f4fe"
}

.fa-arrow-up-1-9,
.fa-sort-numeric-up {
    --fa: "\f163"
}

.fa-door-closed {
    --fa: "\f52a"
}

.fa-shield-virus {
    --fa: "\e06c"
}

.fa-dice-six {
    --fa: "\f526"
}

.fa-mosquito-net {
    --fa: "\e52c"
}

.fa-file-fragment {
    --fa: "\e697"
}

.fa-bridge-water {
    --fa: "\e4ce"
}

.fa-person-booth {
    --fa: "\f756"
}

.fa-text-width {
    --fa: "\f035"
}

.fa-hat-wizard {
    --fa: "\f6e8"
}

.fa-pen-fancy {
    --fa: "\f5ac"
}

.fa-digging,
.fa-person-digging {
    --fa: "\f85e"
}

.fa-trash {
    --fa: "\f1f8"
}

.fa-gauge-simple,
.fa-gauge-simple-med,
.fa-tachometer-average {
    --fa: "\f629"
}

.fa-book-medical {
    --fa: "\f7e6"
}

.fa-poo {
    --fa: "\f2fe"
}

.fa-quote-right,
.fa-quote-right-alt {
    --fa: "\f10e"
}

.fa-shirt,
.fa-t-shirt,
.fa-tshirt {
    --fa: "\f553"
}

.fa-cubes {
    --fa: "\f1b3"
}

.fa-divide {
    --fa: "\f529"
}

.fa-tenge,
.fa-tenge-sign {
    --fa: "\f7d7"
}

.fa-headphones {
    --fa: "\f025"
}

.fa-hands-holding {
    --fa: "\f4c2"
}

.fa-hands-clapping {
    --fa: "\e1a8"
}

.fa-republican {
    --fa: "\f75e"
}

.fa-arrow-left {
    --fa: "\f060"
}

.fa-person-circle-xmark {
    --fa: "\e543"
}

.fa-ruler {
    --fa: "\f545"
}

.fa-align-left {
    --fa: "\f036"
}

.fa-dice-d6 {
    --fa: "\f6d1"
}

.fa-restroom {
    --fa: "\f7bd"
}

.fa-j {
    --fa: "J"
}

.fa-users-viewfinder {
    --fa: "\e595"
}

.fa-file-video {
    --fa: "\f1c8"
}

.fa-external-link-alt,
.fa-up-right-from-square {
    --fa: "\f35d"
}

.fa-table-cells,
.fa-th {
    --fa: "\f00a"
}

.fa-file-pdf {
    --fa: "\f1c1"
}

.fa-bible,
.fa-book-bible {
    --fa: "\f647"
}

.fa-o {
    --fa: "O"
}

.fa-medkit,
.fa-suitcase-medical {
    --fa: "\f0fa"
}

.fa-user-secret {
    --fa: "\f21b"
}

.fa-otter {
    --fa: "\f700"
}

.fa-female,
.fa-person-dress {
    --fa: "\f182"
}

.fa-comment-dollar {
    --fa: "\f651"
}

.fa-briefcase-clock,
.fa-business-time {
    --fa: "\f64a"
}

.fa-table-cells-large,
.fa-th-large {
    --fa: "\f009"
}

.fa-book-tanakh,
.fa-tanakh {
    --fa: "\f827"
}

.fa-phone-volume,
.fa-volume-control-phone {
    --fa: "\f2a0"
}

.fa-hat-cowboy-side {
    --fa: "\f8c1"
}

.fa-clipboard-user {
    --fa: "\f7f3"
}

.fa-child {
    --fa: "\f1ae"
}

.fa-lira-sign {
    --fa: "\f195"
}

.fa-satellite {
    --fa: "\f7bf"
}

.fa-plane-lock {
    --fa: "\e558"
}

.fa-tag {
    --fa: "\f02b"
}

.fa-comment {
    --fa: "\f075"
}

.fa-birthday-cake,
.fa-cake,
.fa-cake-candles {
    --fa: "\f1fd"
}

.fa-envelope {
    --fa: "\f0e0"
}

.fa-angle-double-up,
.fa-angles-up {
    --fa: "\f102"
}

.fa-paperclip {
    --fa: "\f0c6"
}

.fa-arrow-right-to-city {
    --fa: "\e4b3"
}

.fa-ribbon {
    --fa: "\f4d6"
}

.fa-lungs {
    --fa: "\f604"
}

.fa-arrow-up-9-1,
.fa-sort-numeric-up-alt {
    --fa: "\f887"
}

.fa-litecoin-sign {
    --fa: "\e1d3"
}

.fa-border-none {
    --fa: "\f850"
}

.fa-circle-nodes {
    --fa: "\e4e2"
}

.fa-parachute-box {
    --fa: "\f4cd"
}

.fa-indent {
    --fa: "\f03c"
}

.fa-truck-field-un {
    --fa: "\e58e"
}

.fa-hourglass,
.fa-hourglass-empty {
    --fa: "\f254"
}

.fa-mountain {
    --fa: "\f6fc"
}

.fa-user-doctor,
.fa-user-md {
    --fa: "\f0f0"
}

.fa-circle-info,
.fa-info-circle {
    --fa: "\f05a"
}

.fa-cloud-meatball {
    --fa: "\f73b"
}

.fa-camera,
.fa-camera-alt {
    --fa: "\f030"
}

.fa-square-virus {
    --fa: "\e578"
}

.fa-meteor {
    --fa: "\f753"
}

.fa-car-on {
    --fa: "\e4dd"
}

.fa-sleigh {
    --fa: "\f7cc"
}

.fa-arrow-down-1-9,
.fa-sort-numeric-asc,
.fa-sort-numeric-down {
    --fa: "\f162"
}

.fa-hand-holding-droplet,
.fa-hand-holding-water {
    --fa: "\f4c1"
}

.fa-water {
    --fa: "\f773"
}

.fa-calendar-check {
    --fa: "\f274"
}

.fa-braille {
    --fa: "\f2a1"
}

.fa-prescription-bottle-alt,
.fa-prescription-bottle-medical {
    --fa: "\f486"
}

.fa-landmark {
    --fa: "\f66f"
}

.fa-truck {
    --fa: "\f0d1"
}

.fa-crosshairs {
    --fa: "\f05b"
}

.fa-person-cane {
    --fa: "\e53c"
}

.fa-tent {
    --fa: "\e57d"
}

.fa-vest-patches {
    --fa: "\e086"
}

.fa-check-double {
    --fa: "\f560"
}

.fa-arrow-down-a-z,
.fa-sort-alpha-asc,
.fa-sort-alpha-down {
    --fa: "\f15d"
}

.fa-money-bill-wheat {
    --fa: "\e52a"
}

.fa-cookie {
    --fa: "\f563"
}

.fa-arrow-left-rotate,
.fa-arrow-rotate-back,
.fa-arrow-rotate-backward,
.fa-arrow-rotate-left,
.fa-undo {
    --fa: "\f0e2"
}

.fa-hard-drive,
.fa-hdd {
    --fa: "\f0a0"
}

.fa-face-grin-squint-tears,
.fa-grin-squint-tears {
    --fa: "\f586"
}

.fa-dumbbell {
    --fa: "\f44b"
}

.fa-list-alt,
.fa-rectangle-list {
    --fa: "\f022"
}

.fa-tarp-droplet {
    --fa: "\e57c"
}

.fa-house-medical-circle-check {
    --fa: "\e511"
}

.fa-person-skiing-nordic,
.fa-skiing-nordic {
    --fa: "\f7ca"
}

.fa-calendar-plus {
    --fa: "\f271"
}

.fa-plane-arrival {
    --fa: "\f5af"
}

.fa-arrow-alt-circle-left,
.fa-circle-left {
    --fa: "\f359"
}

.fa-subway,
.fa-train-subway {
    --fa: "\f239"
}

.fa-chart-gantt {
    --fa: "\e0e4"
}

.fa-indian-rupee,
.fa-indian-rupee-sign,
.fa-inr {
    --fa: "\e1bc"
}

.fa-crop-alt,
.fa-crop-simple {
    --fa: "\f565"
}

.fa-money-bill-1,
.fa-money-bill-alt {
    --fa: "\f3d1"
}

.fa-left-long,
.fa-long-arrow-alt-left {
    --fa: "\f30a"
}

.fa-dna {
    --fa: "\f471"
}

.fa-virus-slash {
    --fa: "\e075"
}

.fa-minus,
.fa-subtract {
    --fa: "\f068"
}

.fa-chess {
    --fa: "\f439"
}

.fa-arrow-left-long,
.fa-long-arrow-left {
    --fa: "\f177"
}

.fa-plug-circle-check {
    --fa: "\e55c"
}

.fa-street-view {
    --fa: "\f21d"
}

.fa-franc-sign {
    --fa: "\e18f"
}

.fa-volume-off {
    --fa: "\f026"
}

.fa-american-sign-language-interpreting,
.fa-asl-interpreting,
.fa-hands-american-sign-language-interpreting,
.fa-hands-asl-interpreting {
    --fa: "\f2a3"
}

.fa-cog,
.fa-gear {
    --fa: "\f013"
}

.fa-droplet-slash,
.fa-tint-slash {
    --fa: "\f5c7"
}

.fa-mosque {
    --fa: "\f678"
}

.fa-mosquito {
    --fa: "\e52b"
}

.fa-star-of-david {
    --fa: "\f69a"
}

.fa-person-military-rifle {
    --fa: "\e54b"
}

.fa-cart-shopping,
.fa-shopping-cart {
    --fa: "\f07a"
}

.fa-vials {
    --fa: "\f493"
}

.fa-plug-circle-plus {
    --fa: "\e55f"
}

.fa-place-of-worship {
    --fa: "\f67f"
}

.fa-grip-vertical {
    --fa: "\f58e"
}

.fa-hexagon-nodes {
    --fa: "\e699"
}

.fa-arrow-turn-up,
.fa-level-up {
    --fa: "\f148"
}

.fa-u {
    --fa: "U"
}

.fa-square-root-alt,
.fa-square-root-variable {
    --fa: "\f698"
}

.fa-clock,
.fa-clock-four {
    --fa: "\f017"
}

.fa-backward-step,
.fa-step-backward {
    --fa: "\f048"
}

.fa-pallet {
    --fa: "\f482"
}

.fa-faucet {
    --fa: "\e005"
}

.fa-baseball-bat-ball {
    --fa: "\f432"
}

.fa-s {
    --fa: "S"
}

.fa-timeline {
    --fa: "\e29c"
}

.fa-keyboard {
    --fa: "\f11c"
}

.fa-caret-down {
    --fa: "\f0d7"
}

.fa-clinic-medical,
.fa-house-chimney-medical {
    --fa: "\f7f2"
}

.fa-temperature-3,
.fa-temperature-three-quarters,
.fa-thermometer-3,
.fa-thermometer-three-quarters {
    --fa: "\f2c8"
}

.fa-mobile-android-alt,
.fa-mobile-screen {
    --fa: "\f3cf"
}

.fa-plane-up {
    --fa: "\e22d"
}

.fa-piggy-bank {
    --fa: "\f4d3"
}

.fa-battery-3,
.fa-battery-half {
    --fa: "\f242"
}

.fa-mountain-city {
    --fa: "\e52e"
}

.fa-coins {
    --fa: "\f51e"
}

.fa-khanda {
    --fa: "\f66d"
}

.fa-sliders,
.fa-sliders-h {
    --fa: "\f1de"
}

.fa-folder-tree {
    --fa: "\f802"
}

.fa-network-wired {
    --fa: "\f6ff"
}

.fa-map-pin {
    --fa: "\f276"
}

.fa-hamsa {
    --fa: "\f665"
}

.fa-cent-sign {
    --fa: "\e3f5"
}

.fa-flask {
    --fa: "\f0c3"
}

.fa-person-pregnant {
    --fa: "\e31e"
}

.fa-wand-sparkles {
    --fa: "\f72b"
}

.fa-ellipsis-v,
.fa-ellipsis-vertical {
    --fa: "\f142"
}

.fa-ticket {
    --fa: "\f145"
}

.fa-power-off {
    --fa: "\f011"
}

.fa-long-arrow-alt-right,
.fa-right-long {
    --fa: "\f30b"
}

.fa-flag-usa {
    --fa: "\f74d"
}

.fa-laptop-file {
    --fa: "\e51d"
}

.fa-teletype,
.fa-tty {
    --fa: "\f1e4"
}

.fa-diagram-next {
    --fa: "\e476"
}

.fa-person-rifle {
    --fa: "\e54e"
}

.fa-house-medical-circle-exclamation {
    --fa: "\e512"
}

.fa-closed-captioning {
    --fa: "\f20a"
}

.fa-hiking,
.fa-person-hiking {
    --fa: "\f6ec"
}

.fa-venus-double {
    --fa: "\f226"
}

.fa-images {
    --fa: "\f302"
}

.fa-calculator {
    --fa: "\f1ec"
}

.fa-people-pulling {
    --fa: "\e535"
}

.fa-n {
    --fa: "N"
}

.fa-cable-car,
.fa-tram {
    --fa: "\f7da"
}

.fa-cloud-rain {
    --fa: "\f73d"
}

.fa-building-circle-xmark {
    --fa: "\e4d4"
}

.fa-ship {
    --fa: "\f21a"
}

.fa-arrows-down-to-line {
    --fa: "\e4b8"
}

.fa-download {
    --fa: "\f019"
}

.fa-face-grin,
.fa-grin {
    --fa: "\f580"
}

.fa-backspace,
.fa-delete-left {
    --fa: "\f55a"
}

.fa-eye-dropper,
.fa-eye-dropper-empty,
.fa-eyedropper {
    --fa: "\f1fb"
}

.fa-file-circle-check {
    --fa: "\e5a0"
}

.fa-forward {
    --fa: "\f04e"
}

.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
    --fa: "\f3ce"
}

.fa-face-meh,
.fa-meh {
    --fa: "\f11a"
}

.fa-align-center {
    --fa: "\f037"
}

.fa-book-dead,
.fa-book-skull {
    --fa: "\f6b7"
}

.fa-drivers-license,
.fa-id-card {
    --fa: "\f2c2"
}

.fa-dedent,
.fa-outdent {
    --fa: "\f03b"
}

.fa-heart-circle-exclamation {
    --fa: "\e4fe"
}

.fa-home,
.fa-home-alt,
.fa-home-lg-alt,
.fa-house {
    --fa: "\f015"
}

.fa-calendar-week {
    --fa: "\f784"
}

.fa-laptop-medical {
    --fa: "\f812"
}

.fa-b {
    --fa: "B"
}

.fa-file-medical {
    --fa: "\f477"
}

.fa-dice-one {
    --fa: "\f525"
}

.fa-kiwi-bird {
    --fa: "\f535"
}

.fa-arrow-right-arrow-left,
.fa-exchange {
    --fa: "\f0ec"
}

.fa-redo-alt,
.fa-rotate-forward,
.fa-rotate-right {
    --fa: "\f2f9"
}

.fa-cutlery,
.fa-utensils {
    --fa: "\f2e7"
}

.fa-arrow-up-wide-short,
.fa-sort-amount-up {
    --fa: "\f161"
}

.fa-mill-sign {
    --fa: "\e1ed"
}

.fa-bowl-rice {
    --fa: "\e2eb"
}

.fa-skull {
    --fa: "\f54c"
}

.fa-broadcast-tower,
.fa-tower-broadcast {
    --fa: "\f519"
}

.fa-truck-pickup {
    --fa: "\f63c"
}

.fa-long-arrow-alt-up,
.fa-up-long {
    --fa: "\f30c"
}

.fa-stop {
    --fa: "\f04d"
}

.fa-code-merge {
    --fa: "\f387"
}

.fa-upload {
    --fa: "\f093"
}

.fa-hurricane {
    --fa: "\f751"
}

.fa-mound {
    --fa: "\e52d"
}

.fa-toilet-portable {
    --fa: "\e583"
}

.fa-compact-disc {
    --fa: "\f51f"
}

.fa-file-arrow-down,
.fa-file-download {
    --fa: "\f56d"
}

.fa-caravan {
    --fa: "\f8ff"
}

.fa-shield-cat {
    --fa: "\e572"
}

.fa-bolt,
.fa-zap {
    --fa: "\f0e7"
}

.fa-glass-water {
    --fa: "\e4f4"
}

.fa-oil-well {
    --fa: "\e532"
}

.fa-vault {
    --fa: "\e2c5"
}

.fa-mars {
    --fa: "\f222"
}

.fa-toilet {
    --fa: "\f7d8"
}

.fa-plane-circle-xmark {
    --fa: "\e557"
}

.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-sun {
    --fa: "\f185"
}

.fa-guitar {
    --fa: "\f7a6"
}

.fa-face-laugh-wink,
.fa-laugh-wink {
    --fa: "\f59c"
}

.fa-horse-head {
    --fa: "\f7ab"
}

.fa-bore-hole {
    --fa: "\e4c3"
}

.fa-industry {
    --fa: "\f275"
}

.fa-arrow-alt-circle-down,
.fa-circle-down {
    --fa: "\f358"
}

.fa-arrows-turn-to-dots {
    --fa: "\e4c1"
}

.fa-florin-sign {
    --fa: "\e184"
}

.fa-arrow-down-short-wide,
.fa-sort-amount-desc,
.fa-sort-amount-down-alt {
    --fa: "\f884"
}

.fa-less-than {
    --fa: "<"
}

.fa-angle-down {
    --fa: "\f107"
}

.fa-car-tunnel {
    --fa: "\e4de"
}

.fa-head-side-cough {
    --fa: "\e061"
}

.fa-grip-lines {
    --fa: "\f7a4"
}

.fa-thumbs-down {
    --fa: "\f165"
}

.fa-user-lock {
    --fa: "\f502"
}

.fa-arrow-right-long,
.fa-long-arrow-right {
    --fa: "\f178"
}

.fa-anchor-circle-xmark {
    --fa: "\e4ac"
}

.fa-ellipsis,
.fa-ellipsis-h {
    --fa: "\f141"
}

.fa-chess-pawn {
    --fa: "\f443"
}

.fa-first-aid,
.fa-kit-medical {
    --fa: "\f479"
}

.fa-person-through-window {
    --fa: "\e5a9"
}

.fa-toolbox {
    --fa: "\f552"
}

.fa-hands-holding-circle {
    --fa: "\e4fb"
}

.fa-bug {
    --fa: "\f188"
}

.fa-credit-card,
.fa-credit-card-alt {
    --fa: "\f09d"
}

.fa-automobile,
.fa-car {
    --fa: "\f1b9"
}

.fa-hand-holding-hand {
    --fa: "\e4f7"
}

.fa-book-open-reader,
.fa-book-reader {
    --fa: "\f5da"
}

.fa-mountain-sun {
    --fa: "\e52f"
}

.fa-arrows-left-right-to-line {
    --fa: "\e4ba"
}

.fa-dice-d20 {
    --fa: "\f6cf"
}

.fa-truck-droplet {
    --fa: "\e58c"
}

.fa-file-circle-xmark {
    --fa: "\e5a1"
}

.fa-temperature-arrow-up,
.fa-temperature-up {
    --fa: "\e040"
}

.fa-medal {
    --fa: "\f5a2"
}

.fa-bed {
    --fa: "\f236"
}

.fa-h-square,
.fa-square-h {
    --fa: "\f0fd"
}

.fa-podcast {
    --fa: "\f2ce"
}

.fa-temperature-4,
.fa-temperature-full,
.fa-thermometer-4,
.fa-thermometer-full {
    --fa: "\f2c7"
}

.fa-bell {
    --fa: "\f0f3"
}

.fa-superscript {
    --fa: "\f12b"
}

.fa-plug-circle-xmark {
    --fa: "\e560"
}

.fa-star-of-life {
    --fa: "\f621"
}

.fa-phone-slash {
    --fa: "\f3dd"
}

.fa-paint-roller {
    --fa: "\f5aa"
}

.fa-hands-helping,
.fa-handshake-angle {
    --fa: "\f4c4"
}

.fa-location-dot,
.fa-map-marker-alt {
    --fa: "\f3c5"
}

.fa-file {
    --fa: "\f15b"
}

.fa-greater-than {
    --fa: ">"
}

.fa-person-swimming,
.fa-swimmer {
    --fa: "\f5c4"
}

.fa-arrow-down {
    --fa: "\f063"
}

.fa-droplet,
.fa-tint {
    --fa: "\f043"
}

.fa-eraser {
    --fa: "\f12d"
}

.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
    --fa: "\f57d"
}

.fa-person-burst {
    --fa: "\e53b"
}

.fa-dove {
    --fa: "\f4ba"
}

.fa-battery-0,
.fa-battery-empty {
    --fa: "\f244"
}

.fa-socks {
    --fa: "\f696"
}

.fa-inbox {
    --fa: "\f01c"
}

.fa-section {
    --fa: "\e447"
}

.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
    --fa: "\f625"
}

.fa-envelope-open-text {
    --fa: "\f658"
}

.fa-hospital,
.fa-hospital-alt,
.fa-hospital-wide {
    --fa: "\f0f8"
}

.fa-wine-bottle {
    --fa: "\f72f"
}

.fa-chess-rook {
    --fa: "\f447"
}

.fa-bars-staggered,
.fa-reorder,
.fa-stream {
    --fa: "\f550"
}

.fa-dharmachakra {
    --fa: "\f655"
}

.fa-hotdog {
    --fa: "\f80f"
}

.fa-blind,
.fa-person-walking-with-cane {
    --fa: "\f29d"
}

.fa-drum {
    --fa: "\f569"
}

.fa-ice-cream {
    --fa: "\f810"
}

.fa-heart-circle-bolt {
    --fa: "\e4fc"
}

.fa-fax {
    --fa: "\f1ac"
}

.fa-paragraph {
    --fa: "\f1dd"
}

.fa-check-to-slot,
.fa-vote-yea {
    --fa: "\f772"
}

.fa-star-half {
    --fa: "\f089"
}

.fa-boxes,
.fa-boxes-alt,
.fa-boxes-stacked {
    --fa: "\f468"
}

.fa-chain,
.fa-link {
    --fa: "\f0c1"
}

.fa-assistive-listening-systems,
.fa-ear-listen {
    --fa: "\f2a2"
}

.fa-tree-city {
    --fa: "\e587"
}

.fa-play {
    --fa: "\f04b"
}

.fa-font {
    --fa: "\f031"
}

.fa-table-cells-row-lock {
    --fa: "\e67a"
}

.fa-rupiah-sign {
    --fa: "\e23d"
}

.fa-magnifying-glass,
.fa-search {
    --fa: "\f002"
}

.fa-ping-pong-paddle-ball,
.fa-table-tennis,
.fa-table-tennis-paddle-ball {
    --fa: "\f45d"
}

.fa-diagnoses,
.fa-person-dots-from-line {
    --fa: "\f470"
}

.fa-trash-can-arrow-up,
.fa-trash-restore-alt {
    --fa: "\f82a"
}

.fa-naira-sign {
    --fa: "\e1f6"
}

.fa-cart-arrow-down {
    --fa: "\f218"
}

.fa-walkie-talkie {
    --fa: "\f8ef"
}

.fa-file-edit,
.fa-file-pen {
    --fa: "\f31c"
}

.fa-receipt {
    --fa: "\f543"
}

.fa-pen-square,
.fa-pencil-square,
.fa-square-pen {
    --fa: "\f14b"
}

.fa-suitcase-rolling {
    --fa: "\f5c1"
}

.fa-person-circle-exclamation {
    --fa: "\e53f"
}

.fa-chevron-down {
    --fa: "\f078"
}

.fa-battery,
.fa-battery-5,
.fa-battery-full {
    --fa: "\f240"
}

.fa-skull-crossbones {
    --fa: "\f714"
}

.fa-code-compare {
    --fa: "\e13a"
}

.fa-list-dots,
.fa-list-ul {
    --fa: "\f0ca"
}

.fa-school-lock {
    --fa: "\e56f"
}

.fa-tower-cell {
    --fa: "\e585"
}

.fa-down-long,
.fa-long-arrow-alt-down {
    --fa: "\f309"
}

.fa-ranking-star {
    --fa: "\e561"
}

.fa-chess-king {
    --fa: "\f43f"
}

.fa-person-harassing {
    --fa: "\e549"
}

.fa-brazilian-real-sign {
    --fa: "\e46c"
}

.fa-landmark-alt,
.fa-landmark-dome {
    --fa: "\f752"
}

.fa-arrow-up {
    --fa: "\f062"
}

.fa-television,
.fa-tv,
.fa-tv-alt {
    --fa: "\f26c"
}

.fa-shrimp {
    --fa: "\e448"
}

.fa-list-check,
.fa-tasks {
    --fa: "\f0ae"
}

.fa-jug-detergent {
    --fa: "\e519"
}

.fa-circle-user,
.fa-user-circle {
    --fa: "\f2bd"
}

.fa-user-shield {
    --fa: "\f505"
}

.fa-wind {
    --fa: "\f72e"
}

.fa-car-burst,
.fa-car-crash {
    --fa: "\f5e1"
}

.fa-y {
    --fa: "Y"
}

.fa-person-snowboarding,
.fa-snowboarding {
    --fa: "\f7ce"
}

.fa-shipping-fast,
.fa-truck-fast {
    --fa: "\f48b"
}

.fa-fish {
    --fa: "\f578"
}

.fa-user-graduate {
    --fa: "\f501"
}

.fa-adjust,
.fa-circle-half-stroke {
    --fa: "\f042"
}

.fa-clapperboard {
    --fa: "\e131"
}

.fa-circle-radiation,
.fa-radiation-alt {
    --fa: "\f7ba"
}

.fa-baseball,
.fa-baseball-ball {
    --fa: "\f433"
}

.fa-jet-fighter-up {
    --fa: "\e518"
}

.fa-diagram-project,
.fa-project-diagram {
    --fa: "\f542"
}

.fa-copy {
    --fa: "\f0c5"
}

.fa-volume-mute,
.fa-volume-times,
.fa-volume-xmark {
    --fa: "\f6a9"
}

.fa-hand-sparkles {
    --fa: "\e05d"
}

.fa-grip,
.fa-grip-horizontal {
    --fa: "\f58d"
}

.fa-share-from-square,
.fa-share-square {
    --fa: "\f14d"
}

.fa-child-combatant,
.fa-child-rifle {
    --fa: "\e4e0"
}

.fa-gun {
    --fa: "\e19b"
}

.fa-phone-square,
.fa-square-phone {
    --fa: "\f098"
}

.fa-add,
.fa-plus {
    --fa: "+"
}

.fa-expand {
    --fa: "\f065"
}

.fa-computer {
    --fa: "\e4e5"
}

.fa-close,
.fa-multiply,
.fa-remove,
.fa-times,
.fa-xmark {
    --fa: "\f00d"
}

.fa-arrows,
.fa-arrows-up-down-left-right {
    --fa: "\f047"
}

.fa-chalkboard-teacher,
.fa-chalkboard-user {
    --fa: "\f51c"
}

.fa-peso-sign {
    --fa: "\e222"
}

.fa-building-shield {
    --fa: "\e4d8"
}

.fa-baby {
    --fa: "\f77c"
}

.fa-users-line {
    --fa: "\e592"
}

.fa-quote-left,
.fa-quote-left-alt {
    --fa: "\f10d"
}

.fa-tractor {
    --fa: "\f722"
}

.fa-trash-arrow-up,
.fa-trash-restore {
    --fa: "\f829"
}

.fa-arrow-down-up-lock {
    --fa: "\e4b0"
}

.fa-lines-leaning {
    --fa: "\e51e"
}

.fa-ruler-combined {
    --fa: "\f546"
}

.fa-copyright {
    --fa: "\f1f9"
}

.fa-equals {
    --fa: "="
}

.fa-blender {
    --fa: "\f517"
}

.fa-teeth {
    --fa: "\f62e"
}

.fa-ils,
.fa-shekel,
.fa-shekel-sign,
.fa-sheqel,
.fa-sheqel-sign {
    --fa: "\f20b"
}

.fa-map {
    --fa: "\f279"
}

.fa-rocket {
    --fa: "\f135"
}

.fa-photo-film,
.fa-photo-video {
    --fa: "\f87c"
}

.fa-folder-minus {
    --fa: "\f65d"
}

.fa-hexagon-nodes-bolt {
    --fa: "\e69a"
}

.fa-store {
    --fa: "\f54e"
}

.fa-arrow-trend-up {
    --fa: "\e098"
}

.fa-plug-circle-minus {
    --fa: "\e55e"
}

.fa-sign,
.fa-sign-hanging {
    --fa: "\f4d9"
}

.fa-bezier-curve {
    --fa: "\f55b"
}

.fa-bell-slash {
    --fa: "\f1f6"
}

.fa-tablet,
.fa-tablet-android {
    --fa: "\f3fb"
}

.fa-school-flag {
    --fa: "\e56e"
}

.fa-fill {
    --fa: "\f575"
}

.fa-angle-up {
    --fa: "\f106"
}

.fa-drumstick-bite {
    --fa: "\f6d7"
}

.fa-holly-berry {
    --fa: "\f7aa"
}

.fa-chevron-left {
    --fa: "\f053"
}

.fa-bacteria {
    --fa: "\e059"
}

.fa-hand-lizard {
    --fa: "\f258"
}

.fa-notdef {
    --fa: "\e1fe"
}

.fa-disease {
    --fa: "\f7fa"
}

.fa-briefcase-medical {
    --fa: "\f469"
}

.fa-genderless {
    --fa: "\f22d"
}

.fa-chevron-right {
    --fa: "\f054"
}

.fa-retweet {
    --fa: "\f079"
}

.fa-car-alt,
.fa-car-rear {
    --fa: "\f5de"
}

.fa-pump-soap {
    --fa: "\e06b"
}

.fa-video-slash {
    --fa: "\f4e2"
}

.fa-battery-2,
.fa-battery-quarter {
    --fa: "\f243"
}

.fa-radio {
    --fa: "\f8d7"
}

.fa-baby-carriage,
.fa-carriage-baby {
    --fa: "\f77d"
}

.fa-traffic-light {
    --fa: "\f637"
}

.fa-thermometer {
    --fa: "\f491"
}

.fa-vr-cardboard {
    --fa: "\f729"
}

.fa-hand-middle-finger {
    --fa: "\f806"
}

.fa-percent,
.fa-percentage {
    --fa: "%"
}

.fa-truck-moving {
    --fa: "\f4df"
}

.fa-glass-water-droplet {
    --fa: "\e4f5"
}

.fa-display {
    --fa: "\e163"
}

.fa-face-smile,
.fa-smile {
    --fa: "\f118"
}

.fa-thumb-tack,
.fa-thumbtack {
    --fa: "\f08d"
}

.fa-trophy {
    --fa: "\f091"
}

.fa-person-praying,
.fa-pray {
    --fa: "\f683"
}

.fa-hammer {
    --fa: "\f6e3"
}

.fa-hand-peace {
    --fa: "\f25b"
}

.fa-rotate,
.fa-sync-alt {
    --fa: "\f2f1"
}

.fa-spinner {
    --fa: "\f110"
}

.fa-robot {
    --fa: "\f544"
}

.fa-peace {
    --fa: "\f67c"
}

.fa-cogs,
.fa-gears {
    --fa: "\f085"
}

.fa-warehouse {
    --fa: "\f494"
}

.fa-arrow-up-right-dots {
    --fa: "\e4b7"
}

.fa-splotch {
    --fa: "\f5bc"
}

.fa-face-grin-hearts,
.fa-grin-hearts {
    --fa: "\f584"
}

.fa-dice-four {
    --fa: "\f524"
}

.fa-sim-card {
    --fa: "\f7c4"
}

.fa-transgender,
.fa-transgender-alt {
    --fa: "\f225"
}

.fa-mercury {
    --fa: "\f223"
}

.fa-arrow-turn-down,
.fa-level-down {
    --fa: "\f149"
}

.fa-person-falling-burst {
    --fa: "\e547"
}

.fa-award {
    --fa: "\f559"
}

.fa-ticket-alt,
.fa-ticket-simple {
    --fa: "\f3ff"
}

.fa-building {
    --fa: "\f1ad"
}

.fa-angle-double-left,
.fa-angles-left {
    --fa: "\f100"
}

.fa-qrcode {
    --fa: "\f029"
}

.fa-clock-rotate-left,
.fa-history {
    --fa: "\f1da"
}

.fa-face-grin-beam-sweat,
.fa-grin-beam-sweat {
    --fa: "\f583"
}

.fa-arrow-right-from-file,
.fa-file-export {
    --fa: "\f56e"
}

.fa-shield,
.fa-shield-blank {
    --fa: "\f132"
}

.fa-arrow-up-short-wide,
.fa-sort-amount-up-alt {
    --fa: "\f885"
}

.fa-comment-nodes {
    --fa: "\e696"
}

.fa-house-medical {
    --fa: "\e3b2"
}

.fa-golf-ball,
.fa-golf-ball-tee {
    --fa: "\f450"
}

.fa-chevron-circle-left,
.fa-circle-chevron-left {
    --fa: "\f137"
}

.fa-house-chimney-window {
    --fa: "\e00d"
}

.fa-pen-nib {
    --fa: "\f5ad"
}

.fa-tent-arrow-turn-left {
    --fa: "\e580"
}

.fa-tents {
    --fa: "\e582"
}

.fa-magic,
.fa-wand-magic {
    --fa: "\f0d0"
}

.fa-dog {
    --fa: "\f6d3"
}

.fa-carrot {
    --fa: "\f787"
}

.fa-moon {
    --fa: "\f186"
}

.fa-wine-glass-alt,
.fa-wine-glass-empty {
    --fa: "\f5ce"
}

.fa-cheese {
    --fa: "\f7ef"
}

.fa-yin-yang {
    --fa: "\f6ad"
}

.fa-music {
    --fa: "\f001"
}

.fa-code-commit {
    --fa: "\f386"
}

.fa-temperature-low {
    --fa: "\f76b"
}

.fa-biking,
.fa-person-biking {
    --fa: "\f84a"
}

.fa-broom {
    --fa: "\f51a"
}

.fa-shield-heart {
    --fa: "\e574"
}

.fa-gopuram {
    --fa: "\f664"
}

.fa-earth-oceania,
.fa-globe-oceania {
    --fa: "\e47b"
}

.fa-square-xmark,
.fa-times-square,
.fa-xmark-square {
    --fa: "\f2d3"
}

.fa-hashtag {
    --fa: "#"
}

.fa-expand-alt,
.fa-up-right-and-down-left-from-center {
    --fa: "\f424"
}

.fa-oil-can {
    --fa: "\f613"
}

.fa-t {
    --fa: "T"
}

.fa-hippo {
    --fa: "\f6ed"
}

.fa-chart-column {
    --fa: "\e0e3"
}

.fa-infinity {
    --fa: "\f534"
}

.fa-vial-circle-check {
    --fa: "\e596"
}

.fa-person-arrow-down-to-line {
    --fa: "\e538"
}

.fa-voicemail {
    --fa: "\f897"
}

.fa-fan {
    --fa: "\f863"
}

.fa-person-walking-luggage {
    --fa: "\e554"
}

.fa-arrows-alt-v,
.fa-up-down {
    --fa: "\f338"
}

.fa-cloud-moon-rain {
    --fa: "\f73c"
}

.fa-calendar {
    --fa: "\f133"
}

.fa-trailer {
    --fa: "\e041"
}

.fa-bahai,
.fa-haykal {
    --fa: "\f666"
}

.fa-sd-card {
    --fa: "\f7c2"
}

.fa-dragon {
    --fa: "\f6d5"
}

.fa-shoe-prints {
    --fa: "\f54b"
}

.fa-circle-plus,
.fa-plus-circle {
    --fa: "\f055"
}

.fa-face-grin-tongue-wink,
.fa-grin-tongue-wink {
    --fa: "\f58b"
}

.fa-hand-holding {
    --fa: "\f4bd"
}

.fa-plug-circle-exclamation {
    --fa: "\e55d"
}

.fa-chain-broken,
.fa-chain-slash,
.fa-link-slash,
.fa-unlink {
    --fa: "\f127"
}

.fa-clone {
    --fa: "\f24d"
}

.fa-person-walking-arrow-loop-left {
    --fa: "\e551"
}

.fa-arrow-up-z-a,
.fa-sort-alpha-up-alt {
    --fa: "\f882"
}

.fa-fire-alt,
.fa-fire-flame-curved {
    --fa: "\f7e4"
}

.fa-tornado {
    --fa: "\f76f"
}

.fa-file-circle-plus {
    --fa: "\e494"
}

.fa-book-quran,
.fa-quran {
    --fa: "\f687"
}

.fa-anchor {
    --fa: "\f13d"
}

.fa-border-all {
    --fa: "\f84c"
}

.fa-angry,
.fa-face-angry {
    --fa: "\f556"
}

.fa-cookie-bite {
    --fa: "\f564"
}

.fa-arrow-trend-down {
    --fa: "\e097"
}

.fa-feed,
.fa-rss {
    --fa: "\f09e"
}

.fa-draw-polygon {
    --fa: "\f5ee"
}

.fa-balance-scale,
.fa-scale-balanced {
    --fa: "\f24e"
}

.fa-gauge-simple-high,
.fa-tachometer,
.fa-tachometer-fast {
    --fa: "\f62a"
}

.fa-shower {
    --fa: "\f2cc"
}

.fa-desktop,
.fa-desktop-alt {
    --fa: "\f390"
}

.fa-m {
    --fa: "M"
}

.fa-table-list,
.fa-th-list {
    --fa: "\f00b"
}

.fa-comment-sms,
.fa-sms {
    --fa: "\f7cd"
}

.fa-book {
    --fa: "\f02d"
}

.fa-user-plus {
    --fa: "\f234"
}

.fa-check {
    --fa: "\f00c"
}

.fa-battery-4,
.fa-battery-three-quarters {
    --fa: "\f241"
}

.fa-house-circle-check {
    --fa: "\e509"
}

.fa-angle-left {
    --fa: "\f104"
}

.fa-diagram-successor {
    --fa: "\e47a"
}

.fa-truck-arrow-right {
    --fa: "\e58b"
}

.fa-arrows-split-up-and-left {
    --fa: "\e4bc"
}

.fa-fist-raised,
.fa-hand-fist {
    --fa: "\f6de"
}

.fa-cloud-moon {
    --fa: "\f6c3"
}

.fa-briefcase {
    --fa: "\f0b1"
}

.fa-person-falling {
    --fa: "\e546"
}

.fa-image-portrait,
.fa-portrait {
    --fa: "\f3e0"
}

.fa-user-tag {
    --fa: "\f507"
}

.fa-rug {
    --fa: "\e569"
}

.fa-earth-europe,
.fa-globe-europe {
    --fa: "\f7a2"
}

.fa-cart-flatbed-suitcase,
.fa-luggage-cart {
    --fa: "\f59d"
}

.fa-rectangle-times,
.fa-rectangle-xmark,
.fa-times-rectangle,
.fa-window-close {
    --fa: "\f410"
}

.fa-baht-sign {
    --fa: "\e0ac"
}

.fa-book-open {
    --fa: "\f518"
}

.fa-book-journal-whills,
.fa-journal-whills {
    --fa: "\f66a"
}

.fa-handcuffs {
    --fa: "\e4f8"
}

.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-warning {
    --fa: "\f071"
}

.fa-database {
    --fa: "\f1c0"
}

.fa-mail-forward,
.fa-share {
    --fa: "\f064"
}

.fa-bottle-droplet {
    --fa: "\e4c4"
}

.fa-mask-face {
    --fa: "\e1d7"
}

.fa-hill-rockslide {
    --fa: "\e508"
}

.fa-exchange-alt,
.fa-right-left {
    --fa: "\f362"
}

.fa-paper-plane {
    --fa: "\f1d8"
}

.fa-road-circle-exclamation {
    --fa: "\e565"
}

.fa-dungeon {
    --fa: "\f6d9"
}

.fa-align-right {
    --fa: "\f038"
}

.fa-money-bill-1-wave,
.fa-money-bill-wave-alt {
    --fa: "\f53b"
}

.fa-life-ring {
    --fa: "\f1cd"
}

.fa-hands,
.fa-sign-language,
.fa-signing {
    --fa: "\f2a7"
}

.fa-calendar-day {
    --fa: "\f783"
}

.fa-ladder-water,
.fa-swimming-pool,
.fa-water-ladder {
    --fa: "\f5c5"
}

.fa-arrows-up-down,
.fa-arrows-v {
    --fa: "\f07d"
}

.fa-face-grimace,
.fa-grimace {
    --fa: "\f57f"
}

.fa-wheelchair-alt,
.fa-wheelchair-move {
    --fa: "\e2ce"
}

.fa-level-down-alt,
.fa-turn-down {
    --fa: "\f3be"
}

.fa-person-walking-arrow-right {
    --fa: "\e552"
}

.fa-envelope-square,
.fa-square-envelope {
    --fa: "\f199"
}

.fa-dice {
    --fa: "\f522"
}

.fa-bowling-ball {
    --fa: "\f436"
}

.fa-brain {
    --fa: "\f5dc"
}

.fa-band-aid,
.fa-bandage {
    --fa: "\f462"
}

.fa-calendar-minus {
    --fa: "\f272"
}

.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
    --fa: "\f057"
}

.fa-gifts {
    --fa: "\f79c"
}

.fa-hotel {
    --fa: "\f594"
}

.fa-earth-asia,
.fa-globe-asia {
    --fa: "\f57e"
}

.fa-id-card-alt,
.fa-id-card-clip {
    --fa: "\f47f"
}

.fa-magnifying-glass-plus,
.fa-search-plus {
    --fa: "\f00e"
}

.fa-thumbs-up {
    --fa: "\f164"
}

.fa-user-clock {
    --fa: "\f4fd"
}

.fa-allergies,
.fa-hand-dots {
    --fa: "\f461"
}

.fa-file-invoice {
    --fa: "\f570"
}

.fa-window-minimize {
    --fa: "\f2d1"
}

.fa-coffee,
.fa-mug-saucer {
    --fa: "\f0f4"
}

.fa-brush {
    --fa: "\f55d"
}

.fa-file-half-dashed {
    --fa: "\e698"
}

.fa-mask {
    --fa: "\f6fa"
}

.fa-magnifying-glass-minus,
.fa-search-minus {
    --fa: "\f010"
}

.fa-ruler-vertical {
    --fa: "\f548"
}

.fa-user-alt,
.fa-user-large {
    --fa: "\f406"
}

.fa-train-tram {
    --fa: "\e5b4"
}

.fa-user-nurse {
    --fa: "\f82f"
}

.fa-syringe {
    --fa: "\f48e"
}

.fa-cloud-sun {
    --fa: "\f6c4"
}

.fa-stopwatch-20 {
    --fa: "\e06f"
}

.fa-square-full {
    --fa: "\f45c"
}

.fa-magnet {
    --fa: "\f076"
}

.fa-jar {
    --fa: "\e516"
}

.fa-note-sticky,
.fa-sticky-note {
    --fa: "\f249"
}

.fa-bug-slash {
    --fa: "\e490"
}

.fa-arrow-up-from-water-pump {
    --fa: "\e4b6"
}

.fa-bone {
    --fa: "\f5d7"
}

.fa-table-cells-row-unlock {
    --fa: "\e691"
}

.fa-user-injured {
    --fa: "\f728"
}

.fa-face-sad-tear,
.fa-sad-tear {
    --fa: "\f5b4"
}

.fa-plane {
    --fa: "\f072"
}

.fa-tent-arrows-down {
    --fa: "\e581"
}

.fa-exclamation {
    --fa: "!"
}

.fa-arrows-spin {
    --fa: "\e4bb"
}

.fa-print {
    --fa: "\f02f"
}

.fa-try,
.fa-turkish-lira,
.fa-turkish-lira-sign {
    --fa: "\e2bb"
}

.fa-dollar,
.fa-dollar-sign,
.fa-usd {
    --fa: "$"
}

.fa-x {
    --fa: "X"
}

.fa-magnifying-glass-dollar,
.fa-search-dollar {
    --fa: "\f688"
}

.fa-users-cog,
.fa-users-gear {
    --fa: "\f509"
}

.fa-person-military-pointing {
    --fa: "\e54a"
}

.fa-bank,
.fa-building-columns,
.fa-institution,
.fa-museum,
.fa-university {
    --fa: "\f19c"
}

.fa-umbrella {
    --fa: "\f0e9"
}

.fa-trowel {
    --fa: "\e589"
}

.fa-d {
    --fa: "D"
}

.fa-stapler {
    --fa: "\e5af"
}

.fa-masks-theater,
.fa-theater-masks {
    --fa: "\f630"
}

.fa-kip-sign {
    --fa: "\e1c4"
}

.fa-hand-point-left {
    --fa: "\f0a5"
}

.fa-handshake-alt,
.fa-handshake-simple {
    --fa: "\f4c6"
}

.fa-fighter-jet,
.fa-jet-fighter {
    --fa: "\f0fb"
}

.fa-share-alt-square,
.fa-square-share-nodes {
    --fa: "\f1e1"
}

.fa-barcode {
    --fa: "\f02a"
}

.fa-plus-minus {
    --fa: "\e43c"
}

.fa-video,
.fa-video-camera {
    --fa: "\f03d"
}

.fa-graduation-cap,
.fa-mortar-board {
    --fa: "\f19d"
}

.fa-hand-holding-medical {
    --fa: "\e05c"
}

.fa-person-circle-check {
    --fa: "\e53e"
}

.fa-level-up-alt,
.fa-turn-up {
    --fa: "\f3bf"
}

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

:host,
:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("./media/fa-brands-400-Q3XCMWHQ.woff2") format("woff2"), url("./media/fa-brands-400-R2XQZCET.ttf") format("truetype")
}

.fa-brands,
.fab {
    font-weight: 400
}

.fa-monero {
    --fa: "\f3d0"
}

.fa-hooli {
    --fa: "\f427"
}

.fa-yelp {
    --fa: "\f1e9"
}

.fa-cc-visa {
    --fa: "\f1f0"
}

.fa-lastfm {
    --fa: "\f202"
}

.fa-shopware {
    --fa: "\f5b5"
}

.fa-creative-commons-nc {
    --fa: "\f4e8"
}

.fa-aws {
    --fa: "\f375"
}

.fa-redhat {
    --fa: "\f7bc"
}

.fa-yoast {
    --fa: "\f2b1"
}

.fa-cloudflare {
    --fa: "\e07d"
}

.fa-ups {
    --fa: "\f7e0"
}

.fa-pixiv {
    --fa: "\e640"
}

.fa-wpexplorer {
    --fa: "\f2de"
}

.fa-dyalog {
    --fa: "\f399"
}

.fa-bity {
    --fa: "\f37a"
}

.fa-stackpath {
    --fa: "\f842"
}

.fa-buysellads {
    --fa: "\f20d"
}

.fa-first-order {
    --fa: "\f2b0"
}

.fa-modx {
    --fa: "\f285"
}

.fa-guilded {
    --fa: "\e07e"
}

.fa-vnv {
    --fa: "\f40b"
}

.fa-js-square,
.fa-square-js {
    --fa: "\f3b9"
}

.fa-microsoft {
    --fa: "\f3ca"
}

.fa-qq {
    --fa: "\f1d6"
}

.fa-orcid {
    --fa: "\f8d2"
}

.fa-java {
    --fa: "\f4e4"
}

.fa-invision {
    --fa: "\f7b0"
}

.fa-creative-commons-pd-alt {
    --fa: "\f4ed"
}

.fa-centercode {
    --fa: "\f380"
}

.fa-glide-g {
    --fa: "\f2a6"
}

.fa-drupal {
    --fa: "\f1a9"
}

.fa-jxl {
    --fa: "\e67b"
}

.fa-dart-lang {
    --fa: "\e693"
}

.fa-hire-a-helper {
    --fa: "\f3b0"
}

.fa-creative-commons-by {
    --fa: "\f4e7"
}

.fa-unity {
    --fa: "\e049"
}

.fa-whmcs {
    --fa: "\f40d"
}

.fa-rocketchat {
    --fa: "\f3e8"
}

.fa-vk {
    --fa: "\f189"
}

.fa-untappd {
    --fa: "\f405"
}

.fa-mailchimp {
    --fa: "\f59e"
}

.fa-css3-alt {
    --fa: "\f38b"
}

.fa-reddit-square,
.fa-square-reddit {
    --fa: "\f1a2"
}

.fa-vimeo-v {
    --fa: "\f27d"
}

.fa-contao {
    --fa: "\f26d"
}

.fa-square-font-awesome {
    --fa: "\e5ad"
}

.fa-deskpro {
    --fa: "\f38f"
}

.fa-brave {
    --fa: "\e63c"
}

.fa-sistrix {
    --fa: "\f3ee"
}

.fa-instagram-square,
.fa-square-instagram {
    --fa: "\e055"
}

.fa-battle-net {
    --fa: "\f835"
}

.fa-the-red-yeti {
    --fa: "\f69d"
}

.fa-hacker-news-square,
.fa-square-hacker-news {
    --fa: "\f3af"
}

.fa-edge {
    --fa: "\f282"
}

.fa-threads {
    --fa: "\e618"
}

.fa-napster {
    --fa: "\f3d2"
}

.fa-snapchat-square,
.fa-square-snapchat {
    --fa: "\f2ad"
}

.fa-google-plus-g {
    --fa: "\f0d5"
}

.fa-artstation {
    --fa: "\f77a"
}

.fa-markdown {
    --fa: "\f60f"
}

.fa-sourcetree {
    --fa: "\f7d3"
}

.fa-google-plus {
    --fa: "\f2b3"
}

.fa-diaspora {
    --fa: "\f791"
}

.fa-foursquare {
    --fa: "\f180"
}

.fa-stack-overflow {
    --fa: "\f16c"
}

.fa-github-alt {
    --fa: "\f113"
}

.fa-phoenix-squadron {
    --fa: "\f511"
}

.fa-pagelines {
    --fa: "\f18c"
}

.fa-algolia {
    --fa: "\f36c"
}

.fa-red-river {
    --fa: "\f3e3"
}

.fa-creative-commons-sa {
    --fa: "\f4ef"
}

.fa-safari {
    --fa: "\f267"
}

.fa-google {
    --fa: "\f1a0"
}

.fa-font-awesome-alt,
.fa-square-font-awesome-stroke {
    --fa: "\f35c"
}

.fa-atlassian {
    --fa: "\f77b"
}

.fa-linkedin-in {
    --fa: "\f0e1"
}

.fa-digital-ocean {
    --fa: "\f391"
}

.fa-nimblr {
    --fa: "\f5a8"
}

.fa-chromecast {
    --fa: "\f838"
}

.fa-evernote {
    --fa: "\f839"
}

.fa-hacker-news {
    --fa: "\f1d4"
}

.fa-creative-commons-sampling {
    --fa: "\f4f0"
}

.fa-adversal {
    --fa: "\f36a"
}

.fa-creative-commons {
    --fa: "\f25e"
}

.fa-watchman-monitoring {
    --fa: "\e087"
}

.fa-fonticons {
    --fa: "\f280"
}

.fa-weixin {
    --fa: "\f1d7"
}

.fa-shirtsinbulk {
    --fa: "\f214"
}

.fa-codepen {
    --fa: "\f1cb"
}

.fa-git-alt {
    --fa: "\f841"
}

.fa-lyft {
    --fa: "\f3c3"
}

.fa-rev {
    --fa: "\f5b2"
}

.fa-windows {
    --fa: "\f17a"
}

.fa-wizards-of-the-coast {
    --fa: "\f730"
}

.fa-square-viadeo,
.fa-viadeo-square {
    --fa: "\f2aa"
}

.fa-meetup {
    --fa: "\f2e0"
}

.fa-centos {
    --fa: "\f789"
}

.fa-adn {
    --fa: "\f170"
}

.fa-cloudsmith {
    --fa: "\f384"
}

.fa-opensuse {
    --fa: "\e62b"
}

.fa-pied-piper-alt {
    --fa: "\f1a8"
}

.fa-dribbble-square,
.fa-square-dribbble {
    --fa: "\f397"
}

.fa-codiepie {
    --fa: "\f284"
}

.fa-node {
    --fa: "\f419"
}

.fa-mix {
    --fa: "\f3cb"
}

.fa-steam {
    --fa: "\f1b6"
}

.fa-cc-apple-pay {
    --fa: "\f416"
}

.fa-scribd {
    --fa: "\f28a"
}

.fa-debian {
    --fa: "\e60b"
}

.fa-openid {
    --fa: "\f19b"
}

.fa-instalod {
    --fa: "\e081"
}

.fa-files-pinwheel {
    --fa: "\e69f"
}

.fa-expeditedssl {
    --fa: "\f23e"
}

.fa-sellcast {
    --fa: "\f2da"
}

.fa-square-twitter,
.fa-twitter-square {
    --fa: "\f081"
}

.fa-r-project {
    --fa: "\f4f7"
}

.fa-delicious {
    --fa: "\f1a5"
}

.fa-freebsd {
    --fa: "\f3a4"
}

.fa-vuejs {
    --fa: "\f41f"
}

.fa-accusoft {
    --fa: "\f369"
}

.fa-ioxhost {
    --fa: "\f208"
}

.fa-fonticons-fi {
    --fa: "\f3a2"
}

.fa-app-store {
    --fa: "\f36f"
}

.fa-cc-mastercard {
    --fa: "\f1f1"
}

.fa-itunes-note {
    --fa: "\f3b5"
}

.fa-golang {
    --fa: "\e40f"
}

.fa-kickstarter,
.fa-square-kickstarter {
    --fa: "\f3bb"
}

.fa-grav {
    --fa: "\f2d6"
}

.fa-weibo {
    --fa: "\f18a"
}

.fa-uncharted {
    --fa: "\e084"
}

.fa-firstdraft {
    --fa: "\f3a1"
}

.fa-square-youtube,
.fa-youtube-square {
    --fa: "\f431"
}

.fa-wikipedia-w {
    --fa: "\f266"
}

.fa-rendact,
.fa-wpressr {
    --fa: "\f3e4"
}

.fa-angellist {
    --fa: "\f209"
}

.fa-galactic-republic {
    --fa: "\f50c"
}

.fa-nfc-directional {
    --fa: "\e530"
}

.fa-skype {
    --fa: "\f17e"
}

.fa-joget {
    --fa: "\f3b7"
}

.fa-fedora {
    --fa: "\f798"
}

.fa-stripe-s {
    --fa: "\f42a"
}

.fa-meta {
    --fa: "\e49b"
}

.fa-laravel {
    --fa: "\f3bd"
}

.fa-hotjar {
    --fa: "\f3b1"
}

.fa-bluetooth-b {
    --fa: "\f294"
}

.fa-square-letterboxd {
    --fa: "\e62e"
}

.fa-sticker-mule {
    --fa: "\f3f7"
}

.fa-creative-commons-zero {
    --fa: "\f4f3"
}

.fa-hips {
    --fa: "\f452"
}

.fa-css {
    --fa: "\e6a2"
}

.fa-behance {
    --fa: "\f1b4"
}

.fa-reddit {
    --fa: "\f1a1"
}

.fa-discord {
    --fa: "\f392"
}

.fa-chrome {
    --fa: "\f268"
}

.fa-app-store-ios {
    --fa: "\f370"
}

.fa-cc-discover {
    --fa: "\f1f2"
}

.fa-wpbeginner {
    --fa: "\f297"
}

.fa-confluence {
    --fa: "\f78d"
}

.fa-shoelace {
    --fa: "\e60c"
}

.fa-mdb {
    --fa: "\f8ca"
}

.fa-dochub {
    --fa: "\f394"
}

.fa-accessible-icon {
    --fa: "\f368"
}

.fa-ebay {
    --fa: "\f4f4"
}

.fa-amazon {
    --fa: "\f270"
}

.fa-unsplash {
    --fa: "\e07c"
}

.fa-yarn {
    --fa: "\f7e3"
}

.fa-square-steam,
.fa-steam-square {
    --fa: "\f1b7"
}

.fa-500px {
    --fa: "\f26e"
}

.fa-square-vimeo,
.fa-vimeo-square {
    --fa: "\f194"
}

.fa-asymmetrik {
    --fa: "\f372"
}

.fa-font-awesome,
.fa-font-awesome-flag,
.fa-font-awesome-logo-full {
    --fa: "\f2b4"
}

.fa-gratipay {
    --fa: "\f184"
}

.fa-apple {
    --fa: "\f179"
}

.fa-hive {
    --fa: "\e07f"
}

.fa-gitkraken {
    --fa: "\f3a6"
}

.fa-keybase {
    --fa: "\f4f5"
}

.fa-apple-pay {
    --fa: "\f415"
}

.fa-padlet {
    --fa: "\e4a0"
}

.fa-amazon-pay {
    --fa: "\f42c"
}

.fa-github-square,
.fa-square-github {
    --fa: "\f092"
}

.fa-stumbleupon {
    --fa: "\f1a4"
}

.fa-fedex {
    --fa: "\f797"
}

.fa-phoenix-framework {
    --fa: "\f3dc"
}

.fa-shopify {
    --fa: "\e057"
}

.fa-neos {
    --fa: "\f612"
}

.fa-square-threads {
    --fa: "\e619"
}

.fa-hackerrank {
    --fa: "\f5f7"
}

.fa-researchgate {
    --fa: "\f4f8"
}

.fa-swift {
    --fa: "\f8e1"
}

.fa-angular {
    --fa: "\f420"
}

.fa-speakap {
    --fa: "\f3f3"
}

.fa-angrycreative {
    --fa: "\f36e"
}

.fa-y-combinator {
    --fa: "\f23b"
}

.fa-empire {
    --fa: "\f1d1"
}

.fa-envira {
    --fa: "\f299"
}

.fa-google-scholar {
    --fa: "\e63b"
}

.fa-gitlab-square,
.fa-square-gitlab {
    --fa: "\e5ae"
}

.fa-studiovinari {
    --fa: "\f3f8"
}

.fa-pied-piper {
    --fa: "\f2ae"
}

.fa-wordpress {
    --fa: "\f19a"
}

.fa-product-hunt {
    --fa: "\f288"
}

.fa-firefox {
    --fa: "\f269"
}

.fa-linode {
    --fa: "\f2b8"
}

.fa-goodreads {
    --fa: "\f3a8"
}

.fa-odnoklassniki-square,
.fa-square-odnoklassniki {
    --fa: "\f264"
}

.fa-jsfiddle {
    --fa: "\f1cc"
}

.fa-sith {
    --fa: "\f512"
}

.fa-themeisle {
    --fa: "\f2b2"
}

.fa-page4 {
    --fa: "\f3d7"
}

.fa-hashnode {
    --fa: "\e499"
}

.fa-react {
    --fa: "\f41b"
}

.fa-cc-paypal {
    --fa: "\f1f4"
}

.fa-squarespace {
    --fa: "\f5be"
}

.fa-cc-stripe {
    --fa: "\f1f5"
}

.fa-creative-commons-share {
    --fa: "\f4f2"
}

.fa-bitcoin {
    --fa: "\f379"
}

.fa-keycdn {
    --fa: "\f3ba"
}

.fa-opera {
    --fa: "\f26a"
}

.fa-itch-io {
    --fa: "\f83a"
}

.fa-umbraco {
    --fa: "\f8e8"
}

.fa-galactic-senate {
    --fa: "\f50d"
}

.fa-ubuntu {
    --fa: "\f7df"
}

.fa-draft2digital {
    --fa: "\f396"
}

.fa-stripe {
    --fa: "\f429"
}

.fa-houzz {
    --fa: "\f27c"
}

.fa-gg {
    --fa: "\f260"
}

.fa-dhl {
    --fa: "\f790"
}

.fa-pinterest-square,
.fa-square-pinterest {
    --fa: "\f0d3"
}

.fa-xing {
    --fa: "\f168"
}

.fa-blackberry {
    --fa: "\f37b"
}

.fa-creative-commons-pd {
    --fa: "\f4ec"
}

.fa-playstation {
    --fa: "\f3df"
}

.fa-quinscape {
    --fa: "\f459"
}

.fa-less {
    --fa: "\f41d"
}

.fa-blogger-b {
    --fa: "\f37d"
}

.fa-opencart {
    --fa: "\f23d"
}

.fa-vine {
    --fa: "\f1ca"
}

.fa-signal-messenger {
    --fa: "\e663"
}

.fa-paypal {
    --fa: "\f1ed"
}

.fa-gitlab {
    --fa: "\f296"
}

.fa-typo3 {
    --fa: "\f42b"
}

.fa-reddit-alien {
    --fa: "\f281"
}

.fa-yahoo {
    --fa: "\f19e"
}

.fa-dailymotion {
    --fa: "\e052"
}

.fa-affiliatetheme {
    --fa: "\f36b"
}

.fa-pied-piper-pp {
    --fa: "\f1a7"
}

.fa-bootstrap {
    --fa: "\f836"
}

.fa-odnoklassniki {
    --fa: "\f263"
}

.fa-nfc-symbol {
    --fa: "\e531"
}

.fa-mintbit {
    --fa: "\e62f"
}

.fa-ethereum {
    --fa: "\f42e"
}

.fa-speaker-deck {
    --fa: "\f83c"
}

.fa-creative-commons-nc-eu {
    --fa: "\f4e9"
}

.fa-patreon {
    --fa: "\f3d9"
}

.fa-avianex {
    --fa: "\f374"
}

.fa-ello {
    --fa: "\f5f1"
}

.fa-gofore {
    --fa: "\f3a7"
}

.fa-bimobject {
    --fa: "\f378"
}

.fa-brave-reverse {
    --fa: "\e63d"
}

.fa-facebook-f {
    --fa: "\f39e"
}

.fa-google-plus-square,
.fa-square-google-plus {
    --fa: "\f0d4"
}

.fa-web-awesome {
    --fa: "\e682"
}

.fa-mandalorian {
    --fa: "\f50f"
}

.fa-first-order-alt {
    --fa: "\f50a"
}

.fa-osi {
    --fa: "\f41a"
}

.fa-google-wallet {
    --fa: "\f1ee"
}

.fa-d-and-d-beyond {
    --fa: "\f6ca"
}

.fa-periscope {
    --fa: "\f3da"
}

.fa-fulcrum {
    --fa: "\f50b"
}

.fa-cloudscale {
    --fa: "\f383"
}

.fa-forumbee {
    --fa: "\f211"
}

.fa-mizuni {
    --fa: "\f3cc"
}

.fa-schlix {
    --fa: "\f3ea"
}

.fa-square-xing,
.fa-xing-square {
    --fa: "\f169"
}

.fa-bandcamp {
    --fa: "\f2d5"
}

.fa-wpforms {
    --fa: "\f298"
}

.fa-cloudversify {
    --fa: "\f385"
}

.fa-usps {
    --fa: "\f7e1"
}

.fa-megaport {
    --fa: "\f5a3"
}

.fa-magento {
    --fa: "\f3c4"
}

.fa-spotify {
    --fa: "\f1bc"
}

.fa-optin-monster {
    --fa: "\f23c"
}

.fa-fly {
    --fa: "\f417"
}

.fa-square-bluesky {
    --fa: "\e6a3"
}

.fa-aviato {
    --fa: "\f421"
}

.fa-itunes {
    --fa: "\f3b4"
}

.fa-cuttlefish {
    --fa: "\f38c"
}

.fa-blogger {
    --fa: "\f37c"
}

.fa-flickr {
    --fa: "\f16e"
}

.fa-viber {
    --fa: "\f409"
}

.fa-soundcloud {
    --fa: "\f1be"
}

.fa-digg {
    --fa: "\f1a6"
}

.fa-tencent-weibo {
    --fa: "\f1d5"
}

.fa-letterboxd {
    --fa: "\e62d"
}

.fa-symfony {
    --fa: "\f83d"
}

.fa-maxcdn {
    --fa: "\f136"
}

.fa-etsy {
    --fa: "\f2d7"
}

.fa-facebook-messenger {
    --fa: "\f39f"
}

.fa-audible {
    --fa: "\f373"
}

.fa-think-peaks {
    --fa: "\f731"
}

.fa-bilibili {
    --fa: "\e3d9"
}

.fa-erlang {
    --fa: "\f39d"
}

.fa-x-twitter {
    --fa: "\e61b"
}

.fa-cotton-bureau {
    --fa: "\f89e"
}

.fa-dashcube {
    --fa: "\f210"
}

.fa-42-group,
.fa-innosoft {
    --fa: "\e080"
}

.fa-stack-exchange {
    --fa: "\f18d"
}

.fa-elementor {
    --fa: "\f430"
}

.fa-pied-piper-square,
.fa-square-pied-piper {
    --fa: "\e01e"
}

.fa-creative-commons-nd {
    --fa: "\f4eb"
}

.fa-palfed {
    --fa: "\f3d8"
}

.fa-superpowers {
    --fa: "\f2dd"
}

.fa-resolving {
    --fa: "\f3e7"
}

.fa-xbox {
    --fa: "\f412"
}

.fa-square-web-awesome-stroke {
    --fa: "\e684"
}

.fa-searchengin {
    --fa: "\f3eb"
}

.fa-tiktok {
    --fa: "\e07b"
}

.fa-facebook-square,
.fa-square-facebook {
    --fa: "\f082"
}

.fa-renren {
    --fa: "\f18b"
}

.fa-linux {
    --fa: "\f17c"
}

.fa-glide {
    --fa: "\f2a5"
}

.fa-linkedin {
    --fa: "\f08c"
}

.fa-hubspot {
    --fa: "\f3b2"
}

.fa-deploydog {
    --fa: "\f38e"
}

.fa-twitch {
    --fa: "\f1e8"
}

.fa-flutter {
    --fa: "\e694"
}

.fa-ravelry {
    --fa: "\f2d9"
}

.fa-mixer {
    --fa: "\e056"
}

.fa-lastfm-square,
.fa-square-lastfm {
    --fa: "\f203"
}

.fa-vimeo {
    --fa: "\f40a"
}

.fa-mendeley {
    --fa: "\f7b3"
}

.fa-uniregistry {
    --fa: "\f404"
}

.fa-figma {
    --fa: "\f799"
}

.fa-creative-commons-remix {
    --fa: "\f4ee"
}

.fa-cc-amazon-pay {
    --fa: "\f42d"
}

.fa-dropbox {
    --fa: "\f16b"
}

.fa-instagram {
    --fa: "\f16d"
}

.fa-cmplid {
    --fa: "\e360"
}

.fa-upwork {
    --fa: "\e641"
}

.fa-facebook {
    --fa: "\f09a"
}

.fa-gripfire {
    --fa: "\f3ac"
}

.fa-jedi-order {
    --fa: "\f50e"
}

.fa-uikit {
    --fa: "\f403"
}

.fa-fort-awesome-alt {
    --fa: "\f3a3"
}

.fa-phabricator {
    --fa: "\f3db"
}

.fa-ussunnah {
    --fa: "\f407"
}

.fa-earlybirds {
    --fa: "\f39a"
}

.fa-trade-federation {
    --fa: "\f513"
}

.fa-autoprefixer {
    --fa: "\f41c"
}

.fa-whatsapp {
    --fa: "\f232"
}

.fa-square-upwork {
    --fa: "\e67c"
}

.fa-slideshare {
    --fa: "\f1e7"
}

.fa-google-play {
    --fa: "\f3ab"
}

.fa-viadeo {
    --fa: "\f2a9"
}

.fa-line {
    --fa: "\f3c0"
}

.fa-google-drive {
    --fa: "\f3aa"
}

.fa-servicestack {
    --fa: "\f3ec"
}

.fa-simplybuilt {
    --fa: "\f215"
}

.fa-bitbucket {
    --fa: "\f171"
}

.fa-imdb {
    --fa: "\f2d8"
}

.fa-deezer {
    --fa: "\e077"
}

.fa-raspberry-pi {
    --fa: "\f7bb"
}

.fa-jira {
    --fa: "\f7b1"
}

.fa-docker {
    --fa: "\f395"
}

.fa-screenpal {
    --fa: "\e570"
}

.fa-bluetooth {
    --fa: "\f293"
}

.fa-gitter {
    --fa: "\f426"
}

.fa-d-and-d {
    --fa: "\f38d"
}

.fa-microblog {
    --fa: "\e01a"
}

.fa-cc-diners-club {
    --fa: "\f24c"
}

.fa-gg-circle {
    --fa: "\f261"
}

.fa-pied-piper-hat {
    --fa: "\f4e5"
}

.fa-kickstarter-k {
    --fa: "\f3bc"
}

.fa-yandex {
    --fa: "\f413"
}

.fa-readme {
    --fa: "\f4d5"
}

.fa-html5 {
    --fa: "\f13b"
}

.fa-sellsy {
    --fa: "\f213"
}

.fa-square-web-awesome {
    --fa: "\e683"
}

.fa-sass {
    --fa: "\f41e"
}

.fa-wirsindhandwerk,
.fa-wsh {
    --fa: "\e2d0"
}

.fa-buromobelexperte {
    --fa: "\f37f"
}

.fa-salesforce {
    --fa: "\f83b"
}

.fa-octopus-deploy {
    --fa: "\e082"
}

.fa-medapps {
    --fa: "\f3c6"
}

.fa-ns8 {
    --fa: "\f3d5"
}

.fa-pinterest-p {
    --fa: "\f231"
}

.fa-apper {
    --fa: "\f371"
}

.fa-fort-awesome {
    --fa: "\f286"
}

.fa-waze {
    --fa: "\f83f"
}

.fa-bluesky {
    --fa: "\e671"
}

.fa-cc-jcb {
    --fa: "\f24b"
}

.fa-snapchat,
.fa-snapchat-ghost {
    --fa: "\f2ab"
}

.fa-fantasy-flight-games {
    --fa: "\f6dc"
}

.fa-rust {
    --fa: "\e07a"
}

.fa-wix {
    --fa: "\f5cf"
}

.fa-behance-square,
.fa-square-behance {
    --fa: "\f1b5"
}

.fa-supple {
    --fa: "\f3f9"
}

.fa-webflow {
    --fa: "\e65c"
}

.fa-rebel {
    --fa: "\f1d0"
}

.fa-css3 {
    --fa: "\f13c"
}

.fa-staylinked {
    --fa: "\f3f5"
}

.fa-kaggle {
    --fa: "\f5fa"
}

.fa-space-awesome {
    --fa: "\e5ac"
}

.fa-deviantart {
    --fa: "\f1bd"
}

.fa-cpanel {
    --fa: "\f388"
}

.fa-goodreads-g {
    --fa: "\f3a9"
}

.fa-git-square,
.fa-square-git {
    --fa: "\f1d2"
}

.fa-square-tumblr,
.fa-tumblr-square {
    --fa: "\f174"
}

.fa-trello {
    --fa: "\f181"
}

.fa-creative-commons-nc-jp {
    --fa: "\f4ea"
}

.fa-get-pocket {
    --fa: "\f265"
}

.fa-perbyte {
    --fa: "\e083"
}

.fa-grunt {
    --fa: "\f3ad"
}

.fa-weebly {
    --fa: "\f5cc"
}

.fa-connectdevelop {
    --fa: "\f20e"
}

.fa-leanpub {
    --fa: "\f212"
}

.fa-black-tie {
    --fa: "\f27e"
}

.fa-themeco {
    --fa: "\f5c6"
}

.fa-python {
    --fa: "\f3e2"
}

.fa-android {
    --fa: "\f17b"
}

.fa-bots {
    --fa: "\e340"
}

.fa-free-code-camp {
    --fa: "\f2c5"
}

.fa-hornbill {
    --fa: "\f592"
}

.fa-js {
    --fa: "\f3b8"
}

.fa-ideal {
    --fa: "\e013"
}

.fa-git {
    --fa: "\f1d3"
}

.fa-dev {
    --fa: "\f6cc"
}

.fa-sketch {
    --fa: "\f7c6"
}

.fa-yandex-international {
    --fa: "\f414"
}

.fa-cc-amex {
    --fa: "\f1f3"
}

.fa-uber {
    --fa: "\f402"
}

.fa-github {
    --fa: "\f09b"
}

.fa-php {
    --fa: "\f457"
}

.fa-alipay {
    --fa: "\f642"
}

.fa-youtube {
    --fa: "\f167"
}

.fa-skyatlas {
    --fa: "\f216"
}

.fa-firefox-browser {
    --fa: "\e007"
}

.fa-replyd {
    --fa: "\f3e6"
}

.fa-suse {
    --fa: "\f7d6"
}

.fa-jenkins {
    --fa: "\f3b6"
}

.fa-twitter {
    --fa: "\f099"
}

.fa-rockrms {
    --fa: "\f3e9"
}

.fa-pinterest {
    --fa: "\f0d2"
}

.fa-buffer {
    --fa: "\f837"
}

.fa-npm {
    --fa: "\f3d4"
}

.fa-yammer {
    --fa: "\f840"
}

.fa-btc {
    --fa: "\f15a"
}

.fa-dribbble {
    --fa: "\f17d"
}

.fa-stumbleupon-circle {
    --fa: "\f1a3"
}

.fa-internet-explorer {
    --fa: "\f26b"
}

.fa-stubber {
    --fa: "\e5c7"
}

.fa-telegram,
.fa-telegram-plane {
    --fa: "\f2c6"
}

.fa-old-republic {
    --fa: "\f510"
}

.fa-odysee {
    --fa: "\e5c6"
}

.fa-square-whatsapp,
.fa-whatsapp-square {
    --fa: "\f40c"
}

.fa-node-js {
    --fa: "\f3d3"
}

.fa-edge-legacy {
    --fa: "\e078"
}

.fa-slack,
.fa-slack-hash {
    --fa: "\f198"
}

.fa-medrt {
    --fa: "\f3c8"
}

.fa-usb {
    --fa: "\f287"
}

.fa-tumblr {
    --fa: "\f173"
}

.fa-vaadin {
    --fa: "\f408"
}

.fa-quora {
    --fa: "\f2c4"
}

.fa-square-x-twitter {
    --fa: "\e61a"
}

.fa-reacteurope {
    --fa: "\f75d"
}

.fa-medium,
.fa-medium-m {
    --fa: "\f23a"
}

.fa-amilia {
    --fa: "\f36d"
}

.fa-mixcloud {
    --fa: "\f289"
}

.fa-flipboard {
    --fa: "\f44d"
}

.fa-viacoin {
    --fa: "\f237"
}

.fa-critical-role {
    --fa: "\f6c9"
}

.fa-sitrox {
    --fa: "\e44a"
}

.fa-discourse {
    --fa: "\f393"
}

.fa-joomla {
    --fa: "\f1aa"
}

.fa-mastodon {
    --fa: "\f4f6"
}

.fa-airbnb {
    --fa: "\f834"
}

.fa-wolf-pack-battalion {
    --fa: "\f514"
}

.fa-buy-n-large {
    --fa: "\f8a6"
}

.fa-gulp {
    --fa: "\f3ae"
}

.fa-creative-commons-sampling-plus {
    --fa: "\f4f1"
}

.fa-strava {
    --fa: "\f428"
}

.fa-ember {
    --fa: "\f423"
}

.fa-canadian-maple-leaf {
    --fa: "\f785"
}

.fa-teamspeak {
    --fa: "\f4f9"
}

.fa-pushed {
    --fa: "\f3e1"
}

.fa-wordpress-simple {
    --fa: "\f411"
}

.fa-nutritionix {
    --fa: "\f3d6"
}

.fa-wodu {
    --fa: "\e088"
}

.fa-google-pay {
    --fa: "\e079"
}

.fa-intercom {
    --fa: "\f7af"
}

.fa-zhihu {
    --fa: "\f63f"
}

.fa-korvue {
    --fa: "\f42f"
}

.fa-pix {
    --fa: "\e43a"
}

.fa-steam-symbol {
    --fa: "\f3f6"
}

:host,
:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("./media/fa-regular-400-QSNYFYRT.woff2") format("woff2"), url("./media/fa-regular-400-XUOPSR7E.ttf") format("truetype")
}

.fa-regular,
.far {
    font-weight: 400
}

:host,
:root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("./media/fa-solid-900-5ZUYHGA7.woff2") format("woff2"), url("./media/fa-solid-900-PJNKLK6W.ttf") format("truetype")
}

.fa-solid,
.fas {
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url("./media/fa-brands-400-Q3XCMWHQ.woff2") format("woff2"), url("./media/fa-brands-400-R2XQZCET.ttf") format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url("./media/fa-solid-900-5ZUYHGA7.woff2") format("woff2"), url("./media/fa-solid-900-PJNKLK6W.ttf") format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url("./media/fa-regular-400-QSNYFYRT.woff2") format("woff2"), url("./media/fa-regular-400-XUOPSR7E.ttf") format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url("./media/fa-solid-900-5ZUYHGA7.woff2") format("woff2"), url("./media/fa-solid-900-PJNKLK6W.ttf") format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url("./media/fa-brands-400-Q3XCMWHQ.woff2") format("woff2"), url("./media/fa-brands-400-R2XQZCET.ttf") format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url("./media/fa-regular-400-QSNYFYRT.woff2") format("woff2"), url("./media/fa-regular-400-XUOPSR7E.ttf") format("truetype");
    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-LFEHZI6Y.woff2") format("woff2"), url("./media/fa-v4compatibility-YY67RJWG.ttf") format("truetype");
    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
}

@font-face {
    font-family: PrimeIcons;
    font-display: auto;
    src: url("./media/primeicons-SGRXEGUB.eot");
    src: url("./media/primeicons-SGRXEGUB.eot?#iefix") format("embedded-opentype"), url("./media/primeicons-I73PHYGK.ttf") format("truetype"), url("./media/primeicons-WEH7AI34.woff") format("woff"), url("./media/primeicons-CQD3DT45.svg?#primeicons") format("svg");
    font-weight: 400;
    font-style: normal
}

.pi {
    font-family: primeicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pi-fw {
    width: 1.28571429em;
    text-align: center
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.pi-step-backward-alt:before {
    content: "\e9ac"
}

.pi-step-forward-alt:before {
    content: "\e9ad"
}

.pi-forward:before {
    content: "\e9ae"
}

.pi-backward:before {
    content: "\e9af"
}

.pi-fast-backward:before {
    content: "\e9b0"
}

.pi-fast-forward:before {
    content: "\e9b1"
}

.pi-pause:before {
    content: "\e9b2"
}

.pi-play:before {
    content: "\e9b3"
}

.pi-compass:before {
    content: "\e9ab"
}

.pi-id-card:before {
    content: "\e9aa"
}

.pi-ticket:before {
    content: "\e9a9"
}

.pi-file-o:before {
    content: "\e9a8"
}

.pi-reply:before {
    content: "\e9a7"
}

.pi-directions-alt:before {
    content: "\e9a5"
}

.pi-directions:before {
    content: "\e9a6"
}

.pi-thumbs-up:before {
    content: "\e9a3"
}

.pi-thumbs-down:before {
    content: "\e9a4"
}

.pi-sort-numeric-down-alt:before {
    content: "\e996"
}

.pi-sort-numeric-up-alt:before {
    content: "\e997"
}

.pi-sort-alpha-down-alt:before {
    content: "\e998"
}

.pi-sort-alpha-up-alt:before {
    content: "\e999"
}

.pi-sort-numeric-down:before {
    content: "\e99a"
}

.pi-sort-numeric-up:before {
    content: "\e99b"
}

.pi-sort-alpha-down:before {
    content: "\e99c"
}

.pi-sort-alpha-up:before {
    content: "\e99d"
}

.pi-sort-alt:before {
    content: "\e99e"
}

.pi-sort-amount-up:before {
    content: "\e99f"
}

.pi-sort-amount-down:before {
    content: "\e9a0"
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1"
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2"
}

.pi-palette:before {
    content: "\e995"
}

.pi-undo:before {
    content: "\e994"
}

.pi-desktop:before {
    content: "\e993"
}

.pi-sliders-v:before {
    content: "\e991"
}

.pi-sliders-h:before {
    content: "\e992"
}

.pi-search-plus:before {
    content: "\e98f"
}

.pi-search-minus:before {
    content: "\e990"
}

.pi-file-excel:before {
    content: "\e98e"
}

.pi-file-pdf:before {
    content: "\e98d"
}

.pi-check-square:before {
    content: "\e98c"
}

.pi-chart-line:before {
    content: "\e98b"
}

.pi-user-edit:before {
    content: "\e98a"
}

.pi-exclamation-circle:before {
    content: "\e989"
}

.pi-android:before {
    content: "\e985"
}

.pi-google:before {
    content: "\e986"
}

.pi-apple:before {
    content: "\e987"
}

.pi-microsoft:before {
    content: "\e988"
}

.pi-heart:before {
    content: "\e984"
}

.pi-mobile:before {
    content: "\e982"
}

.pi-tablet:before {
    content: "\e983"
}

.pi-key:before {
    content: "\e981"
}

.pi-shopping-cart:before {
    content: "\e980"
}

.pi-comments:before {
    content: "\e97e"
}

.pi-comment:before {
    content: "\e97f"
}

.pi-briefcase:before {
    content: "\e97d"
}

.pi-bell:before {
    content: "\e97c"
}

.pi-paperclip:before {
    content: "\e97b"
}

.pi-share-alt:before {
    content: "\e97a"
}

.pi-envelope:before {
    content: "\e979"
}

.pi-volume-down:before {
    content: "\e976"
}

.pi-volume-up:before {
    content: "\e977"
}

.pi-volume-off:before {
    content: "\e978"
}

.pi-eject:before {
    content: "\e975"
}

.pi-money-bill:before {
    content: "\e974"
}

.pi-images:before {
    content: "\e973"
}

.pi-image:before {
    content: "\e972"
}

.pi-sign-in:before {
    content: "\e970"
}

.pi-sign-out:before {
    content: "\e971"
}

.pi-wifi:before {
    content: "\e96f"
}

.pi-sitemap:before {
    content: "\e96e"
}

.pi-chart-bar:before {
    content: "\e96d"
}

.pi-camera:before {
    content: "\e96c"
}

.pi-dollar:before {
    content: "\e96b"
}

.pi-lock-open:before {
    content: "\e96a"
}

.pi-table:before {
    content: "\e969"
}

.pi-map-marker:before {
    content: "\e968"
}

.pi-list:before {
    content: "\e967"
}

.pi-eye-slash:before {
    content: "\e965"
}

.pi-eye:before {
    content: "\e966"
}

.pi-folder-open:before {
    content: "\e964"
}

.pi-folder:before {
    content: "\e963"
}

.pi-video:before {
    content: "\e962"
}

.pi-inbox:before {
    content: "\e961"
}

.pi-lock:before {
    content: "\e95f"
}

.pi-unlock:before {
    content: "\e960"
}

.pi-tags:before {
    content: "\e95d"
}

.pi-tag:before {
    content: "\e95e"
}

.pi-power-off:before {
    content: "\e95c"
}

.pi-save:before {
    content: "\e95b"
}

.pi-question-circle:before {
    content: "\e959"
}

.pi-question:before {
    content: "\e95a"
}

.pi-copy:before {
    content: "\e957"
}

.pi-file:before {
    content: "\e958"
}

.pi-clone:before {
    content: "\e955"
}

.pi-calendar-times:before {
    content: "\e952"
}

.pi-calendar-minus:before {
    content: "\e953"
}

.pi-calendar-plus:before {
    content: "\e954"
}

.pi-ellipsis-v:before {
    content: "\e950"
}

.pi-ellipsis-h:before {
    content: "\e951"
}

.pi-bookmark:before {
    content: "\e94e"
}

.pi-globe:before {
    content: "\e94f"
}

.pi-replay:before {
    content: "\e94d"
}

.pi-filter:before {
    content: "\e94c"
}

.pi-print:before {
    content: "\e94b"
}

.pi-align-right:before {
    content: "\e946"
}

.pi-align-left:before {
    content: "\e947"
}

.pi-align-center:before {
    content: "\e948"
}

.pi-align-justify:before {
    content: "\e949"
}

.pi-cog:before {
    content: "\e94a"
}

.pi-cloud-download:before {
    content: "\e943"
}

.pi-cloud-upload:before {
    content: "\e944"
}

.pi-cloud:before {
    content: "\e945"
}

.pi-pencil:before {
    content: "\e942"
}

.pi-users:before {
    content: "\e941"
}

.pi-clock:before {
    content: "\e940"
}

.pi-user-minus:before {
    content: "\e93e"
}

.pi-user-plus:before {
    content: "\e93f"
}

.pi-trash:before {
    content: "\e93d"
}

.pi-external-link:before {
    content: "\e93c"
}

.pi-window-maximize:before {
    content: "\e93b"
}

.pi-window-minimize:before {
    content: "\e93a"
}

.pi-refresh:before {
    content: "\e938"
}

.pi-user:before {
    content: "\e939"
}

.pi-exclamation-triangle:before {
    content: "\e922"
}

.pi-calendar:before {
    content: "\e927"
}

.pi-chevron-circle-left:before {
    content: "\e928"
}

.pi-chevron-circle-down:before {
    content: "\e929"
}

.pi-chevron-circle-right:before {
    content: "\e92a"
}

.pi-chevron-circle-up:before {
    content: "\e92b"
}

.pi-angle-double-down:before {
    content: "\e92c"
}

.pi-angle-double-left:before {
    content: "\e92d"
}

.pi-angle-double-right:before {
    content: "\e92e"
}

.pi-angle-double-up:before {
    content: "\e92f"
}

.pi-angle-down:before {
    content: "\e930"
}

.pi-angle-left:before {
    content: "\e931"
}

.pi-angle-right:before {
    content: "\e932"
}

.pi-angle-up:before {
    content: "\e933"
}

.pi-upload:before {
    content: "\e934"
}

.pi-download:before {
    content: "\e956"
}

.pi-ban:before {
    content: "\e935"
}

.pi-star-o:before {
    content: "\e936"
}

.pi-star:before {
    content: "\e937"
}

.pi-chevron-left:before {
    content: "\e900"
}

.pi-chevron-right:before {
    content: "\e901"
}

.pi-chevron-down:before {
    content: "\e902"
}

.pi-chevron-up:before {
    content: "\e903"
}

.pi-caret-left:before {
    content: "\e904"
}

.pi-caret-right:before {
    content: "\e905"
}

.pi-caret-down:before {
    content: "\e906"
}

.pi-caret-up:before {
    content: "\e907"
}

.pi-search:before {
    content: "\e908"
}

.pi-check:before {
    content: "\e909"
}

.pi-check-circle:before {
    content: "\e90a"
}

.pi-times:before {
    content: "\e90b"
}

.pi-times-circle:before {
    content: "\e90c"
}

.pi-plus:before {
    content: "\e90d"
}

.pi-plus-circle:before {
    content: "\e90e"
}

.pi-minus:before {
    content: "\e90f"
}

.pi-minus-circle:before {
    content: "\e910"
}

.pi-circle-on:before {
    content: "\e911"
}

.pi-circle-off:before {
    content: "\e912"
}

.pi-sort-down:before {
    content: "\e913"
}

.pi-sort-up:before {
    content: "\e914"
}

.pi-sort:before {
    content: "\e915"
}

.pi-step-backward:before {
    content: "\e916"
}

.pi-step-forward:before {
    content: "\e917"
}

.pi-th-large:before {
    content: "\e918"
}

.pi-arrow-down:before {
    content: "\e919"
}

.pi-arrow-left:before {
    content: "\e91a"
}

.pi-arrow-right:before {
    content: "\e91b"
}

.pi-arrow-up:before {
    content: "\e91c"
}

.pi-bars:before {
    content: "\e91d"
}

.pi-arrow-circle-down:before {
    content: "\e91e"
}

.pi-arrow-circle-left:before {
    content: "\e91f"
}

.pi-arrow-circle-right:before {
    content: "\e920"
}

.pi-arrow-circle-up:before {
    content: "\e921"
}

.pi-info:before {
    content: "\e923"
}

.pi-info-circle:before {
    content: "\e924"
}

.pi-home:before {
    content: "\e925"
}

.pi-spinner:before {
    content: "\e926"
}

:root {
    font-family: Inter var, sans-serif;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    font-variation-settings: normal;
    --font-family: "Inter var", sans-serif;
    --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    --surface-a: #ffffff;
    --surface-b: #f9fafb;
    --surface-c: #f3f4f6;
    --surface-d: #e5e7eb;
    --surface-e: #ffffff;
    --surface-f: #ffffff;
    --text-color: #4b5563;
    --text-color-secondary: #6b7280;
    --primary-color: #3B82F6;
    --primary-color-text: #ffffff;
    --surface-0: #ffffff;
    --surface-50: #f9fafb;
    --surface-100: #f3f4f6;
    --surface-200: #e5e7eb;
    --surface-300: #d1d5db;
    --surface-400: #9ca3af;
    --surface-500: #6b7280;
    --surface-600: #4b5563;
    --surface-700: #374151;
    --surface-800: #1f2937;
    --surface-900: #111827;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    --content-padding: 1.25rem;
    --inline-spacing: .5rem;
    --border-radius: 6px;
    --surface-ground: #f9fafb;
    --surface-section: #ffffff;
    --surface-card: #ffffff;
    --surface-overlay: #ffffff;
    --surface-border: #dfe7ef;
    --surface-hover: #f6f9fc;
    --focus-ring: 0 0 0 .2rem #BFDBFE;
    --maskbg: rgba(0, 0, 0, .4);
    --highlight-bg: #EFF6FF;
    --highlight-text-color: #1D4ED8;
    color-scheme: light
}

@font-face {
    font-family: Inter var;
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance: "Regular";
    src: url("./media/Inter-roman.var-5VGNBR6A.woff2?v=3.19") format("woff2")
}

@font-face {
    font-family: Inter var;
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    font-named-instance: "Italic";
    src: url("./media/Inter-italic.var-YRHKCDAA.woff2?v=3.19") format("woff2")
}

:root {
    --blue-50: #f5f9ff;
    --blue-100: #d0e1fd;
    --blue-200: #abc9fb;
    --blue-300: #85b2f9;
    --blue-400: #609af8;
    --blue-500: #3b82f6;
    --blue-600: #326fd1;
    --blue-700: #295bac;
    --blue-800: #204887;
    --blue-900: #183462;
    --green-50: #f4fcf7;
    --green-100: #caf1d8;
    --green-200: #a0e6ba;
    --green-300: #76db9b;
    --green-400: #4cd07d;
    --green-500: #22c55e;
    --green-600: #1da750;
    --green-700: #188a42;
    --green-800: #136c34;
    --green-900: #0e4f26;
    --yellow-50: #fefbf3;
    --yellow-100: #faedc4;
    --yellow-200: #f6de95;
    --yellow-300: #f2d066;
    --yellow-400: #eec137;
    --yellow-500: #eab308;
    --yellow-600: #c79807;
    --yellow-700: #a47d06;
    --yellow-800: #816204;
    --yellow-900: #5e4803;
    --cyan-50: #f3fbfd;
    --cyan-100: #c3edf5;
    --cyan-200: #94e0ed;
    --cyan-300: #65d2e4;
    --cyan-400: #35c4dc;
    --cyan-500: #06b6d4;
    --cyan-600: #059bb4;
    --cyan-700: #047f94;
    --cyan-800: #036475;
    --cyan-900: #024955;
    --pink-50: #fef6fa;
    --pink-100: #fad3e7;
    --pink-200: #f7b0d3;
    --pink-300: #f38ec0;
    --pink-400: #f06bac;
    --pink-500: #ec4899;
    --pink-600: #c93d82;
    --pink-700: #a5326b;
    --pink-800: #822854;
    --pink-900: #5e1d3d;
    --indigo-50: #f7f7fe;
    --indigo-100: #dadafc;
    --indigo-200: #bcbdf9;
    --indigo-300: #9ea0f6;
    --indigo-400: #8183f4;
    --indigo-500: #6366f1;
    --indigo-600: #5457cd;
    --indigo-700: #4547a9;
    --indigo-800: #363885;
    --indigo-900: #282960;
    --teal-50: #f3fbfb;
    --teal-100: #c7eeea;
    --teal-200: #9ae0d9;
    --teal-300: #6dd3c8;
    --teal-400: #41c5b7;
    --teal-500: #14b8a6;
    --teal-600: #119c8d;
    --teal-700: #0e8174;
    --teal-800: #0b655b;
    --teal-900: #084a42;
    --orange-50: #fff8f3;
    --orange-100: #feddc7;
    --orange-200: #fcc39b;
    --orange-300: #fba86f;
    --orange-400: #fa8e42;
    --orange-500: #f97316;
    --orange-600: #d46213;
    --orange-700: #ae510f;
    --orange-800: #893f0c;
    --orange-900: #642e09;
    --bluegray-50: #f7f8f9;
    --bluegray-100: #dadee3;
    --bluegray-200: #bcc3cd;
    --bluegray-300: #9fa9b7;
    --bluegray-400: #818ea1;
    --bluegray-500: #64748b;
    --bluegray-600: #556376;
    --bluegray-700: #465161;
    --bluegray-800: #37404c;
    --bluegray-900: #282e38;
    --purple-50: #fbf7ff;
    --purple-100: #ead6fd;
    --purple-200: #dab6fc;
    --purple-300: #c996fa;
    --purple-400: #b975f9;
    --purple-500: #a855f7;
    --purple-600: #8f48d2;
    --purple-700: #763cad;
    --purple-800: #5c2f88;
    --purple-900: #432263;
    --red-50: #fff5f5;
    --red-100: #ffd0ce;
    --red-200: #ffaca7;
    --red-300: #ff8780;
    --red-400: #ff6259;
    --red-500: #ff3d32;
    --red-600: #d9342b;
    --red-700: #b32b23;
    --red-800: #8c221c;
    --red-900: #661814;
    --primary-50: #f5f9ff;
    --primary-100: #d0e1fd;
    --primary-200: #abc9fb;
    --primary-300: #85b2f9;
    --primary-400: #609af8;
    --primary-500: #3b82f6;
    --primary-600: #326fd1;
    --primary-700: #295bac;
    --primary-800: #204887;
    --primary-900: #183462
}

.p-editor-container .p-editor-toolbar {
    background: #f9fafb;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.p-editor-container .p-editor-toolbar.ql-snow {
    border: 1px solid #e5e7eb
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
    stroke: #6b7280
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
    fill: #6b7280
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
    border: 0 none;
    color: #6b7280
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
    color: #4b5563
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
    stroke: #4b5563
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
    fill: #4b5563
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #4b5563
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #4b5563
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #4b5563
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 12px #0000001a;
    border-radius: 6px;
    padding: .75rem 0
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
    color: #4b5563
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
    color: #4b5563;
    background: #f3f4f6
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
    padding: .75rem 1.25rem
}

.p-editor-container .p-editor-content {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.p-editor-container .p-editor-content.ql-snow {
    border: 1px solid #e5e7eb
}

.p-editor-container .p-editor-content .ql-editor {
    background: #fff;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
    color: #4b5563
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: #4b5563
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
    fill: #4b5563
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
    color: #3b82f6
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
    stroke: #3b82f6
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: #3b82f6
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
    color: #3b82f6
}

@layer primeng {
    * {
        box-sizing: border-box
    }

    .p-component {
        font-family: var(--font-family);
        font-feature-settings: var(--font-feature-settings, normal);
        font-size: 1rem;
        font-weight: 400
    }

    .p-component-overlay {
        background-color: #0006;
        transition-duration: .2s
    }

    .p-disabled,
    .p-component:disabled {
        opacity: .6
    }

    .p-error {
        color: #e24c4c
    }

    .p-text-secondary {
        color: #6b7280
    }

    .pi {
        font-size: 1rem
    }

    .p-icon {
        width: 1rem;
        height: 1rem
    }

    .p-link {
        font-family: var(--font-family);
        font-feature-settings: var(--font-feature-settings, normal);
        font-size: 1rem;
        border-radius: 6px
    }

    .p-link:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-component-overlay-enter {
        animation: p-component-overlay-enter-animation .15s forwards
    }

    .p-component-overlay-leave {
        animation: p-component-overlay-leave-animation .15s forwards
    }

    @keyframes p-component-overlay-enter-animation {
        0% {
            background-color: transparent
        }

        to {
            background-color: var(--maskbg)
        }
    }

    @keyframes p-component-overlay-leave-animation {
        0% {
            background-color: var(--maskbg)
        }

        to {
            background-color: transparent
        }
    }

    .p-autocomplete .p-autocomplete-loader {
        right: .75rem
    }

    .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
        right: 3.75rem
    }

    .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
        border-color: #3b82f6
    }

    .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-autocomplete .p-autocomplete-multiple-container {
        padding: .375rem .75rem;
        gap: .5rem
    }

    .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
        padding: .375rem 0
    }

    .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
        font-family: var(--font-family);
        font-feature-settings: var(--font-feature-settings, normal);
        font-size: 1rem;
        color: #4b5563;
        padding: 0;
        margin: 0
    }

    .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
        padding: .375rem .75rem;
        background: #e5e7eb;
        color: #4b5563;
        border-radius: 16px
    }

    .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
        margin-left: .5rem
    }

    .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
        background: #d1d5db;
        color: #4b5563
    }

    .p-autocomplete.p-invalid.p-component>.p-inputtext {
        border-color: #e24c4c
    }

    .p-autocomplete-panel {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        border-radius: 6px;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-autocomplete-panel .p-autocomplete-items {
        padding: .75rem 0
    }

    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
        margin: 0;
        padding: .75rem 1.25rem;
        border: 0 none;
        color: #4b5563;
        background: transparent;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
        margin-top: 0
    }

    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
        background: #3b82f63d
    }

    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
        margin: 0;
        padding: .75rem 1.25rem;
        color: #374151;
        background: #fff;
        font-weight: 700
    }

    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
        padding: .75rem 1.25rem;
        color: #4b5563;
        background: transparent
    }

    p-autocomplete.ng-dirty.ng-invalid>.p-autocomplete>.p-inputtext {
        border-color: #e24c4c
    }

    p-autocomplete.p-autocomplete-clearable .p-inputtext {
        padding-right: 2.5rem
    }

    p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
        color: #6b7280;
        right: .75rem
    }

    p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
        color: #6b7280;
        right: 3.75rem
    }

    p-calendar.ng-dirty.ng-invalid>.p-calendar>.p-inputtext {
        border-color: #e24c4c
    }

    .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-datepicker {
        padding: .5rem;
        background: #fff;
        color: #4b5563;
        border: 1px solid #d1d5db;
        border-radius: 6px
    }

    .p-datepicker:not(.p-datepicker-inline) {
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
        background: #fff
    }

    .p-datepicker .p-datepicker-header {
        padding: .5rem;
        color: #4b5563;
        background: #fff;
        font-weight: 600;
        margin: 0;
        border-bottom: 1px solid #e5e7eb;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-datepicker .p-datepicker-header .p-datepicker-prev,
    .p-datepicker .p-datepicker-header .p-datepicker-next {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
    .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
    .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-datepicker .p-datepicker-header .p-datepicker-title {
        line-height: 2rem
    }

    .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
    .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
        color: #4b5563;
        transition: background-color .2s, color .2s, box-shadow .2s;
        font-weight: 600;
        padding: .5rem
    }

    .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
    .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
        color: #3b82f6
    }

    .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
        margin-right: .5rem
    }

    .p-datepicker table {
        font-size: 1rem;
        margin: .5rem 0
    }

    .p-datepicker table th {
        padding: .5rem
    }

    .p-datepicker table th>span {
        width: 2.5rem;
        height: 2.5rem
    }

    .p-datepicker table td {
        padding: .5rem
    }

    .p-datepicker table td>span {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        transition: box-shadow .2s;
        border: 1px solid transparent
    }

    .p-datepicker table td>span.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-datepicker table td>span:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-datepicker table td.p-datepicker-today>span {
        background: #d1d5db;
        color: #4b5563;
        border-color: transparent
    }

    .p-datepicker table td.p-datepicker-today>span.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-datepicker .p-datepicker-buttonbar {
        padding: 1rem 0;
        border-top: 1px solid #e5e7eb
    }

    .p-datepicker .p-datepicker-buttonbar .p-button {
        width: auto
    }

    .p-datepicker .p-timepicker {
        border-top: 1px solid #e5e7eb;
        padding: .5rem
    }

    .p-datepicker .p-timepicker button {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-datepicker .p-timepicker button:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-datepicker .p-timepicker button:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-datepicker .p-timepicker button:last-child {
        margin-top: .2em
    }

    .p-datepicker .p-timepicker span {
        font-size: 1.25rem
    }

    .p-datepicker .p-timepicker>div {
        padding: 0 .5rem
    }

    .p-datepicker.p-datepicker-timeonly .p-timepicker {
        border-top: 0 none
    }

    .p-datepicker .p-monthpicker {
        margin: .5rem 0
    }

    .p-datepicker .p-monthpicker .p-monthpicker-month {
        padding: .5rem;
        transition: box-shadow .2s;
        border-radius: 6px
    }

    .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-datepicker .p-yearpicker {
        margin: .5rem 0
    }

    .p-datepicker .p-yearpicker .p-yearpicker-year {
        padding: .5rem;
        transition: box-shadow .2s;
        border-radius: 6px
    }

    .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
        border-left: 1px solid #e5e7eb;
        padding-right: .5rem;
        padding-left: .5rem;
        padding-top: 0;
        padding-bottom: 0
    }

    .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
        padding-left: 0;
        border-left: 0 none
    }

    .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
        padding-right: 0
    }

    .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
        background: #f3f4f6
    }

    .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
        background: #f3f4f6
    }

    .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
        background: #f3f4f6
    }

    .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    p-calendar.p-calendar-clearable .p-inputtext {
        padding-right: 2.5rem
    }

    p-calendar.p-calendar-clearable .p-calendar-clear-icon {
        color: #6b7280;
        right: .75rem
    }

    p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
        color: #6b7280;
        right: 3.75rem
    }

    @media screen and (max-width: 769px) {

        .p-datepicker table th,
        .p-datepicker table td {
            padding: 0
        }
    }

    .p-cascadeselect {
        background: #fff;
        border: 1px solid #d1d5db;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        border-radius: 6px
    }

    .p-cascadeselect:not(.p-disabled):hover {
        border-color: #3b82f6
    }

    .p-cascadeselect:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-cascadeselect .p-cascadeselect-label {
        background: transparent;
        border: 0 none;
        padding: .75rem
    }

    .p-cascadeselect .p-cascadeselect-label.p-placeholder {
        color: #6b7280
    }

    .p-cascadeselect .p-cascadeselect-label:enabled:focus {
        outline: 0 none;
        box-shadow: none
    }

    .p-cascadeselect .p-cascadeselect-trigger {
        background: transparent;
        color: #6b7280;
        width: 3rem;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-cascadeselect.p-invalid.p-component {
        border-color: #e24c4c
    }

    .p-cascadeselect.p-variant-filled {
        background-color: #f3f4f6
    }

    .p-cascadeselect.p-variant-filled:enabled:hover {
        background-color: #f3f4f6
    }

    .p-cascadeselect.p-variant-filled:enabled:focus {
        background-color: #fff
    }

    .p-cascadeselect-panel {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        border-radius: 6px;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-cascadeselect-panel .p-cascadeselect-items {
        padding: .75rem 0
    }

    .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
        margin: 0;
        border: 0 none;
        color: #4b5563;
        background: transparent;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
        margin-top: 0
    }

    .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
        background: #3b82f63d
    }

    .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
        padding: .75rem 1.25rem
    }

    .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
        font-size: .875rem
    }

    .p-input-filled .p-cascadeselect {
        background: #f3f4f6
    }

    .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
        background-color: #f3f4f6
    }

    .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
        background-color: #fff
    }

    p-cascadeselect.ng-dirty.ng-invalid>.p-cascadeselect {
        border-color: #e24c4c
    }

    p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
        padding-right: .75rem
    }

    p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
        color: #6b7280;
        right: 3rem
    }

    .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
        box-shadow: none;
        border-radius: 0;
        padding: .25rem 0 .25rem .5rem
    }

    .p-overlay-modal .p-cascadeselect-item-active>.p-cascadeselect-item-content .p-cascadeselect-group-icon {
        transform: rotate(90deg)
    }

    .p-checkbox {
        width: 22px;
        height: 22px
    }

    .p-checkbox .p-checkbox-box {
        border: 2px solid #d1d5db;
        background: #fff;
        width: 22px;
        height: 22px;
        color: #4b5563;
        border-radius: 6px;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        outline-color: transparent
    }

    .p-checkbox .p-checkbox-box .p-checkbox-icon {
        transition-duration: .2s;
        color: #fff;
        font-size: 14px
    }

    .p-checkbox .p-checkbox-box .p-icon {
        width: 14px;
        height: 14px
    }

    .p-checkbox .p-checkbox-box.p-highlight {
        border-color: #3b82f6;
        background: #3b82f6
    }

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
        border-color: #3b82f6
    }

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
        border-color: #1d4ed8;
        background: #1d4ed8;
        color: #fff
    }

    .p-checkbox.p-variant-filled .p-checkbox-box {
        background-color: #f3f4f6
    }

    .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
        background: #3b82f6
    }

    .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
        background-color: #f3f4f6
    }

    .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
        background: #1d4ed8
    }

    p-checkbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box {
        border-color: #e24c4c
    }

    .p-input-filled .p-checkbox .p-checkbox-box {
        background-color: #f3f4f6
    }

    .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
        background: #3b82f6
    }

    .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
        background-color: #f3f4f6
    }

    .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
        background: #1d4ed8
    }

    .p-checkbox-label {
        margin-left: .5rem
    }

    p-tristatecheckbox.ng-dirty.ng-invalid>.p-checkbox>.p-checkbox-box {
        border-color: #e24c4c
    }

    .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
        border-color: #3b82f6
    }

    .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-chips .p-chips-multiple-container {
        padding: .375rem .75rem;
        gap: .5rem
    }

    .p-chips .p-chips-multiple-container .p-chips-token {
        padding: .375rem .75rem;
        margin-right: .5rem;
        background: #e5e7eb;
        color: #4b5563;
        border-radius: 16px
    }

    .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
        background: #d1d5db;
        color: #4b5563
    }

    .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
        margin-left: .5rem
    }

    .p-chips .p-chips-multiple-container .p-chips-input-token {
        padding: .375rem 0
    }

    .p-chips .p-chips-multiple-container .p-chips-input-token input {
        font-family: var(--font-family);
        font-feature-settings: var(--font-feature-settings, normal);
        font-size: 1rem;
        color: #4b5563;
        padding: 0;
        margin: 0
    }

    p-chips.ng-dirty.ng-invalid>.p-chips>.p-inputtext {
        border-color: #e24c4c
    }

    p-chips.p-chips-clearable .p-inputtext {
        padding-right: 1.75rem
    }

    p-chips.p-chips-clearable .p-chips-clear-icon {
        color: #6b7280;
        right: .75rem
    }

    .p-colorpicker-preview,
    .p-fluid .p-colorpicker-preview.p-inputtext {
        width: 2rem;
        height: 2rem
    }

    .p-colorpicker-panel {
        background: #323232;
        border: 1px solid #191919
    }

    .p-colorpicker-panel .p-colorpicker-color-handle,
    .p-colorpicker-panel .p-colorpicker-hue-handle {
        border-color: #fff
    }

    .p-colorpicker-overlay-panel {
        box-shadow: 0 2px 12px #0000001a
    }

    .p-dropdown {
        background: #fff;
        border: 1px solid #d1d5db;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        border-radius: 6px
    }

    .p-dropdown:not(.p-disabled):hover {
        border-color: #3b82f6
    }

    .p-dropdown:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-dropdown.p-dropdown-clearable .p-dropdown-label {
        padding-right: 1.75rem
    }

    .p-dropdown .p-dropdown-label {
        background: transparent;
        border: 0 none
    }

    .p-dropdown .p-dropdown-label.p-placeholder {
        color: #6b7280
    }

    .p-dropdown .p-dropdown-label:focus,
    .p-dropdown .p-dropdown-label:enabled:focus {
        outline: 0 none;
        box-shadow: none
    }

    .p-dropdown .p-dropdown-trigger {
        background: transparent;
        color: #6b7280;
        width: 3rem;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-dropdown .p-dropdown-clear-icon {
        color: #6b7280;
        right: 3rem
    }

    .p-dropdown.p-invalid.p-component {
        border-color: #e24c4c
    }

    .p-dropdown.p-variant-filled {
        background-color: #f3f4f6
    }

    .p-dropdown.p-variant-filled:enabled:hover {
        background-color: #f3f4f6
    }

    .p-dropdown.p-variant-filled:enabled:focus {
        background-color: #fff
    }

    .p-dropdown-panel {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        border-radius: 6px;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-dropdown-panel .p-dropdown-header {
        padding: .75rem 1.25rem;
        border-bottom: 1px solid #e5e7eb;
        color: #374151;
        background: #f9fafb;
        margin: 0;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
        padding-right: 1.75rem;
        margin-right: -1.75rem
    }

    .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
        right: .75rem;
        color: #6b7280
    }

    .p-dropdown-panel .p-dropdown-items {
        padding: .75rem 0
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
        margin: 0;
        padding: .75rem 1.25rem;
        border: 0 none;
        color: #4b5563;
        background: transparent;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
        margin-top: 0
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
        background: #3b82f63d
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
        margin: 0;
        padding: .75rem 1.25rem;
        color: #374151;
        background: #fff;
        font-weight: 700
    }

    .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
        padding: .75rem 1.25rem;
        color: #4b5563;
        background: transparent
    }

    .p-input-filled .p-dropdown {
        background: #f3f4f6
    }

    .p-input-filled .p-dropdown:not(.p-disabled):hover {
        background-color: #f3f4f6
    }

    .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
        background-color: #fff
    }

    .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
        background-color: transparent
    }

    p-dropdown.ng-dirty.ng-invalid>.p-dropdown {
        border-color: #e24c4c
    }

    .p-icon-field .p-input-icon {
        position: absolute;
        top: 50%;
        margin-top: -.5rem
    }

    .p-inputgroup-addon {
        background: #f3f4f6;
        color: #6b7280;
        border-top: 1px solid #d1d5db;
        border-left: 1px solid #d1d5db;
        border-bottom: 1px solid #d1d5db;
        padding: .75rem;
        min-width: 3rem
    }

    .p-inputgroup-addon:last-child {
        border-right: 1px solid #d1d5db
    }

    .p-inputgroup>.p-component,
    .p-inputgroup>.p-inputwrapper>.p-inputtext,
    .p-inputgroup>.p-float-label>.p-component {
        border-radius: 0;
        margin: 0
    }

    .p-inputgroup>.p-component+.p-inputgroup-addon,
    .p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon,
    .p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon {
        border-left: 0 none
    }

    .p-inputgroup>.p-component:focus,
    .p-inputgroup>.p-inputwrapper>.p-inputtext:focus,
    .p-inputgroup>.p-float-label>.p-component:focus {
        z-index: 1
    }

    .p-inputgroup>.p-component:focus~label,
    .p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label,
    .p-inputgroup>.p-float-label>.p-component:focus~label {
        z-index: 1
    }

    .p-inputgroup-addon:first-child,
    .p-inputgroup button:first-child,
    .p-inputgroup input:first-child,
    .p-inputgroup>.p-inputwrapper:first-child>.p-component,
    .p-inputgroup>.p-inputwrapper:first-child>.p-component>.p-inputtext {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .p-inputgroup .p-float-label:first-child input {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .p-inputgroup-addon:last-child,
    .p-inputgroup button:last-child,
    .p-inputgroup input:last-child,
    .p-inputgroup>.p-inputwrapper:last-child>.p-component,
    .p-inputgroup>.p-inputwrapper:last-child>.p-component>.p-inputtext {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-inputgroup .p-float-label:last-child input {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-fluid .p-inputgroup .p-button {
        width: auto
    }

    .p-fluid .p-inputgroup .p-button.p-button-icon-only {
        width: 3rem
    }

    .p-icon-field-left .p-input-icon:first-of-type {
        left: .75rem;
        color: #6b7280
    }

    .p-icon-field-right .p-input-icon:last-of-type {
        right: .75rem;
        color: #6b7280
    }

    p-inputmask.ng-dirty.ng-invalid>.p-inputtext {
        border-color: #e24c4c
    }

    p-inputmask.p-inputmask-clearable .p-inputtext {
        padding-right: 2.5rem
    }

    p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
        color: #6b7280;
        right: .75rem
    }

    .p-inputmask.p-variant-filled {
        background-color: #f3f4f6
    }

    .p-inputmask.p-variant-filled:enabled:hover {
        background-color: #f3f4f6
    }

    .p-inputmask.p-variant-filled:enabled:focus {
        background-color: #fff
    }

    p-inputnumber.ng-dirty.ng-invalid>.p-inputnumber>.p-inputtext {
        border-color: #e24c4c
    }

    p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
        padding-right: 2.5rem
    }

    p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
        color: #6b7280;
        right: .75rem
    }

    p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
        right: 3.75rem
    }

    p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
        right: 3.75rem
    }

    p-inputnumber.p-inputnumber.p-variant-filled>.p-inputnumber-input {
        background-color: #f3f4f6
    }

    p-inputnumber.p-inputnumber.p-variant-filled>.p-inputnumber-input:enabled:hover {
        background-color: #f3f4f6
    }

    p-inputnumber.p-inputnumber.p-variant-filled>.p-inputnumber-input:enabled:focus {
        background-color: #fff
    }

    .p-inputotp {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .p-inputotp-input {
        text-align: center;
        width: 2.5rem
    }

    .p-inputswitch {
        width: 3rem;
        height: 1.75rem
    }

    .p-inputswitch .p-inputswitch-slider {
        background: #d1d5db;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        border-radius: 30px
    }

    .p-inputswitch .p-inputswitch-slider:before {
        background: #fff;
        width: 1.25rem;
        height: 1.25rem;
        left: .25rem;
        margin-top: -.625rem;
        border-radius: 50%;
        transition-duration: .2s
    }

    .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
        transform: translate(1.25rem)
    }

    .p-inputswitch.p-focus .p-inputswitch-slider {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
        background: #b7bcc5
    }

    .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
        background: #3b82f6
    }

    .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
        background: #fff
    }

    .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
        background: #2563eb
    }

    p-inputswitch.ng-dirty.ng-invalid>.p-inputswitch>.p-inputswitch-slider {
        border-color: #e24c4c
    }

    .p-inputtext {
        font-family: var(--font-family);
        font-feature-settings: var(--font-feature-settings, normal);
        font-size: 1rem;
        color: #4b5563;
        background: #fff;
        padding: .75rem;
        border: 1px solid #d1d5db;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        appearance: none;
        border-radius: 6px
    }

    .p-inputtext:enabled:hover {
        border-color: #3b82f6
    }

    .p-inputtext:enabled:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-inputtext.ng-dirty.ng-invalid {
        border-color: #e24c4c
    }

    .p-inputtext.p-variant-filled {
        background-color: #f3f4f6
    }

    .p-inputtext.p-variant-filled:enabled:hover {
        background-color: #f3f4f6
    }

    .p-inputtext.p-variant-filled:enabled:focus {
        background-color: #fff
    }

    .p-inputtext.p-inputtext-sm {
        font-size: .875rem;
        padding: .65625rem
    }

    .p-inputtext.p-inputtext-lg {
        font-size: 1.25rem;
        padding: .9375rem
    }

    .p-float-label>label {
        left: .75rem;
        color: #6b7280;
        transition-duration: .2s
    }

    .p-float-label>.ng-invalid.ng-dirty+label {
        color: #e24c4c
    }

    .p-input-icon-left>.p-icon-wrapper.p-icon,
    .p-input-icon-left>i:first-of-type {
        left: .75rem;
        color: #6b7280
    }

    .p-input-icon-left>.p-inputtext {
        padding-left: 2.5rem
    }

    .p-input-icon-left.p-float-label>label {
        left: 2.5rem
    }

    .p-input-icon-right>.p-icon-wrapper,
    .p-input-icon-right>i:last-of-type {
        right: .75rem;
        color: #6b7280
    }

    .p-input-icon-right>.p-inputtext {
        padding-right: 2.5rem
    }

    .p-icon-field-left>.p-inputtext {
        padding-left: 2.5rem
    }

    .p-icon-field-left.p-float-label>label {
        left: 2.5rem
    }

    .p-icon-field-right>.p-inputtext {
        padding-right: 2.5rem
    }

    ::-webkit-input-placeholder {
        color: #6b7280
    }

    :-moz-placeholder {
        color: #6b7280
    }

    ::-moz-placeholder {
        color: #6b7280
    }

    :-ms-input-placeholder {
        color: #6b7280
    }

    .p-input-filled .p-inputtext {
        background-color: #f3f4f6
    }

    .p-input-filled .p-inputtext:enabled:hover {
        background-color: #f3f4f6
    }

    .p-input-filled .p-inputtext:enabled:focus {
        background-color: #fff
    }

    .p-inputtext-sm .p-inputtext {
        font-size: .875rem;
        padding: .65625rem
    }

    .p-inputtext-lg .p-inputtext {
        font-size: 1.25rem;
        padding: .9375rem
    }

    .p-listbox {
        background: #fff;
        color: #4b5563;
        border: 1px solid #d1d5db;
        border-radius: 6px;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-listbox .p-listbox-header {
        padding: .75rem 1.25rem;
        border-bottom: 1px solid #e5e7eb;
        color: #374151;
        background: #f9fafb;
        margin: 0;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-listbox .p-listbox-header .p-listbox-filter {
        padding-right: 1.75rem
    }

    .p-listbox .p-listbox-header .p-listbox-filter-icon {
        right: .75rem;
        color: #6b7280
    }

    .p-listbox .p-listbox-header .p-checkbox {
        margin-right: .5rem
    }

    .p-listbox .p-listbox-list {
        padding: .75rem 0;
        outline: 0 none
    }

    .p-listbox .p-listbox-list .p-listbox-item {
        margin: 0;
        padding: .75rem 1.25rem;
        border: 0 none;
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-listbox .p-listbox-list .p-listbox-item:first-child {
        margin-top: 0
    }

    .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
        margin-right: .5rem
    }

    .p-listbox .p-listbox-list .p-listbox-item-group {
        margin: 0;
        padding: .75rem 1.25rem;
        color: #374151;
        background: #fff;
        font-weight: 700
    }

    .p-listbox .p-listbox-list .p-listbox-empty-message {
        padding: .75rem 1.25rem;
        color: #4b5563;
        background: transparent
    }

    .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
        background: #3b82f63d
    }

    .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-listbox.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    p-listbox.ng-dirty.ng-invalid>.p-listbox {
        border-color: #e24c4c
    }

    .p-multiselect {
        background: #fff;
        border: 1px solid #d1d5db;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        border-radius: 6px
    }

    .p-multiselect:not(.p-disabled):hover {
        border-color: #3b82f6
    }

    .p-multiselect:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-multiselect .p-multiselect-label {
        padding: .75rem;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-multiselect .p-multiselect-label.p-placeholder {
        color: #6b7280
    }

    .p-multiselect.p-multiselect-chip .p-multiselect-token {
        padding: .375rem .75rem;
        margin-right: .5rem;
        background: #e5e7eb;
        color: #4b5563;
        border-radius: 16px
    }

    .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
        margin-left: .5rem
    }

    .p-multiselect .p-multiselect-trigger {
        background: transparent;
        color: #6b7280;
        width: 3rem;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-multiselect.p-variant-filled {
        background: #f3f4f6
    }

    .p-multiselect.p-variant-filled:not(.p-disabled):hover {
        background-color: #f3f4f6
    }

    .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
        background-color: #fff
    }

    .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
        padding: .375rem .75rem
    }

    .p-multiselect-clearable .p-multiselect-label-container {
        padding-right: 1.75rem
    }

    .p-multiselect-clearable .p-multiselect-clear-icon {
        color: #6b7280;
        right: 3rem
    }

    .p-multiselect-panel {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        border-radius: 6px;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-multiselect-panel .p-multiselect-header {
        padding: .75rem 1.25rem;
        border-bottom: 1px solid #e5e7eb;
        color: #374151;
        background: #f9fafb;
        margin: 0;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
        padding-right: 1.75rem
    }

    .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
        right: .75rem;
        color: #6b7280
    }

    .p-multiselect-panel .p-multiselect-header .p-checkbox {
        margin-right: .5rem
    }

    .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
        margin-left: .5rem;
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-multiselect-panel .p-multiselect-items {
        padding: .75rem 0
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
        margin: 0;
        padding: .75rem 1.25rem;
        border: 0 none;
        color: #4b5563;
        background: transparent;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
        margin-top: 0
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
        background: #3b82f63d
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
        margin-right: .5rem
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
        margin: 0;
        padding: .75rem 1.25rem;
        color: #374151;
        background: #fff;
        font-weight: 700
    }

    .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
        padding: .75rem 1.25rem;
        color: #4b5563;
        background: transparent
    }

    .p-input-filled .p-multiselect {
        background: #f3f4f6
    }

    .p-input-filled .p-multiselect:not(.p-disabled):hover {
        background-color: #f3f4f6
    }

    .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
        background-color: #fff
    }

    p-multiselect.ng-dirty.ng-invalid>.p-multiselect {
        border-color: #e24c4c
    }

    p-password.ng-invalid.ng-dirty>.p-password>.p-inputtext {
        border-color: #e24c4c
    }

    .p-password-panel {
        padding: 1.25rem;
        background: #fff;
        color: #4b5563;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a;
        border-radius: 6px
    }

    .p-password-panel .p-password-meter {
        margin-bottom: .5rem;
        background: #e5e7eb
    }

    .p-password-panel .p-password-meter .p-password-strength.weak {
        background: #ea5455
    }

    .p-password-panel .p-password-meter .p-password-strength.medium {
        background: #ff9f42
    }

    .p-password-panel .p-password-meter .p-password-strength.strong {
        background: #29c76f
    }

    p-password.p-password-clearable .p-password-input {
        padding-right: 2.5rem
    }

    p-password.p-password-clearable .p-password-clear-icon {
        color: #6b7280;
        right: .75rem
    }

    p-password.p-password-clearable.p-password-mask .p-password-input {
        padding-right: 4.25rem
    }

    p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
        color: #6b7280;
        right: 2.5rem
    }

    .p-radiobutton {
        width: 22px;
        height: 22px
    }

    .p-radiobutton .p-radiobutton-box {
        border: 2px solid #d1d5db;
        background: #fff;
        width: 22px;
        height: 22px;
        color: #4b5563;
        border-radius: 50%;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        outline-color: transparent
    }

    .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
        border-color: #3b82f6
    }

    .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
        width: 12px;
        height: 12px;
        transition-duration: .2s;
        background-color: #fff
    }

    .p-radiobutton .p-radiobutton-box.p-highlight {
        border-color: #3b82f6;
        background: #3b82f6
    }

    .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
        border-color: #1d4ed8;
        background: #1d4ed8;
        color: #fff
    }

    .p-radiobutton.p-variant-filled .p-radiobutton-box {
        background-color: #f3f4f6
    }

    .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
        background-color: #f3f4f6
    }

    .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
        background: #3b82f6
    }

    .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
        background: #1d4ed8
    }

    p-radiobutton.ng-dirty.ng-invalid>.p-radiobutton>.p-radiobutton-box {
        border-color: #e24c4c
    }

    .p-input-filled .p-radiobutton .p-radiobutton-box {
        background-color: #f3f4f6
    }

    .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
        background-color: #f3f4f6
    }

    .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
        background: #3b82f6
    }

    .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
        background: #1d4ed8
    }

    .p-radiobutton-label {
        margin-left: .5rem
    }

    .p-rating {
        gap: .5rem
    }

    .p-rating .p-rating-item {
        border-radius: 50%;
        outline-color: transparent;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .p-rating .p-rating-item .p-rating-icon {
        color: #4b5563;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        font-size: 1.143rem
    }

    .p-rating .p-rating-item .p-rating-icon.p-icon {
        width: 1.143rem;
        height: 1.143rem
    }

    .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
        color: #ea5455
    }

    .p-rating .p-rating-item.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
        color: #3b82f6
    }

    .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
        color: #3b82f6
    }

    .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
        color: #e73d3e
    }

    .p-selectbutton .p-button {
        background: #fff;
        border: 1px solid #d1d5db;
        color: #4b5563;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-selectbutton .p-button .p-button-icon-left,
    .p-selectbutton .p-button .p-button-icon-right {
        color: #6b7280
    }

    .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
        background: #f3f4f6;
        border-color: #d1d5db;
        color: #4b5563
    }

    .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
    .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
        color: #374151
    }

    .p-selectbutton .p-button.p-highlight {
        background: #3b82f6;
        border-color: #3b82f6;
        color: #fff
    }

    .p-selectbutton .p-button.p-highlight .p-button-icon-left,
    .p-selectbutton .p-button.p-highlight .p-button-icon-right {
        color: #fff
    }

    .p-selectbutton .p-button.p-highlight:hover {
        background: #2563eb;
        border-color: #2563eb;
        color: #fff
    }

    .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
    .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
        color: #fff
    }

    p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button {
        border-color: #e24c4c
    }

    .p-slider {
        background: #e5e7eb;
        border: 0 none;
        border-radius: 6px
    }

    .p-slider.p-slider-horizontal {
        height: .286rem
    }

    .p-slider.p-slider-horizontal .p-slider-handle {
        margin-top: -.5715rem;
        margin-left: -.5715rem
    }

    .p-slider.p-slider-vertical {
        height: 100%;
        width: .286rem
    }

    .p-slider.p-slider-vertical .p-slider-handle {
        height: 1.143rem;
        width: 1.143rem;
        margin-left: -.5715rem;
        margin-bottom: -.5715rem
    }

    .p-slider .p-slider-handle {
        height: 1.143rem;
        width: 1.143rem;
        background: #fff;
        border: 2px solid #3B82F6;
        border-radius: 50%;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-slider .p-slider-handle:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-slider .p-slider-range {
        background: #3b82f6
    }

    .p-slider:not(.p-disabled) .p-slider-handle:hover {
        background: #3b82f6;
        border-color: #3b82f6
    }

    .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, left .2s
    }

    .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
        transition: width .2s
    }

    .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, bottom .2s
    }

    .p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
        transition: height .2s
    }

    .p-togglebutton.p-button {
        background: #fff;
        border: 1px solid #d1d5db;
        color: #4b5563;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-togglebutton.p-button .p-button-icon-left,
    .p-togglebutton.p-button .p-button-icon-right {
        color: #6b7280
    }

    .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
        background: #f3f4f6;
        border-color: #d1d5db;
        color: #4b5563
    }

    .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
    .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
        color: #374151
    }

    .p-togglebutton.p-button.p-highlight {
        background: #3b82f6;
        border-color: #3b82f6;
        color: #fff
    }

    .p-togglebutton.p-button.p-highlight .p-button-icon-left,
    .p-togglebutton.p-button.p-highlight .p-button-icon-right {
        color: #fff
    }

    .p-togglebutton.p-button.p-highlight:hover {
        background: #2563eb;
        border-color: #2563eb;
        color: #fff
    }

    .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
    .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
        color: #fff
    }

    p-togglebutton.ng-dirty.ng-invalid>.p-togglebutton.p-button {
        border-color: #e24c4c
    }

    .p-treeselect {
        background: #fff;
        border: 1px solid #d1d5db;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        border-radius: 6px
    }

    .p-treeselect:not(.p-disabled):hover {
        border-color: #3b82f6
    }

    .p-treeselect:not(.p-disabled).p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-treeselect .p-treeselect-label {
        padding: .75rem;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-treeselect .p-treeselect-label.p-placeholder {
        color: #6b7280
    }

    .p-treeselect.p-treeselect-chip .p-treeselect-token {
        padding: .375rem .75rem;
        margin-right: .5rem;
        background: #e5e7eb;
        color: #4b5563;
        border-radius: 16px
    }

    .p-treeselect .p-treeselect-trigger {
        background: transparent;
        color: #6b7280;
        width: 3rem;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-treeselect.p-variant-filled {
        background-color: #f3f4f6
    }

    .p-treeselect.p-variant-filled:enabled:hover {
        background-color: #f3f4f6
    }

    .p-treeselect.p-variant-filled:enabled:focus {
        background-color: #fff
    }

    p-treeselect.ng-invalid.ng-dirty>.p-treeselect {
        border-color: #e24c4c
    }

    .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
        padding: .375rem .75rem
    }

    .p-treeselect-panel {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        border-radius: 6px;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-treeselect-panel .p-treeselect-header {
        padding: .75rem 1.25rem;
        border-bottom: 1px solid #e5e7eb;
        color: #374151;
        background: #f9fafb;
        margin: 0;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
        margin-right: .5rem
    }

    .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
        padding-right: 1.75rem
    }

    .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
        right: .75rem;
        color: #6b7280
    }

    .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
        padding-right: 3.5rem
    }

    .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
        right: 2.5rem
    }

    .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
        border: 0 none
    }

    .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
        padding: .75rem 1.25rem;
        color: #4b5563;
        background: transparent
    }

    .p-input-filled .p-treeselect {
        background: #f3f4f6
    }

    .p-input-filled .p-treeselect:not(.p-disabled):hover {
        background-color: #f3f4f6
    }

    .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
        background-color: #fff
    }

    p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
        padding-right: 1.75rem
    }

    p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
        color: #6b7280;
        right: 3rem
    }

    .p-button {
        color: #fff;
        background: #3b82f6;
        border: 1px solid #3B82F6;
        padding: .75rem 1.25rem;
        font-size: 1rem;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        border-radius: 6px;
        outline-color: transparent
    }

    .p-button:not(:disabled):hover {
        background: #2563eb;
        color: #fff;
        border-color: #2563eb
    }

    .p-button:not(:disabled):active {
        background: #1d4ed8;
        color: #fff;
        border-color: #1d4ed8
    }

    .p-button.p-button-outlined {
        background-color: transparent;
        color: #3b82f6;
        border: 1px solid
    }

    .p-button.p-button-outlined:not(:disabled):hover {
        background: #3b82f60a;
        color: #3b82f6;
        border: 1px solid
    }

    .p-button.p-button-outlined:not(:disabled):active {
        background: #3b82f629;
        color: #3b82f6;
        border: 1px solid
    }

    .p-button.p-button-outlined.p-button-plain {
        color: #6b7280;
        border-color: #6b7280
    }

    .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
        background: #f3f4f6;
        color: #6b7280
    }

    .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
        background: #e5e7eb;
        color: #6b7280
    }

    .p-button.p-button-text {
        background-color: transparent;
        color: #3b82f6;
        border-color: transparent
    }

    .p-button.p-button-text:not(:disabled):hover {
        background: #3b82f60a;
        color: #3b82f6;
        border-color: transparent
    }

    .p-button.p-button-text:not(:disabled):active {
        background: #3b82f629;
        color: #3b82f6;
        border-color: transparent
    }

    .p-button.p-button-text.p-button-plain {
        color: #6b7280
    }

    .p-button.p-button-text.p-button-plain:not(:disabled):hover {
        background: #f3f4f6;
        color: #6b7280
    }

    .p-button.p-button-text.p-button-plain:not(:disabled):active {
        background: #e5e7eb;
        color: #6b7280
    }

    .p-button:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-button .p-button-label {
        transition-duration: .2s
    }

    .p-button .p-button-icon-left {
        margin-right: .5rem
    }

    .p-button .p-button-icon-right {
        margin-left: .5rem
    }

    .p-button .p-button-icon-bottom {
        margin-top: .5rem
    }

    .p-button .p-button-icon-top {
        margin-bottom: .5rem
    }

    .p-button .p-badge {
        margin-left: .5rem;
        min-width: 1rem;
        height: 1rem;
        line-height: 1rem;
        color: #3b82f6;
        background-color: #fff
    }

    .p-button.p-button-raised {
        box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
    }

    .p-button.p-button-rounded {
        border-radius: 2rem
    }

    .p-button.p-button-icon-only {
        width: 3rem;
        padding: .75rem 0
    }

    .p-button.p-button-icon-only .p-button-icon-left,
    .p-button.p-button-icon-only .p-button-icon-right {
        margin: 0
    }

    .p-button.p-button-icon-only.p-button-rounded {
        border-radius: 50%;
        height: 3rem
    }

    .p-button.p-button-sm {
        font-size: .875rem;
        padding: .65625rem 1.09375rem
    }

    .p-button.p-button-sm .p-button-icon {
        font-size: .875rem
    }

    .p-button.p-button-lg {
        font-size: 1.25rem;
        padding: .9375rem 1.5625rem
    }

    .p-button.p-button-lg .p-button-icon {
        font-size: 1.25rem
    }

    .p-button.p-button-loading-label-only .p-button-label {
        margin-left: .5rem
    }

    .p-button.p-button-loading-label-only .p-button-loading-icon {
        margin-right: 0
    }

    .p-fluid .p-button {
        width: 100%
    }

    .p-fluid .p-button-icon-only {
        width: 3rem
    }

    .p-fluid .p-button-group {
        display: flex
    }

    .p-fluid .p-button-group .p-button {
        flex: 1
    }

    .p-button.p-button-secondary,
    .p-button-group.p-button-secondary>.p-button,
    .p-splitbutton.p-button-secondary>.p-button {
        color: #fff;
        background: #64748b;
        border: 1px solid #64748b
    }

    .p-button.p-button-secondary:not(:disabled):hover,
    .p-button-group.p-button-secondary>.p-button:not(:disabled):hover,
    .p-splitbutton.p-button-secondary>.p-button:not(:disabled):hover {
        background: #475569;
        color: #fff;
        border-color: #475569
    }

    .p-button.p-button-secondary:not(:disabled):focus,
    .p-button-group.p-button-secondary>.p-button:not(:disabled):focus,
    .p-splitbutton.p-button-secondary>.p-button:not(:disabled):focus {
        box-shadow: 0 0 0 .2rem #e2e8f0
    }

    .p-button.p-button-secondary:not(:disabled):active,
    .p-button-group.p-button-secondary>.p-button:not(:disabled):active,
    .p-splitbutton.p-button-secondary>.p-button:not(:disabled):active {
        background: #334155;
        color: #fff;
        border-color: #334155
    }

    .p-button.p-button-secondary.p-button-outlined,
    .p-button-group.p-button-secondary>.p-button.p-button-outlined,
    .p-splitbutton.p-button-secondary>.p-button.p-button-outlined {
        background-color: transparent;
        color: #64748b;
        border: 1px solid
    }

    .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover,
    .p-button-group.p-button-secondary>.p-button.p-button-outlined:not(:disabled):hover,
    .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:not(:disabled):hover {
        background: #64748b0a;
        color: #64748b;
        border: 1px solid
    }

    .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
    .p-button-group.p-button-secondary>.p-button.p-button-outlined:not(:disabled):active,
    .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:not(:disabled):active {
        background: #64748b29;
        color: #64748b;
        border: 1px solid
    }

    .p-button.p-button-secondary.p-button-text,
    .p-button-group.p-button-secondary>.p-button.p-button-text,
    .p-splitbutton.p-button-secondary>.p-button.p-button-text {
        background-color: transparent;
        color: #64748b;
        border-color: transparent
    }

    .p-button.p-button-secondary.p-button-text:not(:disabled):hover,
    .p-button-group.p-button-secondary>.p-button.p-button-text:not(:disabled):hover,
    .p-splitbutton.p-button-secondary>.p-button.p-button-text:not(:disabled):hover {
        background: #64748b0a;
        border-color: transparent;
        color: #64748b
    }

    .p-button.p-button-secondary.p-button-text:not(:disabled):active,
    .p-button-group.p-button-secondary>.p-button.p-button-text:not(:disabled):active,
    .p-splitbutton.p-button-secondary>.p-button.p-button-text:not(:disabled):active {
        background: #64748b29;
        border-color: transparent;
        color: #64748b
    }

    .p-button.p-button-info,
    .p-button-group.p-button-info>.p-button,
    .p-splitbutton.p-button-info>.p-button {
        color: #fff;
        background: #0ea5e9;
        border: 1px solid #0ea5e9
    }

    .p-button.p-button-info:not(:disabled):hover,
    .p-button-group.p-button-info>.p-button:not(:disabled):hover,
    .p-splitbutton.p-button-info>.p-button:not(:disabled):hover {
        background: #0284c7;
        color: #fff;
        border-color: #0284c7
    }

    .p-button.p-button-info:not(:disabled):focus,
    .p-button-group.p-button-info>.p-button:not(:disabled):focus,
    .p-splitbutton.p-button-info>.p-button:not(:disabled):focus {
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-button.p-button-info:not(:disabled):active,
    .p-button-group.p-button-info>.p-button:not(:disabled):active,
    .p-splitbutton.p-button-info>.p-button:not(:disabled):active {
        background: #0369a1;
        color: #fff;
        border-color: #0369a1
    }

    .p-button.p-button-info.p-button-outlined,
    .p-button-group.p-button-info>.p-button.p-button-outlined,
    .p-splitbutton.p-button-info>.p-button.p-button-outlined {
        background-color: transparent;
        color: #0ea5e9;
        border: 1px solid
    }

    .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
    .p-button-group.p-button-info>.p-button.p-button-outlined:not(:disabled):hover,
    .p-splitbutton.p-button-info>.p-button.p-button-outlined:not(:disabled):hover {
        background: #0ea5e90a;
        color: #0ea5e9;
        border: 1px solid
    }

    .p-button.p-button-info.p-button-outlined:not(:disabled):active,
    .p-button-group.p-button-info>.p-button.p-button-outlined:not(:disabled):active,
    .p-splitbutton.p-button-info>.p-button.p-button-outlined:not(:disabled):active {
        background: #0ea5e929;
        color: #0ea5e9;
        border: 1px solid
    }

    .p-button.p-button-info.p-button-text,
    .p-button-group.p-button-info>.p-button.p-button-text,
    .p-splitbutton.p-button-info>.p-button.p-button-text {
        background-color: transparent;
        color: #0ea5e9;
        border-color: transparent
    }

    .p-button.p-button-info.p-button-text:not(:disabled):hover,
    .p-button-group.p-button-info>.p-button.p-button-text:not(:disabled):hover,
    .p-splitbutton.p-button-info>.p-button.p-button-text:not(:disabled):hover {
        background: #0ea5e90a;
        border-color: transparent;
        color: #0ea5e9
    }

    .p-button.p-button-info.p-button-text:not(:disabled):active,
    .p-button-group.p-button-info>.p-button.p-button-text:not(:disabled):active,
    .p-splitbutton.p-button-info>.p-button.p-button-text:not(:disabled):active {
        background: #0ea5e929;
        border-color: transparent;
        color: #0ea5e9
    }

    .p-button.p-button-success,
    .p-button-group.p-button-success>.p-button,
    .p-splitbutton.p-button-success>.p-button {
        color: #fff;
        background: #22c55e;
        border: 1px solid #22c55e
    }

    .p-button.p-button-success:not(:disabled):hover,
    .p-button-group.p-button-success>.p-button:not(:disabled):hover,
    .p-splitbutton.p-button-success>.p-button:not(:disabled):hover {
        background: #16a34a;
        color: #fff;
        border-color: #16a34a
    }

    .p-button.p-button-success:not(:disabled):focus,
    .p-button-group.p-button-success>.p-button:not(:disabled):focus,
    .p-splitbutton.p-button-success>.p-button:not(:disabled):focus {
        box-shadow: 0 0 0 .2rem #bbf7d0
    }

    .p-button.p-button-success:not(:disabled):active,
    .p-button-group.p-button-success>.p-button:not(:disabled):active,
    .p-splitbutton.p-button-success>.p-button:not(:disabled):active {
        background: #15803d;
        color: #fff;
        border-color: #15803d
    }

    .p-button.p-button-success.p-button-outlined,
    .p-button-group.p-button-success>.p-button.p-button-outlined,
    .p-splitbutton.p-button-success>.p-button.p-button-outlined {
        background-color: transparent;
        color: #22c55e;
        border: 1px solid
    }

    .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
    .p-button-group.p-button-success>.p-button.p-button-outlined:not(:disabled):hover,
    .p-splitbutton.p-button-success>.p-button.p-button-outlined:not(:disabled):hover {
        background: #22c55e0a;
        color: #22c55e;
        border: 1px solid
    }

    .p-button.p-button-success.p-button-outlined:not(:disabled):active,
    .p-button-group.p-button-success>.p-button.p-button-outlined:not(:disabled):active,
    .p-splitbutton.p-button-success>.p-button.p-button-outlined:not(:disabled):active {
        background: #22c55e29;
        color: #22c55e;
        border: 1px solid
    }

    .p-button.p-button-success.p-button-text,
    .p-button-group.p-button-success>.p-button.p-button-text,
    .p-splitbutton.p-button-success>.p-button.p-button-text {
        background-color: transparent;
        color: #22c55e;
        border-color: transparent
    }

    .p-button.p-button-success.p-button-text:not(:disabled):hover,
    .p-button-group.p-button-success>.p-button.p-button-text:not(:disabled):hover,
    .p-splitbutton.p-button-success>.p-button.p-button-text:not(:disabled):hover {
        background: #22c55e0a;
        border-color: transparent;
        color: #22c55e
    }

    .p-button.p-button-success.p-button-text:not(:disabled):active,
    .p-button-group.p-button-success>.p-button.p-button-text:not(:disabled):active,
    .p-splitbutton.p-button-success>.p-button.p-button-text:not(:disabled):active {
        background: #22c55e29;
        border-color: transparent;
        color: #22c55e
    }

    .p-button.p-button-warning,
    .p-button-group.p-button-warning>.p-button,
    .p-splitbutton.p-button-warning>.p-button {
        color: #fff;
        background: #f97316;
        border: 1px solid #f97316
    }

    .p-button.p-button-warning:not(:disabled):hover,
    .p-button-group.p-button-warning>.p-button:not(:disabled):hover,
    .p-splitbutton.p-button-warning>.p-button:not(:disabled):hover {
        background: #ea580c;
        color: #fff;
        border-color: #ea580c
    }

    .p-button.p-button-warning:not(:disabled):focus,
    .p-button-group.p-button-warning>.p-button:not(:disabled):focus,
    .p-splitbutton.p-button-warning>.p-button:not(:disabled):focus {
        box-shadow: 0 0 0 .2rem #fde68a
    }

    .p-button.p-button-warning:not(:disabled):active,
    .p-button-group.p-button-warning>.p-button:not(:disabled):active,
    .p-splitbutton.p-button-warning>.p-button:not(:disabled):active {
        background: #c2410c;
        color: #fff;
        border-color: #c2410c
    }

    .p-button.p-button-warning.p-button-outlined,
    .p-button-group.p-button-warning>.p-button.p-button-outlined,
    .p-splitbutton.p-button-warning>.p-button.p-button-outlined {
        background-color: transparent;
        color: #f97316;
        border: 1px solid
    }

    .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
    .p-button-group.p-button-warning>.p-button.p-button-outlined:not(:disabled):hover,
    .p-splitbutton.p-button-warning>.p-button.p-button-outlined:not(:disabled):hover {
        background: #f973160a;
        color: #f97316;
        border: 1px solid
    }

    .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
    .p-button-group.p-button-warning>.p-button.p-button-outlined:not(:disabled):active,
    .p-splitbutton.p-button-warning>.p-button.p-button-outlined:not(:disabled):active {
        background: #f9731629;
        color: #f97316;
        border: 1px solid
    }

    .p-button.p-button-warning.p-button-text,
    .p-button-group.p-button-warning>.p-button.p-button-text,
    .p-splitbutton.p-button-warning>.p-button.p-button-text {
        background-color: transparent;
        color: #f97316;
        border-color: transparent
    }

    .p-button.p-button-warning.p-button-text:not(:disabled):hover,
    .p-button-group.p-button-warning>.p-button.p-button-text:not(:disabled):hover,
    .p-splitbutton.p-button-warning>.p-button.p-button-text:not(:disabled):hover {
        background: #f973160a;
        border-color: transparent;
        color: #f97316
    }

    .p-button.p-button-warning.p-button-text:not(:disabled):active,
    .p-button-group.p-button-warning>.p-button.p-button-text:not(:disabled):active,
    .p-splitbutton.p-button-warning>.p-button.p-button-text:not(:disabled):active {
        background: #f9731629;
        border-color: transparent;
        color: #f97316
    }

    .p-button.p-button-help,
    .p-button-group.p-button-help>.p-button,
    .p-splitbutton.p-button-help>.p-button {
        color: #fff;
        background: #a855f7;
        border: 1px solid #a855f7
    }

    .p-button.p-button-help:not(:disabled):hover,
    .p-button-group.p-button-help>.p-button:not(:disabled):hover,
    .p-splitbutton.p-button-help>.p-button:not(:disabled):hover {
        background: #9333ea;
        color: #fff;
        border-color: #9333ea
    }

    .p-button.p-button-help:not(:disabled):focus,
    .p-button-group.p-button-help>.p-button:not(:disabled):focus,
    .p-splitbutton.p-button-help>.p-button:not(:disabled):focus {
        box-shadow: 0 0 0 .2rem #e9d5ff
    }

    .p-button.p-button-help:not(:disabled):active,
    .p-button-group.p-button-help>.p-button:not(:disabled):active,
    .p-splitbutton.p-button-help>.p-button:not(:disabled):active {
        background: #7e22ce;
        color: #fff;
        border-color: #7e22ce
    }

    .p-button.p-button-help.p-button-outlined,
    .p-button-group.p-button-help>.p-button.p-button-outlined,
    .p-splitbutton.p-button-help>.p-button.p-button-outlined {
        background-color: transparent;
        color: #a855f7;
        border: 1px solid
    }

    .p-button.p-button-help.p-button-outlined:not(:disabled):hover,
    .p-button-group.p-button-help>.p-button.p-button-outlined:not(:disabled):hover,
    .p-splitbutton.p-button-help>.p-button.p-button-outlined:not(:disabled):hover {
        background: #a855f70a;
        color: #a855f7;
        border: 1px solid
    }

    .p-button.p-button-help.p-button-outlined:not(:disabled):active,
    .p-button-group.p-button-help>.p-button.p-button-outlined:not(:disabled):active,
    .p-splitbutton.p-button-help>.p-button.p-button-outlined:not(:disabled):active {
        background: #a855f729;
        color: #a855f7;
        border: 1px solid
    }

    .p-button.p-button-help.p-button-text,
    .p-button-group.p-button-help>.p-button.p-button-text,
    .p-splitbutton.p-button-help>.p-button.p-button-text {
        background-color: transparent;
        color: #a855f7;
        border-color: transparent
    }

    .p-button.p-button-help.p-button-text:not(:disabled):hover,
    .p-button-group.p-button-help>.p-button.p-button-text:not(:disabled):hover,
    .p-splitbutton.p-button-help>.p-button.p-button-text:not(:disabled):hover {
        background: #a855f70a;
        border-color: transparent;
        color: #a855f7
    }

    .p-button.p-button-help.p-button-text:not(:disabled):active,
    .p-button-group.p-button-help>.p-button.p-button-text:not(:disabled):active,
    .p-splitbutton.p-button-help>.p-button.p-button-text:not(:disabled):active {
        background: #a855f729;
        border-color: transparent;
        color: #a855f7
    }

    .p-button.p-button-danger,
    .p-button-group.p-button-danger>.p-button,
    .p-splitbutton.p-button-danger>.p-button {
        color: #fff;
        background: #ef4444;
        border: 1px solid #ef4444
    }

    .p-button.p-button-danger:not(:disabled):hover,
    .p-button-group.p-button-danger>.p-button:not(:disabled):hover,
    .p-splitbutton.p-button-danger>.p-button:not(:disabled):hover {
        background: #dc2626;
        color: #fff;
        border-color: #dc2626
    }

    .p-button.p-button-danger:not(:disabled):focus,
    .p-button-group.p-button-danger>.p-button:not(:disabled):focus,
    .p-splitbutton.p-button-danger>.p-button:not(:disabled):focus {
        box-shadow: 0 0 0 .2rem #fecaca
    }

    .p-button.p-button-danger:not(:disabled):active,
    .p-button-group.p-button-danger>.p-button:not(:disabled):active,
    .p-splitbutton.p-button-danger>.p-button:not(:disabled):active {
        background: #b91c1c;
        color: #fff;
        border-color: #b91c1c
    }

    .p-button.p-button-danger.p-button-outlined,
    .p-button-group.p-button-danger>.p-button.p-button-outlined,
    .p-splitbutton.p-button-danger>.p-button.p-button-outlined {
        background-color: transparent;
        color: #ef4444;
        border: 1px solid
    }

    .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
    .p-button-group.p-button-danger>.p-button.p-button-outlined:not(:disabled):hover,
    .p-splitbutton.p-button-danger>.p-button.p-button-outlined:not(:disabled):hover {
        background: #ef44440a;
        color: #ef4444;
        border: 1px solid
    }

    .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
    .p-button-group.p-button-danger>.p-button.p-button-outlined:not(:disabled):active,
    .p-splitbutton.p-button-danger>.p-button.p-button-outlined:not(:disabled):active {
        background: #ef444429;
        color: #ef4444;
        border: 1px solid
    }

    .p-button.p-button-danger.p-button-text,
    .p-button-group.p-button-danger>.p-button.p-button-text,
    .p-splitbutton.p-button-danger>.p-button.p-button-text {
        background-color: transparent;
        color: #ef4444;
        border-color: transparent
    }

    .p-button.p-button-danger.p-button-text:not(:disabled):hover,
    .p-button-group.p-button-danger>.p-button.p-button-text:not(:disabled):hover,
    .p-splitbutton.p-button-danger>.p-button.p-button-text:not(:disabled):hover {
        background: #ef44440a;
        border-color: transparent;
        color: #ef4444
    }

    .p-button.p-button-danger.p-button-text:not(:disabled):active,
    .p-button-group.p-button-danger>.p-button.p-button-text:not(:disabled):active,
    .p-splitbutton.p-button-danger>.p-button.p-button-text:not(:disabled):active {
        background: #ef444429;
        border-color: transparent;
        color: #ef4444
    }

    .p-button.p-button-contrast,
    .p-button-group.p-button-contrast>.p-button,
    .p-splitbutton.p-button-contrast>.p-button {
        color: #fff;
        background: #1f2937;
        border: 1px solid #1f2937
    }

    .p-button.p-button-contrast:not(:disabled):hover,
    .p-button-group.p-button-contrast>.p-button:not(:disabled):hover,
    .p-splitbutton.p-button-contrast>.p-button:not(:disabled):hover {
        background: #374151;
        color: #fff;
        border-color: #374151
    }

    .p-button.p-button-contrast:not(:disabled):focus,
    .p-button-group.p-button-contrast>.p-button:not(:disabled):focus,
    .p-splitbutton.p-button-contrast>.p-button:not(:disabled):focus {
        box-shadow: none
    }

    .p-button.p-button-contrast:not(:disabled):active,
    .p-button-group.p-button-contrast>.p-button:not(:disabled):active,
    .p-splitbutton.p-button-contrast>.p-button:not(:disabled):active {
        background: #4b5563;
        color: #fff;
        border-color: #4b5563
    }

    .p-button.p-button-contrast.p-button-outlined,
    .p-button-group.p-button-contrast>.p-button.p-button-outlined,
    .p-splitbutton.p-button-contrast>.p-button.p-button-outlined {
        background-color: transparent;
        color: #1f2937;
        border: 1px solid
    }

    .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover,
    .p-button-group.p-button-contrast>.p-button.p-button-outlined:not(:disabled):hover,
    .p-splitbutton.p-button-contrast>.p-button.p-button-outlined:not(:disabled):hover {
        background: #1f29370a;
        color: #1f2937;
        border: 1px solid
    }

    .p-button.p-button-contrast.p-button-outlined:not(:disabled):active,
    .p-button-group.p-button-contrast>.p-button.p-button-outlined:not(:disabled):active,
    .p-splitbutton.p-button-contrast>.p-button.p-button-outlined:not(:disabled):active {
        background: #1f293729;
        color: #1f2937;
        border: 1px solid
    }

    .p-button.p-button-contrast.p-button-text,
    .p-button-group.p-button-contrast>.p-button.p-button-text,
    .p-splitbutton.p-button-contrast>.p-button.p-button-text {
        background-color: transparent;
        color: #1f2937;
        border-color: transparent
    }

    .p-button.p-button-contrast.p-button-text:not(:disabled):hover,
    .p-button-group.p-button-contrast>.p-button.p-button-text:not(:disabled):hover,
    .p-splitbutton.p-button-contrast>.p-button.p-button-text:not(:disabled):hover {
        background: #1f29370a;
        border-color: transparent;
        color: #1f2937
    }

    .p-button.p-button-contrast.p-button-text:not(:disabled):active,
    .p-button-group.p-button-contrast>.p-button.p-button-text:not(:disabled):active,
    .p-splitbutton.p-button-contrast>.p-button.p-button-text:not(:disabled):active {
        background: #1f293729;
        border-color: transparent;
        color: #1f2937
    }

    .p-button.p-button-link {
        color: #1d4ed8;
        background: transparent;
        border: transparent
    }

    .p-button.p-button-link:not(:disabled):hover {
        background: transparent;
        color: #1d4ed8;
        border-color: transparent
    }

    .p-button.p-button-link:not(:disabled):hover .p-button-label {
        text-decoration: underline
    }

    .p-button.p-button-link:not(:disabled):focus {
        background: transparent;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: transparent
    }

    .p-button.p-button-link:not(:disabled):active {
        background: transparent;
        color: #1d4ed8;
        border-color: transparent
    }

    .p-speeddial-button.p-button.p-button-icon-only {
        width: 4rem;
        height: 4rem
    }

    .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
        font-size: 1.3rem
    }

    .p-speeddial-button.p-button.p-button-icon-only .p-icon {
        width: 1.3rem;
        height: 1.3rem
    }

    .p-speeddial-list {
        outline: 0 none
    }

    .p-speeddial-item.p-focus>.p-speeddial-action {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-speeddial-action {
        width: 3rem;
        height: 3rem;
        background: #4b5563;
        color: #fff
    }

    .p-speeddial-action:hover {
        background: #022354;
        color: #fff
    }

    .p-speeddial-direction-up .p-speeddial-item {
        margin: .25rem 0
    }

    .p-speeddial-direction-up .p-speeddial-item:first-child {
        margin-bottom: .5rem
    }

    .p-speeddial-direction-down .p-speeddial-item {
        margin: .25rem 0
    }

    .p-speeddial-direction-down .p-speeddial-item:first-child {
        margin-top: .5rem
    }

    .p-speeddial-direction-left .p-speeddial-item {
        margin: 0 .25rem
    }

    .p-speeddial-direction-left .p-speeddial-item:first-child {
        margin-right: .5rem
    }

    .p-speeddial-direction-right .p-speeddial-item {
        margin: 0 .25rem
    }

    .p-speeddial-direction-right .p-speeddial-item:first-child {
        margin-left: .5rem
    }

    .p-speeddial-circle .p-speeddial-item,
    .p-speeddial-semi-circle .p-speeddial-item,
    .p-speeddial-quarter-circle .p-speeddial-item {
        margin: 0
    }

    .p-speeddial-circle .p-speeddial-item:first-child,
    .p-speeddial-circle .p-speeddial-item:last-child,
    .p-speeddial-semi-circle .p-speeddial-item:first-child,
    .p-speeddial-semi-circle .p-speeddial-item:last-child,
    .p-speeddial-quarter-circle .p-speeddial-item:first-child,
    .p-speeddial-quarter-circle .p-speeddial-item:last-child {
        margin: 0
    }

    .p-speeddial-mask {
        background-color: #0006
    }

    .p-splitbutton {
        border-radius: 6px
    }

    .p-splitbutton.p-button-rounded {
        border-radius: 2rem
    }

    .p-splitbutton.p-button-rounded>.p-button {
        border-radius: 2rem
    }

    .p-splitbutton.p-button-raised {
        box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
    }

    .p-carousel .p-carousel-content .p-carousel-prev,
    .p-carousel .p-carousel-content .p-carousel-next {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s;
        margin: .5rem
    }

    .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
    .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
    .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-carousel .p-carousel-indicators {
        padding: 1rem
    }

    .p-carousel .p-carousel-indicators .p-carousel-indicator {
        margin-right: .5rem;
        margin-bottom: .5rem
    }

    .p-carousel .p-carousel-indicators .p-carousel-indicator button {
        background-color: #d1d5db;
        width: 2rem;
        height: .5rem;
        transition: background-color .2s, color .2s, box-shadow .2s;
        border-radius: 0
    }

    .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
        background: #9ca3af
    }

    .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-datatable .p-paginator-top,
    .p-datatable .p-paginator-bottom {
        border-width: 0 0 1px 0;
        border-radius: 0
    }

    .p-datatable .p-datatable-header {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 1px 0 1px 0;
        padding: 1rem;
        font-weight: 700
    }

    .p-datatable .p-datatable-footer {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        padding: 1rem;
        font-weight: 700
    }

    .p-datatable .p-datatable-thead>tr>th {
        text-align: left;
        padding: 1rem;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        font-weight: 700;
        color: #374151;
        background: #f9fafb;
        transition: box-shadow .2s
    }

    .p-datatable .p-datatable-tfoot>tr>td {
        text-align: left;
        padding: 1rem;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        font-weight: 700;
        color: #374151;
        background: #f9fafb
    }

    .p-datatable .p-sortable-column .p-sortable-column-icon {
        color: #374151;
        margin-left: .5rem
    }

    .p-datatable .p-sortable-column .p-sortable-column-badge {
        border-radius: 50%;
        height: 1.143rem;
        min-width: 1.143rem;
        line-height: 1.143rem;
        color: #1d4ed8;
        background: #eff6ff;
        margin-left: .5rem
    }

    .p-datatable .p-sortable-column:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #374151
    }

    .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
        color: #374151
    }

    .p-datatable .p-sortable-column.p-highlight {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
        color: #1d4ed8
    }

    .p-datatable .p-sortable-column.p-highlight:hover {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
        color: #1d4ed8
    }

    .p-datatable .p-sortable-column:focus-visible {
        box-shadow: inset 0 0 0 .15rem #bfdbfe;
        outline: 0 none
    }

    .p-datatable .p-datatable-tbody>tr {
        background: #fff;
        color: #4b5563;
        transition: box-shadow .2s
    }

    .p-datatable .p-datatable-tbody>tr>td {
        text-align: left;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        padding: 1rem
    }

    .p-datatable .p-datatable-tbody>tr>td .p-row-toggler,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,
    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save {
        margin-right: .5rem
    }

    .p-datatable .p-datatable-tbody>tr:focus-visible {
        outline: .15rem solid #BFDBFE;
        outline-offset: -.15rem
    }

    .p-datatable .p-datatable-tbody>tr.p-highlight {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
        box-shadow: inset 0 2px #eff6ff
    }

    .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
        box-shadow: inset 0 -2px #eff6ff
    }

    .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-datatable .p-column-resizer-helper {
        background: #3b82f6
    }

    .p-datatable .p-datatable-scrollable-header,
    .p-datatable .p-datatable-scrollable-footer {
        background: #f9fafb
    }

    .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,
    .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,
    .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-scroller-viewport>.p-scroller>.p-datatable-table>.p-datatable-thead,
    .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-scroller-viewport>.p-scroller>.p-datatable-table>.p-datatable-tfoot {
        background-color: #f9fafb
    }

    .p-datatable .p-datatable-loading-icon {
        font-size: 2rem
    }

    .p-datatable.p-datatable-gridlines .p-datatable-header {
        border-width: 1px 1px 0 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-footer {
        border-width: 0 1px 1px 1px
    }

    .p-datatable.p-datatable-gridlines .p-paginator-top {
        border-width: 0 1px 0 1px
    }

    .p-datatable.p-datatable-gridlines .p-paginator-bottom {
        border-width: 0 1px 1px 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th {
        border-width: 1px 0 1px 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child {
        border-width: 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td {
        border-width: 1px 0 0 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child {
        border-width: 1px 1px 0 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td {
        border-width: 1px 0 1px 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child {
        border-width: 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td {
        border-width: 1px 0 1px 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child {
        border-width: 1px 1px 1px 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td {
        border-width: 0 0 1px 1px
    }

    .p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child {
        border-width: 0 1px 1px 1px
    }

    .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td {
        border-width: 0 0 1px 1px
    }

    .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child {
        border-width: 0 1px 1px 1px
    }

    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td {
        border-width: 0 0 0 1px
    }

    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child {
        border-width: 0 1px 0 1px
    }

    .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n) {
        background: #f8f8fa
    }

    .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n).p-highlight {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n).p-highlight .p-row-toggler {
        color: #1d4ed8
    }

    .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n).p-highlight .p-row-toggler:hover {
        color: #1d4ed8
    }

    .p-datatable.p-datatable-sm .p-datatable-header {
        padding: .5rem
    }

    .p-datatable.p-datatable-sm .p-datatable-thead>tr>th {
        padding: .5rem
    }

    .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td {
        padding: .5rem
    }

    .p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td {
        padding: .5rem
    }

    .p-datatable.p-datatable-sm .p-datatable-footer {
        padding: .5rem
    }

    .p-datatable.p-datatable-lg .p-datatable-header {
        padding: 1.25rem
    }

    .p-datatable.p-datatable-lg .p-datatable-thead>tr>th {
        padding: 1.25rem
    }

    .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td {
        padding: 1.25rem
    }

    .p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td {
        padding: 1.25rem
    }

    .p-datatable.p-datatable-lg .p-datatable-footer {
        padding: 1.25rem
    }

    .p-dataview .p-paginator-top,
    .p-dataview .p-paginator-bottom {
        border-width: 0 0 1px 0;
        border-radius: 0
    }

    .p-dataview .p-dataview-header {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 1px 0 1px 0;
        padding: 1rem;
        font-weight: 700
    }

    .p-dataview .p-dataview-content {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        padding: 0
    }

    .p-dataview .p-dataview-footer {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        padding: 1rem;
        font-weight: 700;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-dataview .p-dataview-loading-icon {
        font-size: 2rem
    }

    .p-dataview .p-dataview-emptymessage {
        padding: 1.25rem
    }

    .p-column-filter-row .p-column-filter-menu-button,
    .p-column-filter-row .p-column-filter-clear-button {
        margin-left: .5rem
    }

    .p-column-filter-menu-button {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-column-filter-menu-button:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-column-filter-menu-button.p-column-filter-menu-button-open,
    .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
        background: #f3f4f6;
        color: #374151
    }

    .p-column-filter-menu-button.p-column-filter-menu-button-active,
    .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-column-filter-menu-button:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-column-filter-clear-button {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-column-filter-clear-button:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-column-filter-clear-button:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-column-filter-overlay {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        border-radius: 6px;
        box-shadow: 0 2px 12px #0000001a;
        min-width: 12.5rem
    }

    .p-column-filter-overlay .p-column-filter-row-items {
        padding: .75rem 0
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
        margin: 0;
        padding: .75rem 1.25rem;
        border: 0 none;
        color: #4b5563;
        background: transparent;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
        margin-top: 0
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .15rem #bfdbfe
    }

    .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
        border-top: 1px solid #e5e7eb;
        margin: .25rem 0
    }

    .p-column-filter-overlay-menu .p-column-filter-operator {
        padding: .75rem 1.25rem;
        border-bottom: 1px solid #e5e7eb;
        color: #374151;
        background: #f9fafb;
        margin: 0;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-column-filter-overlay-menu .p-column-filter-constraint {
        padding: 1.25rem;
        border-bottom: 1px solid #e5e7eb
    }

    .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
        margin-bottom: .5rem
    }

    .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
        margin-top: .5rem
    }

    .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
        border-bottom: 0 none
    }

    .p-column-filter-overlay-menu .p-column-filter-add-rule {
        padding: .75rem 1.25rem
    }

    .p-column-filter-overlay-menu .p-column-filter-buttonbar,
    .p-orderlist .p-orderlist-controls {
        padding: 1.25rem
    }

    .p-orderlist .p-orderlist-controls .p-button {
        margin-bottom: .5rem
    }

    .p-orderlist .p-orderlist-list-container {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        outline-color: transparent
    }

    .p-orderlist .p-orderlist-list-container.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-orderlist .p-orderlist-header {
        color: #374151;
        padding: 1.25rem;
        font-weight: 700
    }

    .p-orderlist .p-orderlist-header .p-orderlist-title {
        font-weight: 700
    }

    .p-orderlist .p-orderlist-filter-container {
        padding: 1.25rem;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-bottom: 0 none
    }

    .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
        padding-right: 1.75rem
    }

    .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
        right: .75rem;
        color: #6b7280
    }

    .p-orderlist .p-orderlist-list {
        color: #4b5563;
        padding: .75rem 0;
        outline: 0 none
    }

    .p-orderlist .p-orderlist-list:not(:first-child) {
        border-top: 1px solid #e5e7eb
    }

    .p-orderlist .p-orderlist-list .p-orderlist-item {
        padding: .75rem 1.25rem;
        margin: 0;
        border: 0 none;
        color: #4b5563;
        background: transparent;
        transition: box-shadow .2s
    }

    .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
        margin-top: 0
    }

    .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
        background: #3b82f63d
    }

    .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
        padding: .75rem 1.25rem;
        color: #4b5563
    }

    .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(2n) {
        background: #f8f8fa
    }

    .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(2n):hover {
        background: #f3f4f6
    }

    .p-orderlist-item.cdk-drag-preview {
        padding: .75rem 1.25rem;
        box-shadow: 0 2px 12px #0000001a;
        border: 0 none;
        color: #4b5563;
        background: #fff;
        margin: 0
    }

    .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-organizationchart .p-organizationchart-node-content.p-highlight {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
        color: #70aeff
    }

    .p-organizationchart .p-organizationchart-line-down {
        background: #e5e7eb
    }

    .p-organizationchart .p-organizationchart-line-left {
        border-right: 1px solid #e5e7eb;
        border-color: #e5e7eb
    }

    .p-organizationchart .p-organizationchart-line-top {
        border-top: 1px solid #e5e7eb;
        border-color: #e5e7eb
    }

    .p-organizationchart .p-organizationchart-node-content {
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #4b5563;
        padding: 1.25rem
    }

    .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
        background: inherit;
        color: inherit;
        border-radius: 50%
    }

    .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-paginator {
        background: #fff;
        color: #6b7280;
        border: solid #f3f4f6;
        border-width: 0;
        padding: .5rem 1rem;
        border-radius: 6px
    }

    .p-paginator .p-paginator-first,
    .p-paginator .p-paginator-prev,
    .p-paginator .p-paginator-next,
    .p-paginator .p-paginator-last {
        background-color: transparent;
        border: 0 none;
        color: #6b7280;
        min-width: 3rem;
        height: 3rem;
        margin: .143rem;
        transition: box-shadow .2s;
        border-radius: 50%
    }

    .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
    .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
    .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
    .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
        background: #f3f4f6;
        border-color: transparent;
        color: #374151
    }

    .p-paginator .p-paginator-first {
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%
    }

    .p-paginator .p-paginator-last {
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%
    }

    .p-paginator .p-dropdown {
        margin-left: .5rem;
        margin-right: .5rem;
        height: 3rem
    }

    .p-paginator .p-dropdown .p-dropdown-label {
        padding-right: 0
    }

    .p-paginator .p-paginator-page-input {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .p-paginator .p-paginator-page-input .p-inputtext {
        max-width: 3rem
    }

    .p-paginator .p-paginator-current {
        background-color: transparent;
        border: 0 none;
        color: #6b7280;
        min-width: 3rem;
        height: 3rem;
        margin: .143rem;
        padding: 0 .5rem
    }

    .p-paginator .p-paginator-pages .p-paginator-page {
        background-color: transparent;
        border: 0 none;
        color: #6b7280;
        min-width: 3rem;
        height: 3rem;
        margin: .143rem;
        transition: box-shadow .2s;
        border-radius: 50%
    }

    .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
        background: #eff6ff;
        border-color: #eff6ff;
        color: #1d4ed8
    }

    .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
        background: #f3f4f6;
        border-color: transparent;
        color: #374151
    }

    .p-picklist .p-picklist-buttons {
        padding: 1.25rem
    }

    .p-picklist .p-picklist-buttons .p-button {
        margin-bottom: .5rem
    }

    .p-picklist .p-picklist-list-wrapper {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
        outline-color: transparent
    }

    .p-picklist .p-picklist-list-wrapper.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe;
        border-color: #3b82f6
    }

    .p-picklist .p-picklist-header {
        color: #374151;
        padding: 1.25rem;
        font-weight: 700
    }

    .p-picklist .p-picklist-header .p-picklist-title {
        font-weight: 700
    }

    .p-picklist .p-picklist-filter-container {
        padding: 1.25rem;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-bottom: 0 none
    }

    .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
        padding-right: 1.75rem
    }

    .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
        right: .75rem;
        color: #6b7280
    }

    .p-picklist .p-picklist-list {
        color: #4b5563;
        padding: .75rem 0;
        outline: 0 none
    }

    .p-picklist .p-picklist-list:not(:first-child) {
        border-top: 1px solid #e5e7eb
    }

    .p-picklist .p-picklist-list .p-picklist-item {
        padding: .75rem 1.25rem;
        margin: 0;
        border: 0 none;
        color: #4b5563;
        background: transparent;
        transition: box-shadow .2s
    }

    .p-picklist .p-picklist-list .p-picklist-item:first-child {
        margin-top: 0
    }

    .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-picklist .p-picklist-list .p-picklist-item.p-focus {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
        background: #3b82f63d
    }

    .p-picklist .p-picklist-list .p-picklist-empty-message {
        padding: .75rem 1.25rem;
        color: #4b5563
    }

    .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(2n) {
        background: #f8f8fa
    }

    .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(2n):hover {
        background: #f3f4f6
    }

    .p-picklist-item.cdk-drag-preview {
        padding: .75rem 1.25rem;
        box-shadow: 0 2px 12px #0000001a;
        border: 0 none;
        color: #4b5563;
        background: #fff;
        margin: 0
    }

    .p-timeline .p-timeline-event-marker {
        border: 2px solid #3B82F6;
        border-radius: 50%;
        width: 1rem;
        height: 1rem;
        background-color: #fff
    }

    .p-timeline .p-timeline-event-connector {
        background-color: #e5e7eb
    }

    .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
    .p-timeline.p-timeline-vertical .p-timeline-event-content {
        padding: 0 1rem
    }

    .p-timeline.p-timeline-vertical .p-timeline-event-connector {
        width: 2px
    }

    .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
    .p-timeline.p-timeline-horizontal .p-timeline-event-content {
        padding: 1rem 0
    }

    .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
        height: 2px
    }

    .p-tree {
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #4b5563;
        padding: 1.25rem;
        border-radius: 6px
    }

    .p-tree .p-tree-container .p-treenode {
        padding: .143rem;
        outline: 0 none
    }

    .p-tree .p-tree-container .p-treenode:focus>.p-treenode-content {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .15rem #bfdbfe
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content {
        border-radius: 6px;
        transition: box-shadow .2s;
        padding: .5rem
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
        margin-right: .5rem;
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
        margin-right: .5rem;
        color: #6b7280
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
        margin-right: .5rem
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
        color: #4b5563
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
        background-color: #f3f4f6
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
        background: #3b82f6
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
        background-color: #f3f4f6
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
        background: #1d4ed8
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
    .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon,
    .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
    .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
        color: #1d4ed8
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-tree .p-tree-filter-container {
        margin-bottom: .5rem
    }

    .p-tree .p-tree-filter-container .p-tree-filter {
        width: 100%;
        padding-right: 1.75rem
    }

    .p-tree .p-tree-filter-container .p-tree-filter-icon {
        right: .75rem;
        color: #6b7280
    }

    .p-tree .p-treenode-children {
        padding: 0 0 0 1rem
    }

    .p-tree .p-tree-loading-icon {
        font-size: 2rem
    }

    .p-tree .p-tree-loading-icon.p-icon {
        width: 2rem;
        height: 2rem
    }

    .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
        background-color: #8cbeff
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
        border-radius: 6px;
        border: 1px solid #e5e7eb;
        background-color: #fff;
        color: #4b5563;
        padding: .5rem;
        transition: box-shadow .2s
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
        background-color: #eff6ff;
        color: #1d4ed8
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
        color: #1d4ed8
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
        margin-right: .5rem
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
        margin-right: .5rem
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
        background-color: inherit;
        color: inherit
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-treetable .p-paginator-top,
    .p-treetable .p-paginator-bottom {
        border-width: 0 0 1px 0;
        border-radius: 0
    }

    .p-treetable .p-treetable-header {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 1px 0 1px 0;
        padding: 1rem;
        font-weight: 700
    }

    .p-treetable .p-treetable-footer {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        padding: 1rem;
        font-weight: 700
    }

    .p-treetable .p-treetable-thead>tr>th {
        text-align: left;
        padding: 1rem;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        font-weight: 700;
        color: #374151;
        background: #f9fafb;
        transition: box-shadow .2s
    }

    .p-treetable .p-treetable-tfoot>tr>td {
        text-align: left;
        padding: 1rem;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        font-weight: 700;
        color: #374151;
        background: #f9fafb
    }

    .p-treetable .p-sortable-column {
        outline-color: #bfdbfe
    }

    .p-treetable .p-sortable-column .p-sortable-column-icon {
        color: #374151;
        margin-left: .5rem
    }

    .p-treetable .p-sortable-column .p-sortable-column-badge {
        border-radius: 50%;
        height: 1.143rem;
        min-width: 1.143rem;
        line-height: 1.143rem;
        color: #1d4ed8;
        background: #eff6ff;
        margin-left: .5rem
    }

    .p-treetable .p-sortable-column:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #374151
    }

    .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
        color: #374151
    }

    .p-treetable .p-sortable-column.p-highlight {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
        color: #1d4ed8
    }

    .p-treetable .p-treetable-tbody>tr {
        background: #fff;
        color: #4b5563;
        transition: box-shadow .2s
    }

    .p-treetable .p-treetable-tbody>tr>td {
        text-align: left;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        padding: 1rem
    }

    .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s;
        margin-right: .5rem
    }

    .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler.p-icon {
        width: 2rem;
        height: 2rem
    }

    .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox {
        margin-right: .5rem
    }

    .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
        color: #4b5563
    }

    .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
        background-color: #f3f4f6
    }

    .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
        background: #3b82f6
    }

    .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
        background-color: #f3f4f6
    }

    .p-treetable .p-treetable-tbody>tr>td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
        background: #1d4ed8
    }

    .p-treetable .p-treetable-tbody>tr:focus-visible {
        outline: .15rem solid #BFDBFE;
        outline-offset: -.15rem
    }

    .p-treetable .p-treetable-tbody>tr.p-highlight {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler {
        color: #1d4ed8
    }

    .p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler:hover {
        color: #1d4ed8
    }

    .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover .p-treetable-toggler {
        color: #4b5563
    }

    .p-treetable .p-column-resizer-helper {
        background: #3b82f6
    }

    .p-treetable .p-treetable-scrollable-header,
    .p-treetable .p-treetable-scrollable-footer {
        background: #f9fafb
    }

    .p-treetable .p-treetable-loading-icon {
        font-size: 2rem
    }

    .p-treetable .p-treetable-loading-icon.p-icon {
        width: 2rem;
        height: 2rem
    }

    .p-treetable.p-treetable-gridlines .p-datatable-header {
        border-width: 1px 1px 0 1px
    }

    .p-treetable.p-treetable-gridlines .p-treetable-footer {
        border-width: 0 1px 1px 1px
    }

    .p-treetable.p-treetable-gridlines .p-treetable-top {
        border-width: 0 1px 0 1px
    }

    .p-treetable.p-treetable-gridlines .p-treetable-bottom {
        border-width: 0 1px 1px 1px
    }

    .p-treetable.p-treetable-gridlines .p-treetable-thead>tr>th {
        border-width: 1px
    }

    .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td {
        border-width: 1px
    }

    .p-treetable.p-treetable-gridlines .p-treetable-tfoot>tr>td {
        border-width: 1px
    }

    .p-treetable.p-treetable-sm .p-treetable-header {
        padding: .875rem
    }

    .p-treetable.p-treetable-sm .p-treetable-thead>tr>th {
        padding: .5rem
    }

    .p-treetable.p-treetable-sm .p-treetable-tbody>tr>td {
        padding: .5rem
    }

    .p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td {
        padding: .5rem
    }

    .p-treetable.p-treetable-sm .p-treetable-footer {
        padding: .5rem
    }

    .p-treetable.p-treetable-lg .p-treetable-header {
        padding: 1.25rem
    }

    .p-treetable.p-treetable-lg .p-treetable-thead>tr>th {
        padding: 1.25rem
    }

    .p-treetable.p-treetable-lg .p-treetable-tbody>tr>td {
        padding: 1.25rem
    }

    .p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td {
        padding: 1.25rem
    }

    .p-treetable.p-treetable-lg .p-treetable-footer {
        padding: 1.25rem
    }

    .p-virtualscroller .p-virtualscroller-header {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 1px 0 1px 0;
        padding: 1rem;
        font-weight: 700
    }

    .p-virtualscroller .p-virtualscroller-content {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        padding: 0
    }

    .p-virtualscroller .p-virtualscroller-footer {
        background: #f9fafb;
        color: #374151;
        border: 1px solid #e5e7eb;
        border-width: 0 0 1px 0;
        padding: 1rem;
        font-weight: 700;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-accordion .p-accordion-header .p-accordion-header-link {
        padding: 1.25rem;
        border: 1px solid #e5e7eb;
        color: #6b7280;
        background: #f9fafb;
        font-weight: 700;
        border-radius: 6px;
        transition: box-shadow .2s
    }

    .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
        margin-right: .5rem
    }

    .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .2rem #bfdbfe
    }

    .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
        background: #f3f4f6;
        border-color: #e5e7eb;
        color: #374151
    }

    .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
        background: #f9fafb;
        border-color: #e5e7eb;
        color: #374151;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
        border-color: #e5e7eb;
        background: #f3f4f6;
        color: #374151
    }

    .p-accordion .p-accordion-content {
        padding: 1.25rem;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #4b5563;
        border-top: 0;
        border-radius: 0 0 6px 6px
    }

    .p-accordion p-accordiontab .p-accordion-tab {
        margin-bottom: 4px
    }

    .p-card {
        background: #fff;
        color: #4b5563;
        box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
        border-radius: 6px
    }

    .p-card .p-card-body {
        padding: 1.25rem
    }

    .p-card .p-card-title {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: .5rem
    }

    .p-card .p-card-subtitle {
        font-weight: 400;
        margin-bottom: .5rem;
        color: #6b7280
    }

    .p-card .p-card-content {
        padding: 1.25rem 0
    }

    .p-card .p-card-footer {
        padding: 1.25rem 0 0
    }

    .p-divider .p-divider-content {
        background-color: #fff
    }

    .p-divider.p-divider-horizontal {
        margin: 1.25rem 0;
        padding: 0 1.25rem
    }

    .p-divider.p-divider-horizontal:before {
        border-top: 1px #e5e7eb
    }

    .p-divider.p-divider-horizontal .p-divider-content {
        padding: 0 .5rem
    }

    .p-divider.p-divider-vertical {
        margin: 0 1.25rem;
        padding: 1.25rem 0
    }

    .p-divider.p-divider-vertical:before {
        border-left: 1px #e5e7eb
    }

    .p-divider.p-divider-vertical .p-divider-content {
        padding: .5rem 0
    }

    .p-fieldset {
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #4b5563;
        border-radius: 6px
    }

    .p-fieldset .p-fieldset-legend {
        padding: 1.25rem;
        border: 1px solid #e5e7eb;
        color: #374151;
        background: #f9fafb;
        font-weight: 700;
        border-radius: 6px
    }

    .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
        padding: 0;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
        padding: 1.25rem;
        color: #374151;
        border-radius: 6px;
        transition: box-shadow .2s
    }

    .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
        margin-right: .5rem
    }

    .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
        background: #f3f4f6;
        border-color: #e5e7eb;
        color: #374151
    }

    .p-fieldset .p-fieldset-content {
        padding: 1.25rem
    }

    .p-panel .p-panel-header {
        border: 1px solid #e5e7eb;
        padding: 1.25rem;
        background: #f9fafb;
        color: #374151;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-panel .p-panel-header .p-panel-title {
        font-weight: 700
    }

    .p-panel .p-panel-header .p-panel-header-icon {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-panel.p-panel-toggleable .p-panel-header {
        padding: .75rem 1.25rem
    }

    .p-panel .p-panel-content {
        padding: 1.25rem;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #4b5563;
        border-top: 0 none
    }

    .p-panel .p-panel-content:last-child {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .p-panel .p-panel-footer {
        padding: .75rem 1.25rem;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #4b5563;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-top: 0 none
    }

    .p-panel .p-panel-icons-end {
        order: 2;
        margin-left: auto
    }

    .p-panel .p-panel-icons-start {
        order: 0;
        margin-right: .5rem
    }

    .p-panel .p-panel-icons-center {
        order: 2;
        width: 100%;
        text-align: center
    }

    .p-scrollpanel .p-scrollpanel-bar {
        background: #f9fafb;
        border: 0 none;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-scrollpanel .p-scrollpanel-bar:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-splitter {
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 6px;
        color: #4b5563
    }

    .p-splitter .p-splitter-gutter {
        transition: background-color .2s, color .2s, box-shadow .2s;
        background: #f9fafb
    }

    .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
        background: #e5e7eb
    }

    .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-splitter .p-splitter-gutter-resizing {
        background: #e5e7eb
    }

    .p-tabview .p-tabview-nav-content {
        scroll-padding-inline: 3rem
    }

    .p-tabview .p-tabview-nav {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-width: 0 0 2px 0
    }

    .p-tabview .p-tabview-nav li {
        margin-right: 0
    }

    .p-tabview .p-tabview-nav li .p-tabview-nav-link {
        border: solid #e5e7eb;
        border-width: 0 0 2px 0;
        border-color: transparent transparent #e5e7eb transparent;
        background: #fff;
        color: #6b7280;
        padding: 1.25rem;
        font-weight: 700;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        transition: box-shadow .2s;
        margin: 0 0 -2px
    }

    .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .2rem #bfdbfe
    }

    .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
        background: #fff;
        border-color: #9ca3af;
        color: #6b7280
    }

    .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
        background: #fff;
        border-color: #3b82f6;
        color: #3b82f6
    }

    .p-tabview .p-tabview-left-icon {
        margin-right: .5rem
    }

    .p-tabview .p-tabview-right-icon,
    .p-tabview .p-tabview-close {
        margin-left: .5rem
    }

    .p-tabview .p-tabview-nav-btn.p-link {
        background: #fff;
        color: #3b82f6;
        width: 3rem;
        box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
        border-radius: 0
    }

    .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .2rem #bfdbfe
    }

    .p-tabview .p-tabview-panels {
        background: #fff;
        padding: 1.25rem;
        border: 0 none;
        color: #4b5563;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .p-toolbar {
        background: #f9fafb;
        border: 1px solid #e5e7eb;
        padding: 1.25rem;
        border-radius: 6px;
        gap: .5rem
    }

    .p-toolbar .p-toolbar-separator {
        margin: 0 .5rem
    }

    .p-stepper .p-stepper-nav {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow-x: auto
    }

    .p-stepper-vertical .p-stepper-nav {
        flex-direction: column
    }

    .p-stepper-header {
        position: relative;
        display: flex;
        flex: 1 1 auto;
        align-items: center
    }

    .p-stepper-header:last-of-type {
        flex: initial
    }

    .p-stepper-header .p-stepper-action {
        border: 0 none;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        cursor: pointer
    }

    .p-stepper-header .p-stepper-action:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-stepper.p-stepper-readonly .p-stepper-header {
        cursor: auto
    }

    .p-stepper-header.p-highlight .p-stepper-action {
        cursor: default
    }

    .p-stepper-title {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%
    }

    .p-stepper-number {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .p-stepper-separator {
        flex: 1 1 0
    }

    .p-stepper .p-stepper-nav {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .p-stepper .p-stepper-header {
        padding: .5rem
    }

    .p-stepper .p-stepper-header .p-stepper-action {
        transition: box-shadow .2s;
        border-radius: 6px;
        background: #fff;
        outline-color: transparent
    }

    .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
        color: #4b5563;
        border: 1px solid #f3f4f6;
        border-width: 2px;
        background: #fff;
        min-width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.143rem;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
        margin-left: .5rem;
        color: #6b7280;
        font-weight: 700;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
        color: #4b5563
    }

    .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-stepper .p-stepper-header:has(~.p-highlight) .p-stepper-separator {
        background-color: #3b82f6
    }

    .p-stepper .p-stepper-panels {
        background: #fff;
        padding: 1.25rem;
        color: #4b5563
    }

    .p-stepper .p-stepper-separator {
        background-color: #e5e7eb;
        width: 100%;
        height: 2px;
        margin-inline-start: 1rem;
        transition: box-shadow .2s
    }

    .p-stepper.p-stepper-vertical {
        display: flex;
        flex-direction: column
    }

    .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
        display: flex;
        flex: 1 1 auto;
        background: #fff;
        color: #4b5563
    }

    .p-stepper.p-stepper-vertical .p-stepper-panel {
        display: flex;
        flex-direction: column;
        flex: initial
    }

    .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
        flex: 1 1 auto
    }

    .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
        flex: initial
    }

    .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
        width: 100%;
        padding-left: 1rem
    }

    .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
        flex: 0 0 auto;
        width: 2px;
        height: auto;
        margin-inline-start: calc(1.75rem + 2px)
    }

    .p-stepper.p-stepper-vertical .p-stepper-panel:has(~.p-stepper-panel-active) .p-stepper-separator {
        background-color: #3b82f6
    }

    .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
        padding-left: 3rem
    }

    .p-confirm-popup {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        border-radius: 6px;
        box-shadow: 0 1px 3px #0000004d
    }

    .p-confirm-popup .p-confirm-popup-content {
        padding: 1.25rem
    }

    .p-confirm-popup .p-confirm-popup-footer {
        text-align: right;
        padding: .75rem 1.25rem
    }

    .p-confirm-popup .p-confirm-popup-footer button {
        margin: 0 .5rem 0 0;
        width: auto
    }

    .p-confirm-popup .p-confirm-popup-footer button:last-child {
        margin: 0
    }

    .p-confirm-popup:after {
        border: solid transparent;
        border-color: #fff0;
        border-bottom-color: #fff
    }

    .p-confirm-popup:before {
        border: solid transparent;
        border-color: #fff0;
        border-bottom-color: #fff
    }

    .p-confirm-popup.p-confirm-popup-flipped:after {
        border-top-color: #fff
    }

    .p-confirm-popup.p-confirm-popup-flipped:before {
        border-top-color: #fff
    }

    .p-confirm-popup .p-confirm-popup-icon {
        font-size: 1.5rem
    }

    .p-confirm-popup .p-confirm-popup-icon.p-icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .p-confirm-popup .p-confirm-popup-message {
        margin-left: 1rem
    }

    .p-dialog {
        border-radius: 6px;
        box-shadow: 0 1px 3px #0000004d;
        border: 0 none
    }

    .p-dialog .p-dialog-header {
        border-bottom: 0 none;
        background: #fff;
        color: #374151;
        padding: 1.5rem;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-dialog .p-dialog-header .p-dialog-title {
        font-weight: 700;
        font-size: 1.25rem
    }

    .p-dialog .p-dialog-header .p-dialog-header-icon {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s;
        margin-right: .5rem
    }

    .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
        margin-right: 0
    }

    .p-dialog .p-dialog-content {
        background: #fff;
        color: #4b5563;
        padding: 0 1.5rem 2rem
    }

    .p-dialog .p-dialog-content:last-of-type {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .p-dialog .p-dialog-footer {
        border-top: 0 none;
        background: #fff;
        color: #4b5563;
        padding: 0 1.5rem 1.5rem;
        text-align: right;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .p-dialog .p-dialog-footer button {
        margin: 0 .5rem 0 0;
        width: auto
    }

    .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
        font-size: 2rem
    }

    .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
        width: 2rem;
        height: 2rem
    }

    .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
        margin-left: 1rem
    }

    .p-overlaypanel {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        border-radius: 6px;
        box-shadow: 0 1px 3px #0000004d
    }

    .p-overlaypanel .p-overlaypanel-content {
        padding: 1.25rem
    }

    .p-overlaypanel .p-overlaypanel-close {
        background: #3b82f6;
        color: #fff;
        width: 2rem;
        height: 2rem;
        transition: background-color .2s, color .2s, box-shadow .2s;
        border-radius: 50%;
        position: absolute;
        top: -1rem;
        right: -1rem
    }

    .p-overlaypanel .p-overlaypanel-close:enabled:hover {
        background: #2563eb;
        color: #fff
    }

    .p-overlaypanel:after {
        border: solid transparent;
        border-color: #fff0;
        border-bottom-color: #fff
    }

    .p-overlaypanel:before {
        border: solid transparent;
        border-color: #fff0;
        border-bottom-color: #f2f2f2
    }

    .p-overlaypanel.p-overlaypanel-flipped:after {
        border-top-color: #fff
    }

    .p-overlaypanel.p-overlaypanel-flipped:before {
        border-top-color: #fff
    }

    .p-sidebar {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        box-shadow: 0 1px 3px #0000004d
    }

    .p-sidebar .p-sidebar-header {
        padding: 1.25rem
    }

    .p-sidebar .p-sidebar-header .p-sidebar-close,
    .p-sidebar .p-sidebar-header .p-sidebar-icon {
        width: 2rem;
        height: 2rem;
        color: #6b7280;
        border: 0 none;
        background: transparent;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
    .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
        color: #374151;
        border-color: transparent;
        background: #f3f4f6
    }

    .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
    .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-sidebar .p-sidebar-header+.p-sidebar-content {
        padding-top: 0
    }

    .p-sidebar .p-sidebar-content,
    .p-sidebar .p-sidebar-footer {
        padding: 1.25rem
    }

    .p-tooltip .p-tooltip-text {
        background: #4b5563;
        color: #fff;
        padding: .75rem;
        box-shadow: 0 2px 12px #0000001a;
        border-radius: 6px
    }

    .p-tooltip.p-tooltip-right .p-tooltip-arrow {
        border-right-color: #4b5563
    }

    .p-tooltip.p-tooltip-left .p-tooltip-arrow {
        border-left-color: #4b5563
    }

    .p-tooltip.p-tooltip-top .p-tooltip-arrow {
        border-top-color: #4b5563
    }

    .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
        border-bottom-color: #4b5563
    }

    .p-fileupload .p-fileupload-buttonbar {
        background: #f9fafb;
        padding: 1.25rem;
        border: 1px solid #e5e7eb;
        color: #374151;
        border-bottom: 0 none;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-fileupload .p-fileupload-buttonbar .p-button {
        margin-right: .5rem
    }

    .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-fileupload .p-fileupload-content {
        background: #fff;
        padding: 2rem 1rem;
        border: 1px solid #e5e7eb;
        color: #4b5563;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .p-fileupload .p-fileupload-content.p-fileupload-highlight {
        border-color: 1px dashed #3B82F6;
        border-style: dashed;
        background-color: #eff6ff
    }

    .p-fileupload .p-progressbar {
        height: .25rem
    }

    .p-fileupload .p-fileupload-row>div {
        padding: 1rem
    }

    .p-fileupload.p-fileupload-advanced .p-message {
        margin-top: 0
    }

    .p-fileupload-choose:not(.p-disabled):hover {
        background: #2563eb;
        color: #fff;
        border-color: #2563eb
    }

    .p-fileupload-choose:not(.p-disabled):active {
        background: #1d4ed8;
        color: #fff;
        border-color: #1d4ed8
    }

    .p-breadcrumb {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        padding: 1rem
    }

    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
        transition: box-shadow .2s;
        border-radius: 6px
    }

    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
        color: #6b7280
    }

    .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
        margin: 0 .5rem;
        color: #4b5563
    }

    .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
        color: #4b5563
    }

    .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
        color: #6b7280
    }

    .p-contextmenu {
        padding: .5rem 0;
        background: #fff;
        color: #4b5563;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a;
        border-radius: 6px;
        width: 12.5rem
    }

    .p-contextmenu .p-contextmenu-root-list {
        outline: 0 none
    }

    .p-contextmenu .p-submenu-list {
        padding: .5rem 0;
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a;
        border-radius: 6px
    }

    .p-contextmenu .p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
        color: #4b5563;
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #1d4ed8
    }

    .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #1d4ed8
    }

    .p-contextmenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
        background: #3b82f63d
    }

    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #4b5563
    }

    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-contextmenu .p-menuitem-separator {
        border-top: 1px solid #e5e7eb;
        margin: .25rem 0
    }

    .p-contextmenu .p-submenu-icon {
        font-size: .875rem
    }

    .p-contextmenu .p-submenu-icon.p-icon {
        width: .875rem;
        height: .875rem
    }

    .p-dock .p-dock-list-container {
        background: #ffffff1a;
        border: 1px solid rgba(255, 255, 255, .2);
        padding: .5rem;
        border-radius: .5rem
    }

    .p-dock .p-dock-list-container .p-dock-list {
        outline: 0 none
    }

    .p-dock .p-dock-item {
        padding: .5rem;
        border-radius: 6px
    }

    .p-dock .p-dock-item.p-focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .15rem #bfdbfe
    }

    .p-dock .p-dock-link {
        width: 4rem;
        height: 4rem
    }

    .p-dock.p-dock-top .p-dock-item-second-prev,
    .p-dock.p-dock-top .p-dock-item-second-next,
    .p-dock.p-dock-bottom .p-dock-item-second-prev,
    .p-dock.p-dock-bottom .p-dock-item-second-next {
        margin: 0 .9rem
    }

    .p-dock.p-dock-top .p-dock-item-prev,
    .p-dock.p-dock-top .p-dock-item-next,
    .p-dock.p-dock-bottom .p-dock-item-prev,
    .p-dock.p-dock-bottom .p-dock-item-next {
        margin: 0 1.3rem
    }

    .p-dock.p-dock-top .p-dock-item-current,
    .p-dock.p-dock-bottom .p-dock-item-current {
        margin: 0 1.5rem
    }

    .p-dock.p-dock-left .p-dock-item-second-prev,
    .p-dock.p-dock-left .p-dock-item-second-next,
    .p-dock.p-dock-right .p-dock-item-second-prev,
    .p-dock.p-dock-right .p-dock-item-second-next {
        margin: .9rem 0
    }

    .p-dock.p-dock-left .p-dock-item-prev,
    .p-dock.p-dock-left .p-dock-item-next,
    .p-dock.p-dock-right .p-dock-item-prev,
    .p-dock.p-dock-right .p-dock-item-next {
        margin: 1.3rem 0
    }

    .p-dock.p-dock-left .p-dock-item-current,
    .p-dock.p-dock-right .p-dock-item-current {
        margin: 1.5rem 0
    }

    @media screen and (max-width: 960px) {

        .p-dock.p-dock-top .p-dock-list-container,
        .p-dock.p-dock-bottom .p-dock-list-container {
            overflow-x: auto;
            width: 100%
        }

        .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
        .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
            margin: 0 auto
        }

        .p-dock.p-dock-left .p-dock-list-container,
        .p-dock.p-dock-right .p-dock-list-container {
            overflow-y: auto;
            height: 100%
        }

        .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
        .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
            margin: auto 0
        }

        .p-dock .p-dock-list .p-dock-item {
            transform: none;
            margin: 0
        }
    }

    .p-megamenu {
        padding: .5rem;
        background: #f9fafb;
        color: #4b5563;
        border: 1px solid #e5e7eb;
        border-radius: 6px
    }

    .p-megamenu .p-megamenu-root-list {
        outline: 0 none
    }

    .p-megamenu .p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
        color: #4b5563;
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #1d4ed8
    }

    .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #1d4ed8
    }

    .p-megamenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
        background: #3b82f63d
    }

    .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #4b5563
    }

    .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-megamenu .p-megamenu-panel {
        background: #fff;
        color: #4b5563;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a;
        border-radius: 6px
    }

    .p-megamenu .p-submenu-header {
        margin: 0;
        padding: .75rem 1.25rem;
        color: #374151;
        background: #fff;
        font-weight: 700;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .p-megamenu .p-submenu-list {
        padding: .5rem 0;
        width: 12.5rem
    }

    .p-megamenu .p-submenu-list .p-menuitem-separator {
        border-top: 1px solid #e5e7eb;
        margin: .25rem 0
    }

    .p-megamenu.p-megamenu-vertical {
        width: 12.5rem;
        padding: .5rem 0
    }

    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 6px
    }

    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link {
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280;
        margin-left: .5rem
    }

    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-menu {
        padding: .5rem 0;
        background: #fff;
        color: #4b5563;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        width: 12.5rem
    }

    .p-menu .p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link {
        color: #4b5563;
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-menu .p-menuitem.p-highlight>.p-menuitem-content {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #1d4ed8
    }

    .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #1d4ed8
    }

    .p-menu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
        background: #3b82f63d
    }

    .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #4b5563
    }

    .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-menu.p-menu-overlay {
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-menu .p-submenu-header {
        margin: 0;
        padding: .75rem 1.25rem;
        color: #374151;
        background: #fff;
        font-weight: 700;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .p-menu .p-menuitem-separator {
        border-top: 1px solid #e5e7eb;
        margin: .25rem 0
    }

    .p-menu .p-menuitem-badge {
        background: #3b82f6;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 6px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .p-menubar {
        padding: .5rem;
        background: #f9fafb;
        color: #4b5563;
        border: 1px solid #e5e7eb;
        border-radius: 6px
    }

    .p-menubar .p-menubar-root-list {
        outline: 0 none
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 6px
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link {
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280;
        margin-left: .5rem
    }

    .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-menubar .p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link {
        color: #4b5563;
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-menubar .p-menuitem.p-highlight>.p-menuitem-content {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #1d4ed8
    }

    .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #1d4ed8
    }

    .p-menubar .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
        background: #3b82f63d
    }

    .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #4b5563
    }

    .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-menubar .p-submenu-list {
        padding: .5rem 0;
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a;
        width: 12.5rem;
        border-radius: 6px
    }

    .p-menubar .p-submenu-list .p-menuitem-separator {
        border-top: 1px solid #e5e7eb;
        margin: .25rem 0
    }

    .p-menubar .p-submenu-list .p-submenu-icon {
        font-size: .875rem
    }

    @media screen and (max-width: 960px) {
        .p-menubar {
            position: relative
        }

        .p-menubar .p-menubar-button {
            display: flex;
            width: 2rem;
            height: 2rem;
            color: #6b7280;
            border-radius: 50%;
            transition: background-color .2s, color .2s, box-shadow .2s
        }

        .p-menubar .p-menubar-button:hover {
            color: #6b7280;
            background: #f3f4f6
        }

        .p-menubar .p-menubar-button:focus {
            outline: 0 none;
            outline-offset: 0;
            box-shadow: 0 0 0 .2rem #bfdbfe
        }

        .p-menubar .p-menubar-root-list {
            position: absolute;
            display: none;
            padding: .5rem 0;
            background: #fff;
            border: 0 none;
            box-shadow: 0 2px 12px #0000001a;
            width: 100%
        }

        .p-menubar .p-menubar-root-list .p-menuitem-separator {
            border-top: 1px solid #e5e7eb;
            margin: .25rem 0
        }

        .p-menubar .p-menubar-root-list .p-submenu-icon {
            font-size: .875rem
        }

        .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
            margin-left: auto;
            transition: transform .2s
        }

        .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active>.p-menuitem-content>.p-menuitem-link>.p-submenu-icon {
            transform: rotate(-180deg)
        }

        .p-menubar .p-menubar-root-list .p-submenu-list {
            width: 100%;
            position: static;
            box-shadow: none;
            border: 0 none
        }

        .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
            transition: transform .2s;
            transform: rotate(90deg)
        }

        .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active>.p-menuitem-content>.p-menuitem-link>.p-submenu-icon {
            transform: rotate(-90deg)
        }

        .p-menubar .p-menubar-root-list .p-menuitem {
            width: 100%;
            position: static
        }

        .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
            padding-left: 2.25rem
        }

        .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
            padding-left: 3.75rem
        }

        .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
            padding-left: 5.25rem
        }

        .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
            padding-left: 6.75rem
        }

        .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
            padding-left: 8.25rem
        }

        .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
            display: flex;
            flex-direction: column;
            top: 100%;
            left: 0;
            z-index: 1
        }
    }

    .p-panelmenu .p-panelmenu-header {
        outline: 0 none
    }

    .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
        border: 1px solid #e5e7eb;
        color: #6b7280;
        background: #f9fafb;
        border-radius: 6px;
        transition: box-shadow .2s
    }

    .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
        color: #6b7280;
        padding: 1.25rem;
        font-weight: 700
    }

    .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon,
    .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
        margin-right: .5rem
    }

    .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .2rem #bfdbfe
    }

    .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
        background: #f3f4f6;
        border-color: #e5e7eb;
        color: #374151
    }

    .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
        background: #f9fafb;
        border-color: #e5e7eb;
        color: #374151;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        margin-bottom: 0
    }

    .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
        border-color: #e5e7eb;
        background: #f3f4f6;
        color: #374151
    }

    .p-panelmenu .p-panelmenu-content {
        padding: .5rem 0;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #4b5563;
        border-top: 0;
        border-radius: 0 0 6px 6px
    }

    .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
        outline: 0 none
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link {
        color: #4b5563;
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #1d4ed8
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #1d4ed8
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
        background: #3b82f63d
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #4b5563
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
        margin-right: .5rem
    }

    .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
        border-top: 1px solid #e5e7eb;
        margin: .25rem 0
    }

    .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
        padding: 0 0 0 1rem
    }

    .p-panelmenu .p-panelmenu-panel {
        margin-bottom: 4px
    }

    .p-slidemenu {
        padding: .5rem 0;
        background: #fff;
        color: #4b5563;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        width: 12.5rem
    }

    .p-slidemenu .p-slidemenu-root-list,
    .p-slidemenu .p-submenu-list {
        outline: 0 none
    }

    .p-slidemenu .p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-slidemenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
        color: #4b5563;
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-slidemenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-slidemenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-slidemenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-slidemenu .p-menuitem.p-highlight>.p-menuitem-content {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-slidemenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #1d4ed8
    }

    .p-slidemenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-slidemenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #1d4ed8
    }

    .p-slidemenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
        background: #3b82f63d
    }

    .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #4b5563
    }

    .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-slidemenu.p-slidemenu-overlay {
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-slidemenu .p-slidemenu-list {
        padding: .5rem 0;
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-slidemenu .p-menuitem-separator {
        border-top: 1px solid #e5e7eb;
        margin: .25rem 0
    }

    .p-slidemenu .p-slidemenu-icon {
        font-size: .875rem
    }

    .p-slidemenu .p-icon {
        width: .875rem;
        height: .875rem
    }

    .p-slidemenu .p-slidemenu-backward {
        padding: .75rem 1.25rem;
        color: #4b5563
    }

    .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .2rem #bfdbfe
    }

    .p-slidemenu .p-menuitem-badge {
        background: #3b82f6;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 6px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .p-steps .p-steps-item .p-menuitem-link {
        background: transparent;
        transition: box-shadow .2s;
        border-radius: 6px;
        background: #fff
    }

    .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
        color: #4b5563;
        border: 1px solid #f3f4f6;
        background: #fff;
        min-width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.143rem;
        z-index: 1;
        border-radius: 50%
    }

    .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
        margin-top: .5rem;
        color: #6b7280
    }

    .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-steps .p-steps-item.p-highlight .p-steps-number {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-steps .p-steps-item.p-highlight .p-steps-title {
        font-weight: 700;
        color: #4b5563
    }

    .p-steps .p-steps-item:before {
        content: " ";
        border-top: 1px solid #e5e7eb;
        width: 100%;
        top: 50%;
        left: 0;
        display: block;
        position: absolute;
        margin-top: -1rem
    }

    .p-tabmenu .p-tabmenu-nav {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-width: 0 0 2px 0
    }

    .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
        background: #3b82f6;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 6px;
        margin-left: .5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
        margin-right: 0
    }

    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
        border: solid #e5e7eb;
        border-width: 0 0 2px 0;
        border-color: transparent transparent #e5e7eb transparent;
        background: #fff;
        color: #6b7280;
        padding: 1.25rem;
        font-weight: 700;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        transition: box-shadow .2s;
        margin: 0 0 -2px
    }

    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
        margin-right: .5rem
    }

    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .2rem #bfdbfe
    }

    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
        background: #fff;
        border-color: #9ca3af;
        color: #6b7280
    }

    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
        background: #fff;
        border-color: #3b82f6;
        color: #3b82f6
    }

    .p-tabmenu .p-tabmenu-left-icon {
        margin-right: .5rem
    }

    .p-tabmenu .p-tabmenu-right-icon {
        margin-left: .5rem
    }

    .p-tabmenu .p-tabmenu-nav-btn.p-link {
        background: #fff;
        color: #3b82f6;
        width: 3rem;
        box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
        border-radius: 0
    }

    .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: inset 0 0 0 .2rem #bfdbfe
    }

    .p-tieredmenu {
        padding: .5rem 0;
        background: #fff;
        color: #4b5563;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        width: 12.5rem
    }

    .p-tieredmenu.p-tieredmenu-overlay {
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a
    }

    .p-tieredmenu .p-tieredmenu-root-list {
        outline: 0 none
    }

    .p-tieredmenu .p-submenu-list {
        padding: .5rem 0;
        background: #fff;
        border: 0 none;
        box-shadow: 0 2px 12px #0000001a;
        border-radius: 6px
    }

    .p-tieredmenu .p-menuitem>.p-menuitem-content {
        color: #4b5563;
        transition: box-shadow .2s;
        border-radius: 0
    }

    .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
        color: #4b5563;
        padding: .75rem 1.25rem;
        -webkit-user-select: none;
        user-select: none
    }

    .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
        color: #6b7280;
        margin-right: .5rem
    }

    .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content {
        color: #1d4ed8;
        background: #eff6ff
    }

    .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #1d4ed8
    }

    .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #1d4ed8
    }

    .p-tieredmenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
        background: #3b82f63d
    }

    .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
        color: #4b5563;
        background: #e5e7eb
    }

    .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
        color: #4b5563
    }

    .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
        color: #4b5563;
        background: #f3f4f6
    }

    .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
        color: #4b5563
    }

    .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
        color: #6b7280
    }

    .p-tieredmenu .p-menuitem-separator {
        border-top: 1px solid #e5e7eb;
        margin: .25rem 0
    }

    .p-tieredmenu .p-submenu-icon {
        font-size: .875rem
    }

    .p-tieredmenu .p-submenu-icon.p-icon {
        width: .875rem;
        height: .875rem
    }

    .p-inline-message {
        padding: .75rem;
        margin: 0;
        border-radius: 6px
    }

    .p-inline-message.p-inline-message-info {
        background: #dbeafeb3;
        border: solid #3b82f6;
        border-width: 0px;
        color: #3b82f6
    }

    .p-inline-message.p-inline-message-info .p-inline-message-icon {
        color: #3b82f6
    }

    .p-inline-message.p-inline-message-success {
        background: #e4f8f0b3;
        border: solid #1ea97c;
        border-width: 0px;
        color: #1ea97c
    }

    .p-inline-message.p-inline-message-success .p-inline-message-icon {
        color: #1ea97c
    }

    .p-inline-message.p-inline-message-warn {
        background: #fff2e2b3;
        border: solid #cc8925;
        border-width: 0px;
        color: #cc8925
    }

    .p-inline-message.p-inline-message-warn .p-inline-message-icon {
        color: #cc8925
    }

    .p-inline-message.p-inline-message-error {
        background: #ffe7e6b3;
        border: solid #ff5757;
        border-width: 0px;
        color: #ff5757
    }

    .p-inline-message.p-inline-message-error .p-inline-message-icon {
        color: #ff5757
    }

    .p-inline-message .p-inline-message-icon {
        font-size: 1rem;
        margin-right: .5rem
    }

    .p-inline-message .p-icon {
        width: 1rem;
        height: 1rem
    }

    .p-inline-message .p-inline-message-text {
        font-size: 1rem
    }

    .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
        margin-right: 0
    }

    .p-message {
        margin: 1rem 0;
        border-radius: 6px
    }

    .p-message .p-message-wrapper {
        padding: 1.25rem 1.75rem
    }

    .p-message .p-message-close {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background: transparent;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-message .p-message-close:hover {
        background: #ffffff80
    }

    .p-message .p-message-close:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-message.p-message-info {
        background: #dbeafeb3;
        border: solid #3b82f6;
        border-width: 0 0 0 6px;
        color: #3b82f6
    }

    .p-message.p-message-info .p-message-icon,
    .p-message.p-message-info .p-message-close {
        color: #3b82f6
    }

    .p-message.p-message-success {
        background: #e4f8f0b3;
        border: solid #1ea97c;
        border-width: 0 0 0 6px;
        color: #1ea97c
    }

    .p-message.p-message-success .p-message-icon,
    .p-message.p-message-success .p-message-close {
        color: #1ea97c
    }

    .p-message.p-message-warn {
        background: #fff2e2b3;
        border: solid #cc8925;
        border-width: 0 0 0 6px;
        color: #cc8925
    }

    .p-message.p-message-warn .p-message-icon,
    .p-message.p-message-warn .p-message-close {
        color: #cc8925
    }

    .p-message.p-message-error {
        background: #ffe7e6b3;
        border: solid #ff5757;
        border-width: 0 0 0 6px;
        color: #ff5757
    }

    .p-message.p-message-error .p-message-icon,
    .p-message.p-message-error .p-message-close {
        color: #ff5757
    }

    .p-message .p-message-text {
        font-size: 1rem;
        font-weight: 500
    }

    .p-message .p-message-icon {
        font-size: 1.5rem;
        margin-right: .5rem
    }

    .p-message .p-icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .p-message .p-message-summary {
        font-weight: 700
    }

    .p-message .p-message-detail {
        margin-left: .5rem
    }

    .p-message.p-message-secondary {
        background: #64748b;
        border: solid #64748b;
        border-width: 0 0 0 6px;
        color: #fff
    }

    .p-message.p-message-secondary .p-message-icon,
    .p-message.p-message-secondary .p-message-close {
        color: #fff
    }

    .p-message.p-message-contrast {
        background: #1f2937;
        border: solid #1f2937;
        border-width: 0 0 0 6px;
        color: #fff
    }

    .p-message.p-message-contrast .p-message-icon,
    .p-message.p-message-contrast .p-message-close {
        color: #fff
    }

    .p-toast {
        opacity: 1
    }

    .p-toast .p-toast-message {
        margin: 0 0 1rem;
        box-shadow: 0 2px 12px #0000001a;
        border-radius: 6px
    }

    .p-toast .p-toast-message .p-toast-message-content {
        padding: 1rem;
        border-width: 0 0 0 6px
    }

    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
        margin: 0 0 0 1rem
    }

    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
        font-size: 2rem
    }

    .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) {
        width: 2rem;
        height: 2rem
    }

    .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
        font-weight: 700
    }

    .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
        margin: .5rem 0 0
    }

    .p-toast .p-toast-message .p-toast-icon-close {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background: transparent;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-toast .p-toast-message .p-toast-icon-close:hover {
        background: #ffffff80
    }

    .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-toast .p-toast-message.p-toast-message-info {
        background: #dbeafeb3;
        border: solid #3b82f6;
        border-width: 0 0 0 6px;
        color: #3b82f6
    }

    .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
    .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
        color: #3b82f6
    }

    .p-toast .p-toast-message.p-toast-message-success {
        background: #e4f8f0b3;
        border: solid #1ea97c;
        border-width: 0 0 0 6px;
        color: #1ea97c
    }

    .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
    .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
        color: #1ea97c
    }

    .p-toast .p-toast-message.p-toast-message-warn {
        background: #fff2e2b3;
        border: solid #cc8925;
        border-width: 0 0 0 6px;
        color: #cc8925
    }

    .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
    .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
        color: #cc8925
    }

    .p-toast .p-toast-message.p-toast-message-error {
        background: #ffe7e6b3;
        border: solid #ff5757;
        border-width: 0 0 0 6px;
        color: #ff5757
    }

    .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
    .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
        color: #ff5757
    }

    .p-toast .p-toast-message.p-toast-message-secondary {
        background: #64748b;
        border: solid #64748b;
        border-width: 0 0 0 6px;
        color: #fff
    }

    .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
    .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
        color: #fff
    }

    .p-toast .p-toast-message.p-toast-message-contrast {
        background: #1f2937;
        border: solid #1f2937;
        border-width: 0 0 0 6px;
        color: #fff
    }

    .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
    .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
        color: #fff
    }

    .p-galleria .p-galleria-close {
        margin: .5rem;
        background: transparent;
        color: #f9fafb;
        width: 4rem;
        height: 4rem;
        transition: background-color .2s, color .2s, box-shadow .2s;
        border-radius: 50%
    }

    .p-galleria .p-galleria-close .p-galleria-close-icon {
        font-size: 2rem
    }

    .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
        width: 2rem;
        height: 2rem
    }

    .p-galleria .p-galleria-close:hover {
        background: #ffffff1a;
        color: #f9fafb
    }

    .p-galleria .p-galleria-item-nav {
        background: transparent;
        color: #f9fafb;
        width: 4rem;
        height: 4rem;
        transition: background-color .2s, color .2s, box-shadow .2s;
        border-radius: 6px;
        margin: 0 .5rem
    }

    .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
    .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
        font-size: 2rem
    }

    .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
        width: 2rem;
        height: 2rem
    }

    .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
        background: #ffffff1a;
        color: #f9fafb
    }

    .p-galleria .p-galleria-caption {
        background: #00000080;
        color: #f9fafb;
        padding: 1rem
    }

    .p-galleria .p-galleria-indicators {
        padding: 1rem
    }

    .p-galleria .p-galleria-indicators .p-galleria-indicator button {
        background-color: #d1d5db;
        width: 1rem;
        height: 1rem;
        transition: background-color .2s, color .2s, box-shadow .2s;
        border-radius: 50%
    }

    .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
        background: #9ca3af
    }

    .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
    .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
        margin-right: .5rem
    }

    .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
    .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
        margin-bottom: .5rem
    }

    .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
        background: #00000080
    }

    .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
        background: #fff6
    }

    .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
        background: #fff9
    }

    .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
        background: #eff6ff;
        color: #1d4ed8
    }

    .p-galleria .p-galleria-thumbnail-container {
        background: #000000e6;
        padding: 1rem .25rem
    }

    .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
    .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
        margin: .5rem;
        background-color: transparent;
        color: #f9fafb;
        width: 2rem;
        height: 2rem;
        transition: background-color .2s, color .2s, box-shadow .2s;
        border-radius: 50%
    }

    .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
    .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
        background: #ffffff1a;
        color: #f9fafb
    }

    .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-galleria-mask,
    .p-image-mask {
        --maskbg: rgba(0, 0, 0, .9)
    }

    .p-image-preview-indicator {
        background-color: transparent;
        color: #f8f9fa;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-image-preview-container:hover>.p-image-preview-indicator {
        background-color: #00000080
    }

    .p-image-toolbar {
        padding: 1rem
    }

    .p-image-action.p-link {
        color: #f8f9fa;
        background-color: transparent;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        transition: background-color .2s, color .2s, box-shadow .2s;
        margin-right: .5rem
    }

    .p-image-action.p-link:last-child {
        margin-right: 0
    }

    .p-image-action.p-link:hover {
        color: #f8f9fa;
        background-color: #ffffff1a
    }

    .p-image-action.p-link i {
        font-size: 1.5rem
    }

    .p-image-action.p-link .p-icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .p-avatar {
        background-color: #e5e7eb;
        border-radius: 6px
    }

    .p-avatar.p-avatar-lg {
        width: 3rem;
        height: 3rem;
        font-size: 1.5rem
    }

    .p-avatar.p-avatar-lg .p-avatar-icon {
        font-size: 1.5rem
    }

    .p-avatar.p-avatar-xl {
        width: 4rem;
        height: 4rem;
        font-size: 2rem
    }

    .p-avatar.p-avatar-xl .p-avatar-icon {
        font-size: 2rem
    }

    .p-avatar-group .p-avatar {
        border: 2px solid #ffffff
    }

    .p-badge {
        background: #3b82f6;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        min-width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem
    }

    .p-badge.p-badge-secondary {
        background-color: #64748b;
        color: #fff
    }

    .p-badge.p-badge-contrast {
        background-color: #1f2937;
        color: #fff
    }

    .p-badge.p-badge-success {
        background-color: #22c55e;
        color: #fff
    }

    .p-badge.p-badge-info {
        background-color: #0ea5e9;
        color: #fff
    }

    .p-badge.p-badge-warning {
        background-color: #f97316;
        color: #fff
    }

    .p-badge.p-badge-danger {
        background-color: #ef4444;
        color: #fff
    }

    .p-badge.p-badge-lg {
        font-size: 1.125rem;
        min-width: 2.25rem;
        height: 2.25rem;
        line-height: 2.25rem
    }

    .p-badge.p-badge-xl {
        font-size: 1.5rem;
        min-width: 3rem;
        height: 3rem;
        line-height: 3rem
    }

    .p-chip {
        background-color: #e5e7eb;
        color: #4b5563;
        border-radius: 16px;
        padding: 0 .75rem
    }

    .p-chip .p-chip-text {
        line-height: 1.5;
        margin-top: .375rem;
        margin-bottom: .375rem
    }

    .p-chip .p-chip-icon {
        margin-right: .5rem
    }

    .p-chip .pi-chip-remove-icon {
        margin-left: .5rem
    }

    .p-chip img {
        width: 2.25rem;
        height: 2.25rem;
        margin-left: -.75rem;
        margin-right: .5rem
    }

    .p-chip .pi-chip-remove-icon {
        border-radius: 6px;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-chip .pi-chip-remove-icon:focus-visible {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-chip .pi-chip-remove-icon:focus {
        outline: 0 none
    }

    .p-inplace .p-inplace-display {
        padding: .75rem;
        border-radius: 6px;
        transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-inplace .p-inplace-display:not(.p-disabled):hover {
        background: #f3f4f6;
        color: #4b5563
    }

    .p-inplace .p-inplace-display:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 .2rem #bfdbfe
    }

    .p-metergroup,
    .p-metergroup-meters {
        display: flex
    }

    .p-metergroup-vertical .p-metergroup-meters {
        flex-direction: column
    }

    .p-metergroup-labels {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .p-metergroup-vertical .p-metergroup-labels {
        align-items: start
    }

    .p-metergroup-labels-vertical {
        flex-direction: column
    }

    .p-metergroup-label {
        display: inline-flex;
        align-items: center
    }

    .p-metergroup-label-marker {
        display: inline-flex
    }

    .p-metergroup {
        gap: 1rem
    }

    .p-metergroup .p-metergroup-meters {
        background: #e5e7eb;
        border-radius: 6px
    }

    .p-metergroup .p-metergroup-meter {
        border: 0 none;
        background: #3b82f6
    }

    .p-metergroup .p-metergroup-labels .p-metergroup-label {
        gap: .5rem
    }

    .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
        background: #3b82f6;
        width: .5rem;
        height: .5rem;
        border-radius: 100%
    }

    .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
        width: 1rem;
        height: 1rem
    }

    .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
        gap: .5rem
    }

    .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
        gap: 1rem
    }

    .p-metergroup.p-metergroup-horizontal {
        flex-direction: column
    }

    .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
        height: .5rem
    }

    .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-metergroup.p-metergroup-vertical {
        flex-direction: row
    }

    .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
        width: .5rem;
        height: 100%
    }

    .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .p-progressbar {
        border: 0 none;
        height: 1.5rem;
        background: #e5e7eb;
        border-radius: 6px
    }

    .p-progressbar .p-progressbar-value {
        border: 0 none;
        margin: 0;
        background: #3b82f6
    }

    .p-progressbar .p-progressbar-label {
        color: #fff;
        line-height: 1.5rem
    }

    .p-scrolltop {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        box-shadow: 0 2px 12px #0000001a;
        transition: background-color .2s, color .2s, box-shadow .2s
    }

    .p-scrolltop.p-link {
        background: #000000b3
    }

    .p-scrolltop.p-link:hover {
        background: #000c
    }

    .p-scrolltop .p-scrolltop-icon {
        font-size: 1.5rem;
        color: #f9fafb
    }

    .p-scrolltop .p-icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .p-skeleton {
        background-color: #e5e7eb;
        border-radius: 6px
    }

    .p-skeleton:after {
        background: linear-gradient(90deg, #fff0, #fff6, #fff0)
    }

    .p-tag {
        background: #3b82f6;
        color: #fff;
        font-size: .75rem;
        font-weight: 700;
        padding: .25rem .4rem;
        border-radius: 6px
    }

    .p-tag.p-tag-success {
        background-color: #22c55e;
        color: #fff
    }

    .p-tag.p-tag-info {
        background-color: #0ea5e9;
        color: #fff
    }

    .p-tag.p-tag-warning {
        background-color: #f97316;
        color: #fff
    }

    .p-tag.p-tag-danger {
        background-color: #ef4444;
        color: #fff
    }

    .p-tag .p-tag-icon {
        margin-right: .25rem;
        font-size: .75rem
    }

    .p-tag .p-icon {
        width: .75rem;
        height: .75rem
    }

    .p-tag.p-tag-secondary {
        background-color: #64748b;
        color: #fff
    }

    .p-tag.p-tag-contrast {
        background-color: #1f2937;
        color: #fff
    }

    .p-terminal {
        background: #fff;
        color: #4b5563;
        border: 1px solid #e5e7eb;
        padding: 1.25rem
    }

    .p-terminal .p-terminal-input {
        font-family: var(--font-family);
        font-feature-settings: var(--font-feature-settings, normal);
        font-size: 1rem
    }
}

@layer primeng {
    .p-button-label {
        font-weight: 700
    }

    .p-selectbutton>.p-button,
    .p-togglebutton.p-button {
        transition: background-color .2s, border-color .2s, box-shadow .2s
    }

    .p-accordion .p-accordion-header .p-accordion-header-link,
    .p-tabview .p-tabview-nav li .p-tabview-nav-link,
    .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
        transition: background-color .2s, border-color .2s, box-shadow .2s
    }

    .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button,
    .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
        background-color: #3b82f6
    }

    .p-button:focus {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9dc1fb, 0 1px 2px #000
    }

    .p-button.p-button-secondary:enabled:focus {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b0b9c6, 0 1px 2px #000
    }

    .p-button.p-button-success:enabled:focus {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #88eaac, 0 1px 2px #000
    }

    .p-button.p-button-info:enabled:focus {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #83d3f8, 0 1px 2px #000
    }

    .p-button.p-button-warning:enabled:focus {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #fcb98b, 0 1px 2px #000
    }

    .p-button.p-button-help:enabled:focus {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #d4aafb, 0 1px 2px #000
    }

    .p-button.p-button-danger:enabled:focus {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f7a2a2, 0 1px 2px #000
    }

    .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
        box-shadow: inset 0 2px #3b82f6
    }

    .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
        box-shadow: inset 0 -2px #3b82f6
    }

    .p-speeddial-item.p-focus>.p-speeddial-action {
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9dc1fb, 0 1px 2px #000
    }

    .p-toast-message {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .p-inline-message-text {
        font-weight: 500
    }

    .p-picklist-buttons .p-button,
    .p-orderlist-controls .p-button {
        transition: opacity .2s, background-color .2s, color .2s, border-color .2s, box-shadow .2s
    }

    .p-steps .p-steps-item.p-highlight .p-steps-number {
        background: #3b82f6;
        color: #fff
    }
}

.p-overflow-hidden {
    overflow: hidden;
    padding-right: var(--scrollbar-width)
}

@layer primeng {

    .p-component,
    .p-component * {
        box-sizing: border-box
    }

    .p-hidden {
        display: none
    }

    .p-hidden-space {
        visibility: hidden
    }

    .p-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .p-hidden-accessible input,
    .p-hidden-accessible select {
        transform: scale(0)
    }

    .p-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        text-decoration: none;
        font-size: 100%;
        list-style: none
    }

    .p-disabled,
    .p-disabled * {
        cursor: default !important;
        pointer-events: none
    }

    .p-component-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .p-unselectable-text {
        -webkit-user-select: none;
        user-select: none
    }

    .p-scrollbar-measure {
        width: 100px;
        height: 100px;
        overflow: scroll;
        position: absolute;
        top: -9999px
    }

    @-webkit-keyframes p-fadein {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes p-fadein {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    input[type=button],
    input[type=submit],
    input[type=reset],
    input[type=file]::-webkit-file-upload-button,
    button {
        border-radius: 0
    }

    .p-link {
        text-align: left;
        background-color: transparent;
        margin: 0;
        padding: 0;
        border: 0;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none
    }

    .p-link:disabled {
        cursor: default
    }

    .p-sr-only {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important
    }

    .p-connected-overlay {
        opacity: 0;
        transform: scaleY(.8);
        transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1)
    }

    .p-connected-overlay-visible {
        opacity: 1;
        transform: scaleY(1)
    }

    .p-connected-overlay-hidden {
        opacity: 0;
        transform: scaleY(1);
        transition: opacity .1s linear
    }

    .p-toggleable-content.ng-animating {
        overflow: hidden
    }

    .p-icon-wrapper {
        display: inline-flex
    }

    .p-icon {
        display: inline-block
    }

    .p-icon-spin {
        -webkit-animation: p-icon-spin 2s infinite linear;
        animation: p-icon-spin 2s infinite linear
    }
}

@-webkit-keyframes p-icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes p-icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@layer primeng {
    .p-badge {
        display: inline-block;
        border-radius: 10px;
        text-align: center;
        padding: 0 .5rem
    }

    .p-overlay-badge {
        position: relative
    }

    .p-overlay-badge .p-badge {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(50%, -50%);
        transform-origin: 100% 0;
        margin: 0
    }

    .p-badge-dot {
        width: .5rem;
        min-width: .5rem;
        height: .5rem;
        border-radius: 50%;
        padding: 0
    }

    .p-badge-no-gutter {
        padding: 0;
        border-radius: 50%
    }
}

@layer primeng {
    .p-button {
        margin: 0;
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        align-items: center;
        vertical-align: bottom;
        text-align: center;
        overflow: hidden;
        position: relative
    }

    .p-button-label {
        flex: 1 1 auto
    }

    .p-button-icon-right {
        order: 1
    }

    .p-button:disabled {
        cursor: default;
        pointer-events: none
    }

    .p-button-icon-only {
        justify-content: center
    }

    .p-button-icon-only:after {
        content: "p";
        visibility: hidden;
        clip: rect(0 0 0 0);
        width: 0
    }

    .p-button-vertical {
        flex-direction: column
    }

    .p-button-icon-bottom {
        order: 2
    }

    .p-button-group .p-button {
        margin: 0
    }

    .p-button-group .p-button:focus,
    .p-button-group p-button:focus .p-button,
    .p-buttonset .p-button:focus,
    .p-buttonset p-button:focus .p-button {
        position: relative;
        z-index: 1
    }

    .p-button-group .p-button:not(:last-child),
    .p-button-group .p-button:not(:last-child):hover,
    .p-button-group p-button:not(:last-child) .p-button,
    .p-button-group p-button:not(:last-child) .p-button:hover,
    .p-buttonset .p-button:not(:last-child),
    .p-buttonset .p-button:not(:last-child):hover,
    .p-buttonset p-button:not(:last-child) .p-button,
    .p-buttonset p-button:not(:last-child) .p-button:hover {
        border-right: 0 none
    }

    .p-button-group .p-button:not(:first-of-type):not(:last-of-type),
    .p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,
    .p-buttonset .p-button:not(:first-of-type):not(:last-of-type),
    .p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button {
        border-radius: 0
    }

    .p-button-group .p-button:first-of-type:not(:only-of-type),
    .p-button-group p-button:first-of-type:not(:only-of-type) .p-button,
    .p-buttonset .p-button:first-of-type:not(:only-of-type),
    .p-buttonset p-button:first-of-type:not(:only-of-type) .p-button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .p-button-group .p-button:last-of-type:not(:only-of-type),
    .p-button-group p-button:last-of-type:not(:only-of-type) .p-button,
    .p-buttonset .p-button:last-of-type:not(:only-of-type),
    .p-buttonset p-button:last-of-type:not(:only-of-type) .p-button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    p-button[iconpos=right] spinnericon {
        order: 1
    }
}

@layer primeng {
    .p-checkbox {
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        vertical-align: bottom;
        position: relative
    }

    .p-checkbox-disabled {
        cursor: default !important;
        pointer-events: none
    }

    .p-checkbox-box {
        display: flex;
        justify-content: center;
        align-items: center
    }

    p-checkbox {
        display: inline-flex;
        vertical-align: bottom;
        align-items: center
    }

    .p-checkbox-label {
        line-height: 1
    }
}

.p-colorpicker-panel .p-colorpicker-color {
    background: transparent url("./media/color-727V6BA6.png") no-repeat left top
}

.p-colorpicker-panel .p-colorpicker-hue {
    background: transparent url("./media/hue-3YTJE6JS.png") no-repeat left top
}

@layer primeng {
    .p-inputtext {
        margin: 0
    }

    .p-fluid .p-inputtext {
        width: 100%
    }

    .p-inputgroup {
        display: flex;
        align-items: stretch;
        width: 100%
    }

    .p-inputgroup-addon {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .p-inputgroup .p-float-label {
        display: flex;
        align-items: stretch;
        width: 100%
    }

    .p-inputgroup .p-inputtext,
    .p-fluid .p-inputgroup .p-inputtext,
    .p-inputgroup .p-inputwrapper,
    .p-inputgroup .p-inputwrapper>.p-component {
        flex: 1 1 auto;
        width: 1%
    }

    .p-float-label {
        display: block;
        position: relative
    }

    .p-float-label label {
        position: absolute;
        pointer-events: none;
        top: 50%;
        margin-top: -.5rem;
        transition-property: all;
        transition-timing-function: ease;
        line-height: 1
    }

    .p-float-label textarea~label {
        top: 1rem
    }

    .p-float-label input:focus~label,
    .p-float-label input.p-filled~label,
    .p-float-label textarea:focus~label,
    .p-float-label textarea.p-filled~label,
    .p-float-label .p-inputwrapper-focus~label,
    .p-float-label .p-inputwrapper-filled~label {
        top: -.75rem;
        font-size: 12px
    }

    .p-float-label .input:-webkit-autofill~label {
        top: -20px;
        font-size: 12px
    }

    .p-float-label .p-placeholder,
    .p-float-label input::placeholder,
    .p-float-label .p-inputtext::placeholder {
        opacity: 0;
        transition-property: all;
        transition-timing-function: ease
    }

    .p-float-label .p-focus .p-placeholder,
    .p-float-label input:focus::placeholder,
    .p-float-label .p-inputtext:focus::placeholder {
        opacity: 1;
        transition-property: all;
        transition-timing-function: ease
    }

    .p-input-icon-left,
    .p-input-icon-right {
        position: relative;
        display: inline-block
    }

    .p-input-icon-left>i,
    .p-input-icon-left>.p-icon-wrapper,
    .p-input-icon-right>i,
    .p-input-icon-right>.p-icon-wrapper {
        position: absolute;
        top: 50%;
        margin-top: -.5rem
    }

    .p-fluid .p-input-icon-left,
    .p-fluid .p-input-icon-right {
        display: block;
        width: 100%
    }
}

@layer primeng {
    .p-inputtextarea-resizable {
        overflow: hidden;
        resize: none
    }

    .p-fluid .p-inputtextarea {
        width: 100%
    }
}

@layer primeng {
    .p-password {
        position: relative;
        display: inline-flex
    }

    .p-password-panel {
        position: absolute;
        top: 0;
        left: 0
    }

    .p-password .p-password-panel {
        min-width: 100%
    }

    .p-password-meter {
        height: 10px
    }

    .p-password-strength {
        height: 100%;
        width: 0;
        transition: width 1s ease-in-out
    }

    .p-fluid .p-password {
        display: flex
    }

    .p-password-input::-ms-reveal,
    .p-password-input::-ms-clear {
        display: none
    }

    .p-password-clear-icon {
        position: absolute;
        top: 50%;
        margin-top: -.5rem;
        cursor: pointer
    }

    .p-password .p-icon {
        cursor: pointer
    }

    .p-password-clearable.p-password-mask .p-password-clear-icon {
        margin-top: unset
    }

    .p-password-clearable {
        position: relative
    }
}

@layer primeng {
    .p-radiobutton {
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        vertical-align: bottom;
        position: relative
    }

    .p-radiobutton-box {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .p-radiobutton-icon {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0) scale(.1);
        border-radius: 50%;
        visibility: hidden
    }

    .p-radiobutton-box.p-highlight .p-radiobutton-icon {
        transform: translateZ(0) scale(1);
        visibility: visible
    }

    p-radiobutton {
        display: inline-flex;
        vertical-align: bottom;
        align-items: center
    }

    .p-radiobutton-label {
        line-height: 1
    }
}

@layer primeng {
    .p-ripple {
        overflow: hidden;
        position: relative
    }

    .p-ink {
        display: block;
        position: absolute;
        background: #ffffff80;
        border-radius: 100%;
        transform: scale(0)
    }

    .p-ink-active {
        animation: ripple .4s linear
    }

    .p-ripple-disabled .p-ink {
        display: none !important
    }
}

@keyframes ripple {
    to {
        opacity: 0;
        transform: scale(2.5)
    }
}

@layer primeng {
    .p-tooltip {
        position: absolute;
        display: none;
        padding: .25em .5rem;
        max-width: 12.5rem;
        pointer-events: none
    }

    .p-tooltip.p-tooltip-right,
    .p-tooltip.p-tooltip-left {
        padding: 0 .25rem
    }

    .p-tooltip.p-tooltip-top,
    .p-tooltip.p-tooltip-bottom {
        padding: .25em 0
    }

    .p-tooltip .p-tooltip-text {
        white-space: pre-line;
        word-break: break-word
    }

    .p-tooltip-arrow {
        scale: 2;
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .p-tooltip-right .p-tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -.25rem;
        border-width: .25em .25em .25em 0
    }

    .p-tooltip-left .p-tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -.25rem;
        border-width: .25em 0 .25em .25rem
    }

    .p-tooltip.p-tooltip-top {
        padding: .25em 0
    }

    .p-tooltip-top .p-tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -.25rem;
        border-width: .25em .25em 0
    }

    .p-tooltip-bottom .p-tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -.25rem;
        border-width: 0 .25em .25rem
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    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(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -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 {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.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 {
    -ms-touch-action: pan-y;
    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
}

.owl-carousel .animated {
    animation-duration: 1s;
    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
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("./media/owl.video.play-4O2DMQ3I.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.demo {
    background-color: #391fff
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px !important
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1480px !important
    }
}

.usermenudropdown {
    display: none
}

@media (max-width: 768px) {
    .usermenudropdown {
        background: #8947f4;
        color: rgb(var(--white));
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        display: flex;
        width: auto;
        height: 43px;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        padding: 0
    }

    .usermenudropdown:active,
    .usermenudropdown:focus {
        border: none;
        outline: none
    }

    .usermenudropdown img {
        width: 22px;
        cursor: pointer;
        margin: auto 9px;
        background: #00bcd4;
        border-radius: 24px;
        padding: 0
    }

    .profile {
        background: #6610f2;
        color: #fff;
        font-weight: 700;
        height: 42px;
        line-height: 33px;
        padding: 5px
    }

    .rightbar-toggle,
    .responsive_icon {
        display: none
    }

    #navbarSupportedContent .form-group.form_group_label {
        padding: 5px
    }

    #navbarSupportedContent .form-group.form_group_label .inputlabel {
        font-size: 15px;
        font-weight: 500
    }

    .toggled+.mobile-menu-left-overlay,
    .show#navbarSupportedContent+.mobile-menu-right-overlay,
    .show+.mobile-menu-right-overlay {
        display: block;
        z-index: 0
    }
}

.lodertriple {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    position: absolute;
    z-index: 111111;
    background: #00000082
}

.triple-spinner {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top: 2px solid #FF5722;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto
}

.triple-spinner:before,
.triple-spinner:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 2px solid transparent
}

.triple-spinner:before {
    inset: 5px;
    border-top-color: #ff9800;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3.5s linear infinite
}

.triple-spinner:after {
    inset: 15px;
    border-top-color: #ffc107;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.75s linear infinite
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

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

.form-group:has(.p-datepicker) {
    z-index: 111
}

.modal .modal-content {
    border-radius: 10px;
    overflow: hidden
}

.modal .modal-content .modal-header,
.modal .modal-content .modal-footer {
    border-radius: 0
}

.modal .modal-content .modal-header {
    padding: 10px 16px !important
}

.modal .modal-content .modal-header h2,
.modal .modal-content .modal-header h3 {
    margin: 0;
    padding: 0 !important;
    font-size: 22px;
    line-height: normal
}

.modal .modal-content .modal-header button[data-bs-dismiss=modal] {
    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='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");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    padding: 0;
    width: 34px;
    height: 34px;
    background-color: rgba(var(--bg-Danger-main))
}

.modal .modal-content .modal-body .btn {
    border-radius: 30px 0
}

.modal[name=donatemodel] .modal-footer,
.modal[name=constitution] .modal-footer,
.modal[name=careermodal] .modal-footer {
    display: none
}

html,
body {
    font-family: Poppins !important;
    font-weight: 400 !important
}

body header .header-div span {
    font-weight: 500 !important;
    font-size: 14px !important;
    margin-left: 0 !important
}

body header .header-div .icon-div span i,
body .header-div .socialIconDesign2 ul li a {
    color: #ff9a4f !important;
    background: #fffc !important
}

body .socialIconDesign2 ul li a i {
    color: #ff9a4f !important
}

body header .header-div .icon-div {
    display: flex;
    align-items: center;
    gap: 8px
}

body header .header-div .icon-div+span {
    margin-left: auto !important
}

body header .header-div .container {
    gap: 16px
}

body #top_nav_bar .navbar .navbar-nav .nav-link {
    font-weight: 500 !important
}

body #top_nav_bar .navbar .navbar-nav .nav-link {
    position: relative;
    border: none !important
}

body #top_nav_bar .navbar .navbar-nav .nav-link:before {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px;
    content: "";
    background-color: #ff9a4f !important;
    transition: ease all .3s
}

body #top_nav_bar .navbar .navbar-nav .nav-item:hover .nav-link:before {
    left: 0;
    width: 100%
}

body #top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu {
    padding: 0
}

body .dropdown-submenu {
    margin: 0
}

body #top_nav_bar .dropdown-item {
    padding: 10px 12px
}

.slide-sec .slide {
    font-weight: 400 !important
}

.slide-sec .slide .display-2 {
    font-weight: 600 !important
}

body .get-here-section .our-div {
    padding-bottom: 24px
}

body .get-here-section .our-div h2 {
    padding-top: 8px
}

body .get-here-section .event-pera {
    margin: 0 auto 15px !important;
    padding: 8px 20px !important;
    font-weight: 400 !important
}

body .get-here-section .event-div .row [class*=col-]>div {
    border-radius: 10px;
    overflow: hidden
}

body .pos-span {
    top: -17px !important;
    left: 12px !important
}

.facilities-section .icon-div img.img-fluid {
    height: 100%;
    object-fit: cover
}

.facilities-section .overlay-img .fs-3 {
    font-size: 20px !important;
    font-weight: 400 !important
}

.facilities-section .download-btn {
    padding: 8px 30px
}

.extra-service-section .container {
    display: flex;
    flex-direction: column;
    row-gap: 40px
}

.gellary-sec .row {
    margin: 0 !important
}

.gellary-sec .row>[class*=col-] {
    padding: 0 !important
}

.gellary-sec .row:first-child {
    padding-bottom: 20px
}

.gellary-sec .owl-nav {
    display: none
}

.owl-carousel .owl-item,
.owl-carousel .item,
.owl-carousel .owl-item img {
    height: 100%;
    object-fit: cover
}

.connect-div h2 {
    margin-bottom: 0 !important
}

.booking-section .item .border {
    border: none !important
}

.item .king-div {
    display: flex;
    align-items: center;
    padding: 16px
}

.item .king-div img {
    height: 100px !important;
    width: 100px !important;
    object-position: 0 0;
    border-radius: 8px
}

.booking-section .owl-dots {
    display: none
}

.fw-lighter {
    font-weight: 400 !important
}

.footerDiv .play-div {
    padding: 10px 20px !important;
    border-radius: 30px 0 !important;
    gap: 10px !important
}

.footerDiv .play-div .img-fluid {
    width: 40px !important;
    min-width: 40px !important
}

.footerDiv .play-div .fs-6 {
    font-size: 12px !important
}

.footerDiv .play-div .size2 {
    font-size: 14px !important;
    font-weight: 500 !important
}

.footerDiv {
    padding-left: 12px;
    padding-right: 12px
}

.footerDiv .container-div {
    border-bottom-color: #ffffff1a !important
}

.footerDiv .container-div.container {
    padding-left: 0;
    padding-right: 0
}

.footerDiv .bottom-row.container {
    padding: 0 !important
}

.footerDiv .bottom-row.container .row {
    margin: 0 !important;
    padding: 0 !important
}

.footerDiv .bottom-row.container .row>[class*=col-] {
    padding: 0 !important
}

.footerDiv [class*=fs-] {
    font-size: 14px !important
}

.footerDiv ul li {
    padding: 0 !important;
    margin: 0 0 10px !important
}

.footer_list .mb-4 {
    margin-bottom: 16px !important
}

@media (min-width: 1536px) {
    #top_nav_bar .navbar-expand-lg .navbar-nav {
        gap: 20px
    }
}

@media (min-width: 991px) {
    body #top_nav_bar .navbar {
        padding: 5px 0 !important
    }
}

body:has(.loaderDesign) {
    overflow: hidden
}

.modal[name=careermodal] {
    background-color: #000000b3
}

body .search-row .inputBox.input-group {
    border-radius: 0 16px !important;
    overflow: hidden;
    border: 1px solid rgba(var(--inputborder))
}

body .search-row .inputBox .form-control {
    border: none !important;
    background-color: transparent !important
}

body .search-row .inputBox button[name=searchBtn] {
    border-radius: 0 16px !important
}

html body .directory_searchlist .nav.design1 .nav-item .nav-link,
html body .directory_searchlist .nav.design1 .nav-item .nav-link:hover,
html body .directory_searchlist .nav.design1 .nav-item .nav-link.active {
    border-radius: 0 .375rem !important
}

html body .directory_searchlist .directory_box1 {
    margin-bottom: 0 !important;
    padding: 16px !important;
    gap: 16px !important;
    border-radius: 0 30px !important
}

html body .directory_searchlist .row:last-child [class*=col-] {
    margin-bottom: 30px !important
}

html body .directory_searchlist .directory_box1 .directory_box_image img {
    border-radius: 10px !important;
    border-width: 2px !important;
    object-position: center top
}

body .directory_box_content {
    margin: 0 !important
}

body .directory_box_content h6 {
    font-size: 14px !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
    padding-bottom: 5px !important
}

@media (min-width: 1400px) {
    body .directory_searchlist.container-fluid {
        max-width: 1480px !important
    }
}

.object-img {
    object-fit: cover;
    object-position: top center
}

.filewrapper1 .preview .previewUl .previewLi img,
.filewrapper1.bottom .preview .previewUl .previewLi img,
.filewrapper1.right .preview .previewUl .previewLi img,
.filewrapper1.left .preview .previewUl .previewLi img {
    border-radius: 5px;
    width: 50px !important;
    height: 50px !important
}

::ng-deep app-admindashboard .dashboard_content .modal .modal-content .modal-body .btn {
    border-radius: 6px
}

.form-group .invalid-feedback>.position-relative {
    display: block;
    width: 100%
}

.hrline4 {
    background: rgba(var(--bs-black-rgb)) !important
}

.grid_row:hover,
.sagRow.gridRowHoverClass:hover .grid_cell {
    background: rgba(var(--gridRowhover)) !important;
    color: rgba(var(--gridRowhoverClr)) !important
}

.dashboard_content .table-area.masterdiv .grid_row_header .grid_row .grid_cell:hover,
.gridCellHoverClass:hover {
    background: rgba(var(--gridCellhover)) !important;
    color: rgba(var(--gridCellhoverClr)) !important
}

body>app-root:not(.formdesign) #top_nav_bar {
    position: relative;
    z-index: 1002 !important
}


.alertclass {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    background: #27262687;
    z-index: 9999
}

.alertremove i.succes-icons {
    padding: .5vw;
    font-size: 3vw;
    color: green;
    border: .3vh solid;
    border-radius: 100%
}

.alertTxtCover {
    max-height: 250px;
    overflow: auto
}

.alertremove button.successok {
    background: #2c902c
}

.alertremove,
.confirm .confirm_box {
    width: 100%;
    max-width: 320px;
    margin: 0 12px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(var(--bg-White-main))
}

.alertremove i {
    margin-top: 3vh;
    font-size: 30px;
    color: rgba(var(--bg-Danger-main))
}

.alertremove p {
    padding: 0 10px 15px;
    margin: 2vh 0 0;
    color: rgba(var(--bs-dark-rgb))
}

.alertremove button {
    margin: 0;
    padding: 1vh 1vw;
    width: 100%;
    font-size: 14px;
    color: #fff;
    border: 0;
    cursor: pointer;
    background-color: rgba(var(--bg-Danger-main))
}

.confirm {
    display: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    background: #27262687;
    z-index: 9999
}

.confirm .fadeInDown,
.alertclass .fadeInDown {
    animation-name: fadeInDown
}

.alertclass .animated,
.confirm .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.alertclass .bounceInDown,
.confirm .bounceInDown {
    animation-name: bounceInDown
}

.confirm .confirmmasages1 {
    width: 100%;
    display: block;
    font-size: 20px;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase
}

.confirm .button_group {
    display: flex;
    flex-direction: row
}

.confirm .button_group button {
    margin: 0;
    padding: 1vh 1vw;
    justify-content: center;
    display: flex;
    width: 100%;
    font-size: 14px;
    color: #fff;
    border: 0;
    background: #333;
    cursor: pointer
}

.confirm .button_group button.btn_no {
    background: #d04b4b
}

.confirm .button_group button.btn_yes {
    background: #2c902c
}

.confirm i.succes-icons {
    color: green;
    font-size: 3vw;
    border: .3vh solid;
    padding: .5vw;
    margin: 15px 0;
    font-size: 39px;
    padding: 0;
    width: 74px;
    height: 74px;
    line-height: 65px;
    border-radius: 100%
}

.confirm .backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #0006;
    z-index: 99
}

span.confirmmasages {
    font-size: 1.2vw;
    text-transform: uppercase;
    margin-top: 0vh;
    display: block;
    text-align: left;
    padding-left: .5vh;
    background: 0;
    padding: .5vh;
    margin-bottom: 0vh
}

.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol>li,
.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
    pointer-events: none
}

.ql-editor ul[data-checked=true]>li *,
.ql-editor ul[data-checked=false]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before,
.ql-editor ul[data-checked=false]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0, decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: #0009;
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
    outline: none
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c
}

@media (pointer: coarse) {

    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
    }
}

.ql-snow,
.ql-snow * {
    box-sizing: border-box
}

.ql-snow .ql-hidden {
    display: none
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: hidden
}

.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle
}

.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #444
}

.ql-snow .ql-empty {
    fill: none
}

.ql-snow .ql-even {
    fill-rule: evenodd
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1
}

.ql-snow .ql-transparent {
    opacity: .4
}

.ql-snow .ql-direction svg:last-child {
    display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-snow .ql-editor h1 {
    font-size: 2em
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em
}

.ql-snow .ql-editor h4 {
    font-size: 1em
}

.ql-snow .ql-editor h5 {
    font-size: .83em
}

.ql-snow .ql-editor h6 {
    font-size: .67em
}

.ql-snow .ql-editor a {
    text-decoration: underline
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
}

.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}

.ql-snow .ql-editor img {
    max-width: 100%
}

.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
}

.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
}

.ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
    width: 28px
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
    content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
    width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-label:before,
.ql-snow .ql-picker.ql-header .ql-picker-item:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    content: "Heading 1"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    content: "Heading 2"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    content: "Heading 3"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    content: "Heading 4"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    content: "Heading 5"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    content: "Heading 6"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
}

.ql-snow .ql-picker.ql-font {
    width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-label:before,
.ql-snow .ql-picker.ql-font .ql-picker-item:before {
    content: "Sans Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    content: "Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    content: "Monospace"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia, Times New Roman, serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco, Courier New, monospace
}

.ql-snow .ql-picker.ql-size {
    width: 98px
}

.ql-snow .ql-picker.ql-size .ql-picker-label:before,
.ql-snow .ql-picker.ql-size .ql-picker-item:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    content: "Small"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    content: "Large"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    content: "Huge"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
}

.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: #0003 0 2px 8px
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0px
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}

.ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action:after {
    border-right: 1px solid #ccc;
    content: "Edit";
    margin-left: 16px;
    padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px
}

.ql-snow .ql-tooltip a {
    line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0px;
    content: "Save";
    padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=link]:before {
    content: "Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
}

.ql-snow a {
    color: #06c
}

.ql-container.ql-snow {
    border: 1px solid #ccc
}

.accordion .accordion-header .accordion-button[aria-expanded=true] span .icon-show,
.accordion .accordion-header .accordion-button[aria-expanded=true] span .icon-close,
.accordion .accordion-header .accordion-button[aria-expanded=false] span .icon-close,
.accordion .accordion-header .accordion-button[aria-expanded=false] span .icon-show {
    display: none
}

.page-header .design1 .nav-item .nav-link.active {
    color: #fff;
    background-color: #0d6efd
}

.page-header .design1 .nav-item .nav-link {
    padding: 10px 20px
}

.page-header .design1 .nav-item .nav-link:hover {
    background-color: transparent;
    color: #0d6efd
}

.page-header .design1 .nav-item .nav-link.active {
    background-color: #0d6efd;
    color: #fff
}

.page-header .design2 .nav-item .nav-link.active {
    color: #dc3545;
    background-color: transparent
}

.page-header .design2 .nav-item .nav-link {
    padding: 10px 0
}

.page-header .nav-pills.design3 li a.nav-link.active {
    background-color: #0ea2bd
}

.page-header .nav-pills.design3 li a.nav-link:hover {
    background-color: #fff;
    color: #000
}

.page-header .nav-pills.design3 li a.nav-link.active:hover {
    background-color: #2ab1cb;
    color: #fff
}

.page-header .nav-pills.tabsDesigns5 .nav-item .nav-link:hover {
    background-color: transparent
}

.page-header .nav-pills.tabsDesigns5 .nav-item .nav-link.active:hover {
    background-color: #05d2f3
}

.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.owl-carousel .item,
.owl-carousel .owl-item img {
    height: inherit
}

.owl-prev span,
.owl-next span {
    color: #fff;
    font-size: 50px;
    line-height: 37px;
    height: 50px
}

.owl-prev span:hover,
.owl-next span:hover {
    color: #fff
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 0;
    height: 100%
}

.owl-prev {
    left: 7px
}

.owl-next {
    right: 7px
}

.btn-backtotop-design1 {
    position: relative
}

.btn-backtotop-design1:before {
    content: "";
    width: 0%;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s
}

.btn-backtotop-design1:hover:before {
    width: 100%
}

fieldset {
    padding: 10px;
    border: 1px solid #999;
    margin-bottom: 20px
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
    width: unset;
    float: inherit
}

.colorPicker+color-picker .color-picker {
    left: auto !important;
    right: 19px !important;
    top: auto !important;
    position: absolute !important
}

.icon_social_list {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    font-size: 20px;
    background: #f7f0f0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
    display: inline-flex !important;
    justify-content: center;
    align-items: center
}

.icon_social_list:hover i {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer !important
}

.icon_social_list_square {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    font-size: 20px;
    background: #d7e6ff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    display: inline-flex !important;
    justify-content: center;
    align-items: center
}

.icon_social_list_square:hover i {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer !important
}

.icon {
    cursor: pointer
}

.icon i {
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.icon:hover i {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.icon_social_list_square_border {
    -webkit-transition: .4s ease;
    transition: .4s ease;
    font-size: 20px;
    border: 1px solid #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    display: inline-flex !important;
    justify-content: center;
    align-items: center
}

.icon_social_list_square_border i {
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.icon_social_list_square_border:hover i {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.ourFeature {
    border-left: 1px dashed #fff !important;
    border-bottom: 1px dashed #fff !important;
    border-right: 1px dashed #fff !important;
    transition: .5s;
    box-shadow: 0 5px 15px #e0e0e0
}

.ourFeature:hover {
    border-left: 1px dashed #393185 !important;
    border-right: 1px dashed #393185 !important;
    border-bottom: 1px dashed #393185 !important;
    color: #000;
    background: #f9f9f9;
    box-shadow: 0 5px 15px #cacaca
}

.peditorCls .inputBox,
.peditorCls .inputBox p-editor,
.peditorCls .inputBox p-editor .ui-widget.ui-editor-container {
    height: inherit
}

.showDesginTemplate {
    position: absolute;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 999;
    height: 100%
}

.service_design1 {
    border: 9px solid transparent;
    padding: 30px 22px;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    position: relative;
    z-index: 1;
    background: #f7f7f7;
    display: flex;
    height: 100%;
    align-items: center
}

.service_design1 .content_div {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.service_design1 .first_div span {
    color: #eb566c;
    font-size: 65px;
    margin-bottom: 30px;
    display: block
}

.service_design1 .second_div p {
    margin-bottom: 36px;
    color: #57667e;
    font-size: 16px;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.service_design1:hover {
    border: 1px solid transparent;
    color: #fff
}

.service_design1:hover:before {
    height: 100%
}

.service_design1:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    background: #ff2143;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    bottom: 0;
    left: 0;
    z-index: -1
}

.service_design1:hover .second_div p {
    color: #fff
}

.service_design2 {
    height: 300px
}

.service_design2 .content_div {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 15px #0000001a;
    transition: transform 1s;
    transform-style: preserve-3d
}

.service_design2:hover .content_div {
    transform: rotateY(180deg);
    transition: transform .5s
}

.service_design2 .first_div,
.second_div {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    color: #03446a;
    text-align: center;
    border-radius: 5px;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.service_design2 .second_div {
    background: #03446a;
    color: #fff;
    transform: rotateY(180deg);
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column
}

.cardProduct {
    position: relative;
    border-radius: 5px;
    box-shadow: 0 5px 10px #0000004d;
    height: 500px;
    overflow: hidden;
    background: #fff
}

.cardProduct>div {
    width: 90%;
    margin: 20px auto 0;
    text-align: center
}

.cardProduct>div>img {
    text-align: center
}

.details {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    position: absolute;
    top: 81%;
    width: 100% !important;
    transition: box-shadow .3s ease-in-out, top .3s ease-in-out
}

.cardProduct:hover .details {
    box-shadow: 0 -5px 10px #0000004d;
    top: 40%
}

.details>.min-details,
.details>.options,
.details>.options>.options-size,
.details>.options>.options-colors {
    margin-bottom: 10px;
    text-align: left
}

.details>.min-details {
    display: flex;
    justify-content: space-between
}

.details>.min-details>h4>span {
    color: #7b7b7b;
    display: block;
    font-size: .9rem;
    font-weight: 400
}

.details>.options h4 {
    margin-bottom: 5px
}

.details>.options ul {
    list-style-type: none;
    display: flex
}

.details>.options ul li {
    border-radius: 50%;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    text-align: center;
    width: 30px
}

.options-size>ul>li {
    background-color: #00000080;
    color: #fff;
    font-size: .7rem;
    font-weight: 900;
    text-transform: uppercase;
    transition: background-color .3s ease-in-out
}

.options-size>ul>li:hover {
    background-color: #192a56
}

.options-colors>ul>li {
    border: none
}

.options-colors>ul>li:nth-child(1) {
    background-color: #ff1
}

.options-colors>ul>li:nth-child(2) {
    background-color: #000
}

.options-colors>ul>li:nth-child(3) {
    background-color: #fb0000
}

.options-colors>ul>li:nth-child(4) {
    background-color: #ff69b4
}

.options-colors>ul>li:nth-child(5) {
    background-color: #192a56
}

.cardProduct .btn {
    background-color: #192a56;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    width: 100%;
    transition: box-shadow .3s ease-in-out, transform .3s ease-in-out
}

.cardProduct .btn:hover {
    box-shadow: 0 5px 10px #0000004d;
    transform: translateY(-2px)
}

body .ui-datepicker {
    padding: .257em !important
}

body .ui-datepicker table {
    font-size: 12px !important;
    margin: .257em 0 0 !important
}

body .ui-datepicker table th,
body .ui-datepicker table td,
body .ui-datepicker table td>a,
body .ui-datepicker table td>span {
    padding: .2em !important
}

.staff {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.staff .img-wrap {
    height: 250px
}

.staff:hover .img,
.staff:focus .img {
    margin-top: -10px
}

.staff .img {
    width: 100%;
    display: block;
    background-position: top center;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.staff .text {
    position: relative;
    background: #1d2736;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    color: #ffffffe6;
    z-index: 0;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0px 2px 25px -16px rgb(0 0 0 / 26%);
    -moz-box-shadow: 0px 2px 25px -16px rgba(0, 0, 0, .26);
    box-shadow: 0 2px 25px -16px #00000042
}

.staff .text h3 {
    font-size: 18px;
    font-weight: 700;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 5px;
    color: #fff
}

.staff .text .position {
    color: #4986fc;
    display: block;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.staff:hover .text,
.staff:focus .text {
    background: #fff
}

.staff:hover .text h3,
.staff:focus .text h3 {
    color: #000
}

.mid {
    background-attachment: fixed;
    position: relative;
    z-index: 0
}

.mid .overlay {
    position: absolute;
    inset: 0;
    content: "";
    z-index: -1;
    opacity: .8;
    background: #000;
    background: #207ce5;
    background: -moz-linear-gradient(45deg, #207ce5 0%, #6f4be8 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #207ce5), color-stop(100%, #6f4be8));
    background: -webkit-linear-gradient(45deg, #207ce5 0%, #6f4be8 100%);
    background: -o-linear-gradient(45deg, #207ce5 0%, #6f4be8 100%);
    background: -ms-linear-gradient(45deg, #207ce5 0%, #6f4be8 100%);
    background: linear-gradient(45deg, #207ce5, #6f4be8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#207ce5", endColorstr="#6f4be8", GradientType=1)
}

.banner-img {
    position: relative;
    clear: both
}

.banner-img .banner-text {
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 20px 30px
}

.banner-features {
    text-align: center;
    padding: 25px 15px;
    border-radius: 4px;
    border: 1px solid #cce7d0;
    -webkit-box-shadow: 20px 20px 54px rgb(0 0 0 / 3%);
    box-shadow: 20px 20px 54px #00000008
}

.banner-features h4 {
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    padding: 9px 8px 6px;
    line-height: 1;
    border-radius: 4px;
    color: #088178
}

.bg-1 {
    background-color: #fddde4 !important
}

.bg-3 {
    background-color: #d1e8f2 !important
}

.bg-2 {
    background-color: #cdebbc !important
}

.bg-4 {
    background-color: #cdd4f8 !important
}

.bg-5 {
    background-color: #f6dbf6 !important
}

.bg-6 {
    background-color: #fff2e5 !important
}

.hover-up {
    -webkit-transition: all .25s cubic-bezier(.02, .01, .47, 1);
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.hover-up:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all .25s cubic-bezier(.02, .01, .47, 1);
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

@media (max-width: 991px) {
    .notificationDrop {
        left: auto !important;
        right: 0 !important;
        position: fixed;
        top: auto !important
    }
}

.imgUpload .inputBox .preview {
    order: 1
}

.imgUpload .inputBox .previewUl {
    padding: 0
}

.imgUpload .inputBox .previewLi {
    list-style: none
}

.imgUpload .inputBox {
    flex-direction: column
}

.imgUpload .inputBox .form-control {
    order: 2
}

.rightFeedback.valid-feedback {
    width: auto;
    margin: 8px 0 8px 4px;
    white-space: nowrap
}

.twoDateCalc .form-control {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important
}

.twoDateCalc .form-control .ui-calendar.ui-calendar-w-btn {
    width: 100%
}

.inputBox.currentRight {
    flex-wrap: nowrap !important
}

.commonBtn,
.footerMenu {
    display: none
}

.modal-dialog .modal-body .d-flex.h-100.flex-column {
    overflow: unset
}

.modal-header button[aria-label=Close] {
    margin: -.5rem -.5rem -.5rem auto
}

.left .form-control,
.left .form-select,
.left .ui-inputtext,
.left .ui-multiselect-label {
    text-align: left
}

.center .form-control,
.center .form-select,
.center .ui-inputtext,
.center .ui-multiselect-label {
    text-align: center
}

.right .form-control,
.right .form-select,
.right .ui-inputtext,
.right .ui-multiselect-label {
    text-align: right
}

.input-group-text {
    padding: 0;
    border: 0;
    background: transparent
}

.input-group-text>i,
.input-group-text>.form-check,
.input-group-text>sag-checkbox-group,
.input-group-text>label,
.input-group-text>h5,
.input-group-text>h6,
.input-group-text>h4,
.input-group-text>h3 {
    padding: .375rem .75rem !important;
    display: flex;
    align-items: center;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    background-color: #e9ecef;
    border: 1px solid #ced4da
}

.input-group-text>.form-check .form-check-input {
    margin: 0 2px
}

.input-group-text>.form-check {
    line-height: 1.7
}

.input-group-text>label {
    font-size: 14px !important
}

.header_dynamicpage {
    background-color: #f5f5f5;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.body_dynamicpage {
    background-color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.rating-section {
    width: fit-content
}

.rating-card {
    max-width: 450px;
    margin-top: -5px
}

.rating-progress {
    width: 80% !important;
    height: 10px
}

.rating-progress2 {
    width: 60% !important;
    height: 8px
}

.p-rating-icon {
    font-size: 30px
}

.twoDateCalc .datelabel {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1px;
    background-color: #fff;
    inline-size: auto;
    width: calc(100% - 34px);
    height: 97%;
    line-height: 34px;
    padding-left: 10px
}

body:has(.accessibility_focus) a:focus-visible,
body:has(.accessibility_focus) button:focus-visible,
body:has(.accessibility_focus) input:focus-visible,
body:has(.accessibility_focus) textarea:focus-visible,
body:has(.accessibility_focus) select:focus-visible,
body:has(.keyboard_focus) a:focus-visible,
body:has(.keyboard_focus) button:focus-visible,
body:has(.keyboard_focus) input:focus-visible,
body:has(.keyboard_focus) textarea:focus-visible,
body:has(.keyboard_focus) select:focus-visible {
    outline: 3px solid #005FCC !important;
    outline-offset: 2px
}

body:has(.accessibility_focus) .owl-nav button:focus {
    outline: 3px solid #0266FA
}

.common_play_pause_slider {
    display: none
}

body:has(.accessibility_focus) .common_play_pause_slider {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 5;
    border-radius: 16px;
    border: 0;
    outline: 0;
    padding: 3px 21px;
    background: #fffb;
    font-size: 14px;
    letter-spacing: .6px;
    display: block
}

@media (max-width:1090px) {
    body:has(.accessibility_focus) .common_play_pause_slider {
        font-size: 13px;
        left: 10px;
        top: 10px;
        padding: 3px 12px;
        display: none
    }
}

.skip-link {
    display: none
}

body:has(.accessibility_focus) .skip-link {
    position: absolute;
    top: -380px;
    left: 10px;
    background: #f3f3f3;
    color: #000;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    transition: top .3s;
    display: block;
    z-index: 9999
}

body:has(.accessibility_focus) .skip-link:focus,
body:has(.accessibility_focus) .skip-link:focus-within {
    top: 10px;
    outline: 3px solid #feaa5b !important
}

body:has(.accessibility_focus) .visually_hidden,
body:has(.keyboard_focus) .visually_hidden {
    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;
    position: absolute
}

@media (max-width:1024) {
    .skip-link {
        display: none
    }
}

app-variouscommittees.mainPage .table-area.masterdiv .parentDflex {
    display: none
}

app-variouscommittees.mainPage .table-area.masterdiv {
    border: none
}

@font-face {
    font-family: Poppins;
    src: url("./media/Poppins-Regular-JNHL4IDV.ttf") format("truetype")
}

@font-face {
    font-family: PoppinsExtraBold;
    src: url("./media/Poppins-ExtraBold-OVZKTNJI.ttf") format("truetype")
}

@font-face {
    font-family: PoppinsBold;
    src: url("./media/Poppins-Bold-QAA2AGZS.ttf") format("truetype")
}

@font-face {
    font-family: PoppinsSemiBold;
    src: url("./media/Poppins-SemiBold-TBISX6G2.ttf") format("truetype")
}

@font-face {
    font-family: PoppinsMedium;
    src: url("./media/Poppins-Medium-UUWQX4EV.ttf") format("truetype")
}

.la,
.lab,
.lad,
.lal,
.lar,
.las {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.la-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.la-xs {
    font-size: .75em
}

.la-sm {
    font-size: .875em
}

.la-1x {
    font-size: 1em
}

.la-2x {
    font-size: 2em
}

.la-3x {
    font-size: 3em
}

.la-4x {
    font-size: 4em
}

.la-5x {
    font-size: 5em
}

.la-6x {
    font-size: 6em
}

.la-7x {
    font-size: 7em
}

.la-8x {
    font-size: 8em
}

.la-9x {
    font-size: 9em
}

.la-10x {
    font-size: 10em
}

.la-fw {
    text-align: center;
    width: 1.25em
}

.la-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.la-ul>li {
    position: relative
}

.la-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.la-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.la-pull-left {
    float: left
}

.la-pull-right {
    float: right
}

.la.la-pull-left,
.lab.la-pull-left,
.lal.la-pull-left,
.lar.la-pull-left,
.las.la-pull-left {
    margin-right: .3em
}

.la.la-pull-right,
.lab.la-pull-right,
.lal.la-pull-right,
.lar.la-pull-right,
.las.la-pull-right {
    margin-left: .3em
}

.la-spin {
    -webkit-animation: la-spin 2s infinite linear;
    animation: la-spin 2s infinite linear
}

.la-pulse {
    -webkit-animation: la-spin 1s infinite steps(8);
    animation: la-spin 1s infinite steps(8)
}

@-webkit-keyframes la-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes la-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.la-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.la-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.la-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.la-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    transform: scaleX(-1)
}

.la-flip-vertical {
    -webkit-transform: scale(1, -1);
    transform: scaleY(-1)
}

.la-flip-both,
.la-flip-horizontal.la-flip-vertical {
    -webkit-transform: scale(-1, -1);
    transform: scale(-1)
}

:root .la-flip-both,
:root .la-flip-horizontal,
:root .la-flip-vertical,
:root .la-rotate-180,
:root .la-rotate-270,
:root .la-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.la-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.la-stack-1x,
.la-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.la-stack-1x {
    line-height: inherit
}

.la-stack-2x {
    font-size: 2em
}

.la-inverse {
    color: #fff
}

.la-500px:before {
    content: "\f26e"
}

.la-accessible-icon:before {
    content: "\f368"
}

.la-accusoft:before {
    content: "\f369"
}

.la-acquisitions-incorporated:before {
    content: "\f6af"
}

.la-ad:before {
    content: "\f641"
}

.la-address-book:before {
    content: "\f2b9"
}

.la-address-card:before {
    content: "\f2bb"
}

.la-adjust:before {
    content: "\f042"
}

.la-adn:before {
    content: "\f170"
}

.la-adobe:before {
    content: "\f778"
}

.la-adversal:before {
    content: "\f36a"
}

.la-affiliatetheme:before {
    content: "\f36b"
}

.la-air-freshener:before {
    content: "\f5d0"
}

.la-airbnb:before {
    content: "\f834"
}

.la-algolia:before {
    content: "\f36c"
}

.la-align-center:before {
    content: "\f037"
}

.la-align-justify:before {
    content: "\f039"
}

.la-align-left:before {
    content: "\f036"
}

.la-align-right:before {
    content: "\f038"
}

.la-alipay:before {
    content: "\f642"
}

.la-allergies:before {
    content: "\f461"
}

.la-amazon:before {
    content: "\f270"
}

.la-amazon-pay:before {
    content: "\f42c"
}

.la-ambulance:before {
    content: "\f0f9"
}

.la-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.la-amilia:before {
    content: "\f36d"
}

.la-anchor:before {
    content: "\f13d"
}

.la-android:before {
    content: "\f17b"
}

.la-angellist:before {
    content: "\f209"
}

.la-angle-double-down:before {
    content: "\f103"
}

.la-angle-double-left:before {
    content: "\f100"
}

.la-angle-double-right:before {
    content: "\f101"
}

.la-angle-double-up:before {
    content: "\f102"
}

.la-angle-down:before {
    content: "\f107"
}

.la-angle-left:before {
    content: "\f104"
}

.la-angle-right:before {
    content: "\f105"
}

.la-angle-up:before {
    content: "\f106"
}

.la-angry:before {
    content: "\f556"
}

.la-angrycreative:before {
    content: "\f36e"
}

.la-angular:before {
    content: "\f420"
}

.la-ankh:before {
    content: "\f644"
}

.la-app-store:before {
    content: "\f36f"
}

.la-app-store-ios:before {
    content: "\f370"
}

.la-apper:before {
    content: "\f371"
}

.la-apple:before {
    content: "\f179"
}

.la-apple-alt:before {
    content: "\f5d1"
}

.la-apple-pay:before {
    content: "\f415"
}

.la-archive:before {
    content: "\f187"
}

.la-archway:before {
    content: "\f557"
}

.la-arrow-alt-circle-down:before {
    content: "\f358"
}

.la-arrow-alt-circle-left:before {
    content: "\f359"
}

.la-arrow-alt-circle-right:before {
    content: "\f35a"
}

.la-arrow-alt-circle-up:before {
    content: "\f35b"
}

.la-arrow-circle-down:before {
    content: "\f0ab"
}

.la-arrow-circle-left:before {
    content: "\f0a8"
}

.la-arrow-circle-right:before {
    content: "\f0a9"
}

.la-arrow-circle-up:before {
    content: "\f0aa"
}

.la-arrow-down:before {
    content: "\f063"
}

.la-arrow-left:before {
    content: "\f060"
}

.la-arrow-right:before {
    content: "\f061"
}

.la-arrow-up:before {
    content: "\f062"
}

.la-arrows-alt:before {
    content: "\f0b2"
}

.la-arrows-alt-h:before {
    content: "\f337"
}

.la-arrows-alt-v:before {
    content: "\f338"
}

.la-artstation:before {
    content: "\f77a"
}

.la-assistive-listening-systems:before {
    content: "\f2a2"
}

.la-asterisk:before {
    content: "\f069"
}

.la-asymmetrik:before {
    content: "\f372"
}

.la-at:before {
    content: "\f1fa"
}

.la-atlas:before {
    content: "\f558"
}

.la-atlassian:before {
    content: "\f77b"
}

.la-atom:before {
    content: "\f5d2"
}

.la-audible:before {
    content: "\f373"
}

.la-audio-description:before {
    content: "\f29e"
}

.la-autoprefixer:before {
    content: "\f41c"
}

.la-avianex:before {
    content: "\f374"
}

.la-aviato:before {
    content: "\f421"
}

.la-award:before {
    content: "\f559"
}

.la-aws:before {
    content: "\f375"
}

.la-baby:before {
    content: "\f77c"
}

.la-baby-carriage:before {
    content: "\f77d"
}

.la-backspace:before {
    content: "\f55a"
}

.la-backward:before {
    content: "\f04a"
}

.la-bacon:before {
    content: "\f7e5"
}

.la-balance-scale:before {
    content: "\f24e"
}

.la-balance-scale-left:before {
    content: "\f515"
}

.la-balance-scale-right:before {
    content: "\f516"
}

.la-ban:before {
    content: "\f05e"
}

.la-band-aid:before {
    content: "\f462"
}

.la-bandcamp:before {
    content: "\f2d5"
}

.la-barcode:before {
    content: "\f02a"
}

.la-bars:before {
    content: "\f0c9"
}

.la-baseball-ball:before {
    content: "\f433"
}

.la-basketball-ball:before {
    content: "\f434"
}

.la-bath:before {
    content: "\f2cd"
}

.la-battery-empty:before {
    content: "\f244"
}

.la-battery-full:before {
    content: "\f240"
}

.la-battery-half:before {
    content: "\f242"
}

.la-battery-quarter:before {
    content: "\f243"
}

.la-battery-three-quarters:before {
    content: "\f241"
}

.la-battle-net:before {
    content: "\f835"
}

.la-bed:before {
    content: "\f236"
}

.la-beer:before {
    content: "\f0fc"
}

.la-behance:before {
    content: "\f1b4"
}

.la-behance-square:before {
    content: "\f1b5"
}

.la-bell:before {
    content: "\f0f3"
}

.la-bell-slash:before {
    content: "\f1f6"
}

.la-bezier-curve:before {
    content: "\f55b"
}

.la-bible:before {
    content: "\f647"
}

.la-bicycle:before {
    content: "\f206"
}

.la-biking:before {
    content: "\f84a"
}

.la-bimobject:before {
    content: "\f378"
}

.la-binoculars:before {
    content: "\f1e5"
}

.la-biohazard:before {
    content: "\f780"
}

.la-birthday-cake:before {
    content: "\f1fd"
}

.la-bitbucket:before {
    content: "\f171"
}

.la-bitcoin:before {
    content: "\f379"
}

.la-bity:before {
    content: "\f37a"
}

.la-black-tie:before {
    content: "\f27e"
}

.la-blackberry:before {
    content: "\f37b"
}

.la-blender:before {
    content: "\f517"
}

.la-blender-phone:before {
    content: "\f6b6"
}

.la-blind:before {
    content: "\f29d"
}

.la-blog:before {
    content: "\f781"
}

.la-blogger:before {
    content: "\f37c"
}

.la-blogger-b:before {
    content: "\f37d"
}

.la-bluetooth:before {
    content: "\f293"
}

.la-bluetooth-b:before {
    content: "\f294"
}

.la-bold:before {
    content: "\f032"
}

.la-bolt:before {
    content: "\f0e7"
}

.la-bomb:before {
    content: "\f1e2"
}

.la-bone:before {
    content: "\f5d7"
}

.la-bong:before {
    content: "\f55c"
}

.la-book:before {
    content: "\f02d"
}

.la-book-dead:before {
    content: "\f6b7"
}

.la-book-medical:before {
    content: "\f7e6"
}

.la-book-open:before {
    content: "\f518"
}

.la-book-reader:before {
    content: "\f5da"
}

.la-bookmark:before {
    content: "\f02e"
}

.la-bootstrap:before {
    content: "\f836"
}

.la-border-all:before {
    content: "\f84c"
}

.la-border-none:before {
    content: "\f850"
}

.la-border-style:before {
    content: "\f853"
}

.la-bowling-ball:before {
    content: "\f436"
}

.la-box:before {
    content: "\f466"
}

.la-box-open:before {
    content: "\f49e"
}

.la-boxes:before {
    content: "\f468"
}

.la-braille:before {
    content: "\f2a1"
}

.la-brain:before {
    content: "\f5dc"
}

.la-bread-slice:before {
    content: "\f7ec"
}

.la-briefcase:before {
    content: "\f0b1"
}

.la-briefcase-medical:before {
    content: "\f469"
}

.la-broadcast-tower:before {
    content: "\f519"
}

.la-broom:before {
    content: "\f51a"
}

.la-brush:before {
    content: "\f55d"
}

.la-btc:before {
    content: "\f15a"
}

.la-buffer:before {
    content: "\f837"
}

.la-bug:before {
    content: "\f188"
}

.la-building:before {
    content: "\f1ad"
}

.la-bullhorn:before {
    content: "\f0a1"
}

.la-bullseye:before {
    content: "\f140"
}

.la-burn:before {
    content: "\f46a"
}

.la-buromobelexperte:before {
    content: "\f37f"
}

.la-bus:before {
    content: "\f207"
}

.la-bus-alt:before {
    content: "\f55e"
}

.la-business-time:before {
    content: "\f64a"
}

.la-buy-n-large:before {
    content: "\f8a6"
}

.la-buysellads:before {
    content: "\f20d"
}

.la-calculator:before {
    content: "\f1ec"
}

.la-calendar:before {
    content: "\f133"
}

.la-calendar-alt:before {
    content: "\f073"
}

.la-calendar-check:before {
    content: "\f274"
}

.la-calendar-day:before {
    content: "\f783"
}

.la-calendar-minus:before {
    content: "\f272"
}

.la-calendar-plus:before {
    content: "\f271"
}

.la-calendar-times:before {
    content: "\f273"
}

.la-calendar-week:before {
    content: "\f784"
}

.la-camera:before {
    content: "\f030"
}

.la-camera-retro:before {
    content: "\f083"
}

.la-campground:before {
    content: "\f6bb"
}

.la-canadian-maple-leaf:before {
    content: "\f785"
}

.la-candy-cane:before {
    content: "\f786"
}

.la-cannabis:before {
    content: "\f55f"
}

.la-capsules:before {
    content: "\f46b"
}

.la-car:before {
    content: "\f1b9"
}

.la-car-alt:before {
    content: "\f5de"
}

.la-car-battery:before {
    content: "\f5df"
}

.la-car-crash:before {
    content: "\f5e1"
}

.la-car-side:before {
    content: "\f5e4"
}

.la-caret-down:before {
    content: "\f0d7"
}

.la-caret-left:before {
    content: "\f0d9"
}

.la-caret-right:before {
    content: "\f0da"
}

.la-caret-square-down:before {
    content: "\f150"
}

.la-caret-square-left:before {
    content: "\f191"
}

.la-caret-square-right:before {
    content: "\f152"
}

.la-caret-square-up:before {
    content: "\f151"
}

.la-caret-up:before {
    content: "\f0d8"
}

.la-carrot:before {
    content: "\f787"
}

.la-cart-arrow-down:before {
    content: "\f218"
}

.la-cart-plus:before {
    content: "\f217"
}

.la-cash-register:before {
    content: "\f788"
}

.la-cat:before {
    content: "\f6be"
}

.la-cc-amazon-pay:before {
    content: "\f42d"
}

.la-cc-amex:before {
    content: "\f1f3"
}

.la-cc-apple-pay:before {
    content: "\f416"
}

.la-cc-diners-club:before {
    content: "\f24c"
}

.la-cc-discover:before {
    content: "\f1f2"
}

.la-cc-jcb:before {
    content: "\f24b"
}

.la-cc-mastercard:before {
    content: "\f1f1"
}

.la-cc-paypal:before {
    content: "\f1f4"
}

.la-cc-stripe:before {
    content: "\f1f5"
}

.la-cc-visa:before {
    content: "\f1f0"
}

.la-centercode:before {
    content: "\f380"
}

.la-centos:before {
    content: "\f789"
}

.la-certificate:before {
    content: "\f0a3"
}

.la-chair:before {
    content: "\f6c0"
}

.la-chalkboard:before {
    content: "\f51b"
}

.la-chalkboard-teacher:before {
    content: "\f51c"
}

.la-charging-station:before {
    content: "\f5e7"
}

.la-chart-area:before {
    content: "\f1fe"
}

.la-chart-bar:before {
    content: "\f080"
}

.la-chart-line:before {
    content: "\f201"
}

.la-chart-pie:before {
    content: "\f200"
}

.la-check:before {
    content: "\f00c"
}

.la-check-circle:before {
    content: "\f058"
}

.la-check-double:before {
    content: "\f560"
}

.la-check-square:before {
    content: "\f14a"
}

.la-cheese:before {
    content: "\f7ef"
}

.la-chess:before {
    content: "\f439"
}

.la-chess-bishop:before {
    content: "\f43a"
}

.la-chess-board:before {
    content: "\f43c"
}

.la-chess-king:before {
    content: "\f43f"
}

.la-chess-knight:before {
    content: "\f441"
}

.la-chess-pawn:before {
    content: "\f443"
}

.la-chess-queen:before {
    content: "\f445"
}

.la-chess-rook:before {
    content: "\f447"
}

.la-chevron-circle-down:before {
    content: "\f13a"
}

.la-chevron-circle-left:before {
    content: "\f137"
}

.la-chevron-circle-right:before {
    content: "\f138"
}

.la-chevron-circle-up:before {
    content: "\f139"
}

.la-chevron-down:before {
    content: "\f078"
}

.la-chevron-left:before {
    content: "\f053"
}

.la-chevron-right:before {
    content: "\f054"
}

.la-chevron-up:before {
    content: "\f077"
}

.la-child:before {
    content: "\f1ae"
}

.la-chrome:before {
    content: "\f268"
}

.la-chromecast:before {
    content: "\f838"
}

.la-church:before {
    content: "\f51d"
}

.la-circle:before {
    content: "\f111"
}

.la-circle-notch:before {
    content: "\f1ce"
}

.la-city:before {
    content: "\f64f"
}

.la-clinic-medical:before {
    content: "\f7f2"
}

.la-clipboard:before {
    content: "\f328"
}

.la-clipboard-check:before {
    content: "\f46c"
}

.la-clipboard-list:before {
    content: "\f46d"
}

.la-clock:before {
    content: "\f017"
}

.la-clone:before {
    content: "\f24d"
}

.la-closed-captioning:before {
    content: "\f20a"
}

.la-cloud:before {
    content: "\f0c2"
}

.la-cloud-download-alt:before {
    content: "\f381"
}

.la-cloud-meatball:before {
    content: "\f73b"
}

.la-cloud-moon:before {
    content: "\f6c3"
}

.la-cloud-moon-rain:before {
    content: "\f73c"
}

.la-cloud-rain:before {
    content: "\f73d"
}

.la-cloud-showers-heavy:before {
    content: "\f740"
}

.la-cloud-sun:before {
    content: "\f6c4"
}

.la-cloud-sun-rain:before {
    content: "\f743"
}

.la-cloud-upload-alt:before {
    content: "\f382"
}

.la-cloudscale:before {
    content: "\f383"
}

.la-cloudsmith:before {
    content: "\f384"
}

.la-cloudversify:before {
    content: "\f385"
}

.la-cocktail:before {
    content: "\f561"
}

.la-code:before {
    content: "\f121"
}

.la-code-branch:before {
    content: "\f126"
}

.la-codepen:before {
    content: "\f1cb"
}

.la-codiepie:before {
    content: "\f284"
}

.la-coffee:before {
    content: "\f0f4"
}

.la-cog:before {
    content: "\f013"
}

.la-cogs:before {
    content: "\f085"
}

.la-coins:before {
    content: "\f51e"
}

.la-columns:before {
    content: "\f0db"
}

.la-comment:before {
    content: "\f075"
}

.la-comment-alt:before {
    content: "\f27a"
}

.la-comment-dollar:before {
    content: "\f651"
}

.la-comment-dots:before {
    content: "\f4ad"
}

.la-comment-medical:before {
    content: "\f7f5"
}

.la-comment-slash:before {
    content: "\f4b3"
}

.la-comments:before {
    content: "\f086"
}

.la-comments-dollar:before {
    content: "\f653"
}

.la-compact-disc:before {
    content: "\f51f"
}

.la-compass:before {
    content: "\f14e"
}

.la-compress:before {
    content: "\f066"
}

.la-compress-arrows-alt:before {
    content: "\f78c"
}

.la-concierge-bell:before {
    content: "\f562"
}

.la-confluence:before {
    content: "\f78d"
}

.la-connectdevelop:before {
    content: "\f20e"
}

.la-contao:before {
    content: "\f26d"
}

.la-cookie:before {
    content: "\f563"
}

.la-cookie-bite:before {
    content: "\f564"
}

.la-copy:before {
    content: "\f0c5"
}

.la-copyright:before {
    content: "\f1f9"
}

.la-cotton-bureau:before {
    content: "\f89e"
}

.la-couch:before {
    content: "\f4b8"
}

.la-cpanel:before {
    content: "\f388"
}

.la-creative-commons:before {
    content: "\f25e"
}

.la-creative-commons-by:before {
    content: "\f4e7"
}

.la-creative-commons-nc:before {
    content: "\f4e8"
}

.la-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.la-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.la-creative-commons-nd:before {
    content: "\f4eb"
}

.la-creative-commons-pd:before {
    content: "\f4ec"
}

.la-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.la-creative-commons-remix:before {
    content: "\f4ee"
}

.la-creative-commons-sa:before {
    content: "\f4ef"
}

.la-creative-commons-sampling:before {
    content: "\f4f0"
}

.la-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.la-creative-commons-share:before {
    content: "\f4f2"
}

.la-creative-commons-zero:before {
    content: "\f4f3"
}

.la-credit-card:before {
    content: "\f09d"
}

.la-critical-role:before {
    content: "\f6c9"
}

.la-crop:before {
    content: "\f125"
}

.la-crop-alt:before {
    content: "\f565"
}

.la-cross:before {
    content: "\f654"
}

.la-crosshairs:before {
    content: "\f05b"
}

.la-crow:before {
    content: "\f520"
}

.la-crown:before {
    content: "\f521"
}

.la-crutch:before {
    content: "\f7f7"
}

.la-css3:before {
    content: "\f13c"
}

.la-css3-alt:before {
    content: "\f38b"
}

.la-cube:before {
    content: "\f1b2"
}

.la-cubes:before {
    content: "\f1b3"
}

.la-cut:before {
    content: "\f0c4"
}

.la-cuttlefish:before {
    content: "\f38c"
}

.la-d-and-d:before {
    content: "\f38d"
}

.la-d-and-d-beyond:before {
    content: "\f6ca"
}

.la-dashcube:before {
    content: "\f210"
}

.la-database:before {
    content: "\f1c0"
}

.la-deaf:before {
    content: "\f2a4"
}

.la-delicious:before {
    content: "\f1a5"
}

.la-democrat:before {
    content: "\f747"
}

.la-deploydog:before {
    content: "\f38e"
}

.la-deskpro:before {
    content: "\f38f"
}

.la-desktop:before {
    content: "\f108"
}

.la-dev:before {
    content: "\f6cc"
}

.la-deviantart:before {
    content: "\f1bd"
}

.la-dharmachakra:before {
    content: "\f655"
}

.la-dhl:before {
    content: "\f790"
}

.la-diagnoses:before {
    content: "\f470"
}

.la-diaspora:before {
    content: "\f791"
}

.la-dice:before {
    content: "\f522"
}

.la-dice-d20:before {
    content: "\f6cf"
}

.la-dice-d6:before {
    content: "\f6d1"
}

.la-dice-five:before {
    content: "\f523"
}

.la-dice-four:before {
    content: "\f524"
}

.la-dice-one:before {
    content: "\f525"
}

.la-dice-six:before {
    content: "\f526"
}

.la-dice-three:before {
    content: "\f527"
}

.la-dice-two:before {
    content: "\f528"
}

.la-digg:before {
    content: "\f1a6"
}

.la-digital-ocean:before {
    content: "\f391"
}

.la-digital-tachograph:before {
    content: "\f566"
}

.la-directions:before {
    content: "\f5eb"
}

.la-discord:before {
    content: "\f392"
}

.la-discourse:before {
    content: "\f393"
}

.la-divide:before {
    content: "\f529"
}

.la-dizzy:before {
    content: "\f567"
}

.la-dna:before {
    content: "\f471"
}

.la-dochub:before {
    content: "\f394"
}

.la-docker:before {
    content: "\f395"
}

.la-dog:before {
    content: "\f6d3"
}

.la-dollar-sign:before {
    content: "\f155"
}

.la-dolly:before {
    content: "\f472"
}

.la-dolly-flatbed:before {
    content: "\f474"
}

.la-donate:before {
    content: "\f4b9"
}

.la-door-closed:before {
    content: "\f52a"
}

.la-door-open:before {
    content: "\f52b"
}

.la-dot-circle:before {
    content: "\f192"
}

.la-dove:before {
    content: "\f4ba"
}

.la-download:before {
    content: "\f019"
}

.la-draft2digital:before {
    content: "\f396"
}

.la-drafting-compass:before {
    content: "\f568"
}

.la-dragon:before {
    content: "\f6d5"
}

.la-draw-polygon:before {
    content: "\f5ee"
}

.la-dribbble:before {
    content: "\f17d"
}

.la-dribbble-square:before {
    content: "\f397"
}

.la-dropbox:before {
    content: "\f16b"
}

.la-drum:before {
    content: "\f569"
}

.la-drum-steelpan:before {
    content: "\f56a"
}

.la-drumstick-bite:before {
    content: "\f6d7"
}

.la-drupal:before {
    content: "\f1a9"
}

.la-dumbbell:before {
    content: "\f44b"
}

.la-dumpster:before {
    content: "\f793"
}

.la-dumpster-fire:before {
    content: "\f794"
}

.la-dungeon:before {
    content: "\f6d9"
}

.la-dyalog:before {
    content: "\f399"
}

.la-earlybirds:before {
    content: "\f39a"
}

.la-ebay:before {
    content: "\f4f4"
}

.la-edge:before {
    content: "\f282"
}

.la-edit:before {
    content: "\f044"
}

.la-egg:before {
    content: "\f7fb"
}

.la-eject:before {
    content: "\f052"
}

.la-elementor:before {
    content: "\f430"
}

.la-ellipsis-h:before {
    content: "\f141"
}

.la-ellipsis-v:before {
    content: "\f142"
}

.la-ello:before {
    content: "\f5f1"
}

.la-ember:before {
    content: "\f423"
}

.la-empire:before {
    content: "\f1d1"
}

.la-envelope:before {
    content: "\f0e0"
}

.la-envelope-open:before {
    content: "\f2b6"
}

.la-envelope-open-text:before {
    content: "\f658"
}

.la-envelope-square:before {
    content: "\f199"
}

.la-envira:before {
    content: "\f299"
}

.la-equals:before {
    content: "\f52c"
}

.la-eraser:before {
    content: "\f12d"
}

.la-erlang:before {
    content: "\f39d"
}

.la-ethereum:before {
    content: "\f42e"
}

.la-ethernet:before {
    content: "\f796"
}

.la-etsy:before {
    content: "\f2d7"
}

.la-euro-sign:before {
    content: "\f153"
}

.la-evernote:before {
    content: "\f839"
}

.la-exchange-alt:before {
    content: "\f362"
}

.la-exclamation:before {
    content: "\f12a"
}

.la-exclamation-circle:before {
    content: "\f06a"
}

.la-exclamation-triangle:before {
    content: "\f071"
}

.la-expand:before {
    content: "\f065"
}

.la-expand-arrows-alt:before {
    content: "\f31e"
}

.la-expeditedssl:before {
    content: "\f23e"
}

.la-external-link-alt:before {
    content: "\f35d"
}

.la-external-link-square-alt:before {
    content: "\f360"
}

.la-eye:before {
    content: "\f06e"
}

.la-eye-dropper:before {
    content: "\f1fb"
}

.la-eye-slash:before {
    content: "\f070"
}

.la-facebook:before {
    content: "\f09a"
}

.la-facebook-f:before {
    content: "\f39e"
}

.la-facebook-messenger:before {
    content: "\f39f"
}

.la-facebook-square:before {
    content: "\f082"
}

.la-fan:before {
    content: "\f863"
}

.la-fantasy-flight-games:before {
    content: "\f6dc"
}

.la-fast-backward:before {
    content: "\f049"
}

.la-fast-forward:before {
    content: "\f050"
}

.la-fax:before {
    content: "\f1ac"
}

.la-feather:before {
    content: "\f52d"
}

.la-feather-alt:before {
    content: "\f56b"
}

.la-fedex:before {
    content: "\f797"
}

.la-fedora:before {
    content: "\f798"
}

.la-female:before {
    content: "\f182"
}

.la-fighter-jet:before {
    content: "\f0fb"
}

.la-figma:before {
    content: "\f799"
}

.la-file:before {
    content: "\f15b"
}

.la-file-alt:before {
    content: "\f15c"
}

.la-file-archive:before {
    content: "\f1c6"
}

.la-file-audio:before {
    content: "\f1c7"
}

.la-file-code:before {
    content: "\f1c9"
}

.la-file-contract:before {
    content: "\f56c"
}

.la-file-csv:before {
    content: "\f6dd"
}

.la-file-download:before {
    content: "\f56d"
}

.la-file-excel:before {
    content: "\f1c3"
}

.la-file-export:before {
    content: "\f56e"
}

.la-file-image:before {
    content: "\f1c5"
}

.la-file-import:before {
    content: "\f56f"
}

.la-file-invoice:before {
    content: "\f570"
}

.la-file-invoice-dollar:before {
    content: "\f571"
}

.la-file-medical:before {
    content: "\f477"
}

.la-file-medical-alt:before {
    content: "\f478"
}

.la-file-pdf:before {
    content: "\f1c1"
}

.la-file-powerpoint:before {
    content: "\f1c4"
}

.la-file-prescription:before {
    content: "\f572"
}

.la-file-signature:before {
    content: "\f573"
}

.la-file-upload:before {
    content: "\f574"
}

.la-file-video:before {
    content: "\f1c8"
}

.la-file-word:before {
    content: "\f1c2"
}

.la-fill:before {
    content: "\f575"
}

.la-fill-drip:before {
    content: "\f576"
}

.la-film:before {
    content: "\f008"
}

.la-filter:before {
    content: "\f0b0"
}

.la-fingerprint:before {
    content: "\f577"
}

.la-fire:before {
    content: "\f06d"
}

.la-fire-alt:before {
    content: "\f7e4"
}

.la-fire-extinguisher:before {
    content: "\f134"
}

.la-firefox:before {
    content: "\f269"
}

.la-first-aid:before {
    content: "\f479"
}

.la-first-order:before {
    content: "\f2b0"
}

.la-first-order-alt:before {
    content: "\f50a"
}

.la-firstdraft:before {
    content: "\f3a1"
}

.la-fish:before {
    content: "\f578"
}

.la-fist-raised:before {
    content: "\f6de"
}

.la-flag:before {
    content: "\f024"
}

.la-flag-checkered:before {
    content: "\f11e"
}

.la-flag-usa:before {
    content: "\f74d"
}

.la-flask:before {
    content: "\f0c3"
}

.la-flickr:before {
    content: "\f16e"
}

.la-flipboard:before {
    content: "\f44d"
}

.la-flushed:before {
    content: "\f579"
}

.la-fly:before {
    content: "\f417"
}

.la-folder:before {
    content: "\f07b"
}

.la-folder-minus:before {
    content: "\f65d"
}

.la-folder-open:before {
    content: "\f07c"
}

.la-folder-plus:before {
    content: "\f65e"
}

.la-font:before {
    content: "\f031"
}

.la-font-awesome:before {
    content: "\f2b4"
}

.la-font-awesome-alt:before {
    content: "\f35c"
}

.la-font-awesome-flag:before {
    content: "\f425"
}

.la-font-awesome-logo-full:before {
    content: "\f4e6"
}

.la-fonticons:before {
    content: "\f280"
}

.la-fonticons-fi:before {
    content: "\f3a2"
}

.la-football-ball:before {
    content: "\f44e"
}

.la-fort-awesome:before {
    content: "\f286"
}

.la-fort-awesome-alt:before {
    content: "\f3a3"
}

.la-forumbee:before {
    content: "\f211"
}

.la-forward:before {
    content: "\f04e"
}

.la-foursquare:before {
    content: "\f180"
}

.la-free-code-camp:before {
    content: "\f2c5"
}

.la-freebsd:before {
    content: "\f3a4"
}

.la-frog:before {
    content: "\f52e"
}

.la-frown:before {
    content: "\f119"
}

.la-frown-open:before {
    content: "\f57a"
}

.la-fulcrum:before {
    content: "\f50b"
}

.la-funnel-dollar:before {
    content: "\f662"
}

.la-futbol:before {
    content: "\f1e3"
}

.la-galactic-republic:before {
    content: "\f50c"
}

.la-galactic-senate:before {
    content: "\f50d"
}

.la-gamepad:before {
    content: "\f11b"
}

.la-gas-pump:before {
    content: "\f52f"
}

.la-gavel:before {
    content: "\f0e3"
}

.la-gem:before {
    content: "\f3a5"
}

.la-genderless:before {
    content: "\f22d"
}

.la-get-pocket:before {
    content: "\f265"
}

.la-gg:before {
    content: "\f260"
}

.la-gg-circle:before {
    content: "\f261"
}

.la-ghost:before {
    content: "\f6e2"
}

.la-gift:before {
    content: "\f06b"
}

.la-gifts:before {
    content: "\f79c"
}

.la-git:before {
    content: "\f1d3"
}

.la-git-alt:before {
    content: "\f841"
}

.la-git-square:before {
    content: "\f1d2"
}

.la-github:before {
    content: "\f09b"
}

.la-github-alt:before {
    content: "\f113"
}

.la-github-square:before {
    content: "\f092"
}

.la-gitkraken:before {
    content: "\f3a6"
}

.la-gitlab:before {
    content: "\f296"
}

.la-gitter:before {
    content: "\f426"
}

.la-glass-cheers:before {
    content: "\f79f"
}

.la-glass-martini:before {
    content: "\f000"
}

.la-glass-martini-alt:before {
    content: "\f57b"
}

.la-glass-whiskey:before {
    content: "\f7a0"
}

.la-glasses:before {
    content: "\f530"
}

.la-glide:before {
    content: "\f2a5"
}

.la-glide-g:before {
    content: "\f2a6"
}

.la-globe:before {
    content: "\f0ac"
}

.la-globe-africa:before {
    content: "\f57c"
}

.la-globe-americas:before {
    content: "\f57d"
}

.la-globe-asia:before {
    content: "\f57e"
}

.la-globe-europe:before {
    content: "\f7a2"
}

.la-gofore:before {
    content: "\f3a7"
}

.la-golf-ball:before {
    content: "\f450"
}

.la-goodreads:before {
    content: "\f3a8"
}

.la-goodreads-g:before {
    content: "\f3a9"
}

.la-google:before {
    content: "\f1a0"
}

.la-google-drive:before {
    content: "\f3aa"
}

.la-google-play:before {
    content: "\f3ab"
}

.la-google-plus:before {
    content: "\f2b3"
}

.la-google-plus-g:before {
    content: "\f0d5"
}

.la-google-plus-square:before {
    content: "\f0d4"
}

.la-google-wallet:before {
    content: "\f1ee"
}

.la-gopuram:before {
    content: "\f664"
}

.la-graduation-cap:before {
    content: "\f19d"
}

.la-gratipay:before {
    content: "\f184"
}

.la-grav:before {
    content: "\f2d6"
}

.la-greater-than:before {
    content: "\f531"
}

.la-greater-than-equal:before {
    content: "\f532"
}

.la-grimace:before {
    content: "\f57f"
}

.la-grin:before {
    content: "\f580"
}

.la-grin-alt:before {
    content: "\f581"
}

.la-grin-beam:before {
    content: "\f582"
}

.la-grin-beam-sweat:before {
    content: "\f583"
}

.la-grin-hearts:before {
    content: "\f584"
}

.la-grin-squint:before {
    content: "\f585"
}

.la-grin-squint-tears:before {
    content: "\f586"
}

.la-grin-stars:before {
    content: "\f587"
}

.la-grin-tears:before {
    content: "\f588"
}

.la-grin-tongue:before {
    content: "\f589"
}

.la-grin-tongue-squint:before {
    content: "\f58a"
}

.la-grin-tongue-wink:before {
    content: "\f58b"
}

.la-grin-wink:before {
    content: "\f58c"
}

.la-grip-horizontal:before {
    content: "\f58d"
}

.la-grip-lines:before {
    content: "\f7a4"
}

.la-grip-lines-vertical:before {
    content: "\f7a5"
}

.la-grip-vertical:before {
    content: "\f58e"
}

.la-gripfire:before {
    content: "\f3ac"
}

.la-grunt:before {
    content: "\f3ad"
}

.la-guitar:before {
    content: "\f7a6"
}

.la-gulp:before {
    content: "\f3ae"
}

.la-h-square:before {
    content: "\f0fd"
}

.la-hacker-news:before {
    content: "\f1d4"
}

.la-hacker-news-square:before {
    content: "\f3af"
}

.la-hackerrank:before {
    content: "\f5f7"
}

.la-hamburger:before {
    content: "\f805"
}

.la-hammer:before {
    content: "\f6e3"
}

.la-hamsa:before {
    content: "\f665"
}

.la-hand-holding:before {
    content: "\f4bd"
}

.la-hand-holding-heart:before {
    content: "\f4be"
}

.la-hand-holding-usd:before {
    content: "\f4c0"
}

.la-hand-lizard:before {
    content: "\f258"
}

.la-hand-middle-finger:before {
    content: "\f806"
}

.la-hand-paper:before {
    content: "\f256"
}

.la-hand-peace:before {
    content: "\f25b"
}

.la-hand-point-down:before {
    content: "\f0a7"
}

.la-hand-point-left:before {
    content: "\f0a5"
}

.la-hand-point-right:before {
    content: "\f0a4"
}

.la-hand-point-up:before {
    content: "\f0a6"
}

.la-hand-pointer:before {
    content: "\f25a"
}

.la-hand-rock:before {
    content: "\f255"
}

.la-hand-scissors:before {
    content: "\f257"
}

.la-hand-spock:before {
    content: "\f259"
}

.la-hands:before {
    content: "\f4c2"
}

.la-hands-helping:before {
    content: "\f4c4"
}

.la-handshake:before {
    content: "\f2b5"
}

.la-hanukiah:before {
    content: "\f6e6"
}

.la-hard-hat:before {
    content: "\f807"
}

.la-hashtag:before {
    content: "\f292"
}

.la-hat-cowboy:before {
    content: "\f8c0"
}

.la-hat-cowboy-side:before {
    content: "\f8c1"
}

.la-hat-wizard:before {
    content: "\f6e8"
}

.la-haykal:before {
    content: "\f666"
}

.la-hdd:before {
    content: "\f0a0"
}

.la-heading:before {
    content: "\f1dc"
}

.la-headphones:before {
    content: "\f025"
}

.la-headphones-alt:before {
    content: "\f58f"
}

.la-headset:before {
    content: "\f590"
}

.la-heart:before {
    content: "\f004"
}

.la-heart-broken:before {
    content: "\f7a9"
}

.la-heartbeat:before {
    content: "\f21e"
}

.la-helicopter:before {
    content: "\f533"
}

.la-highlighter:before {
    content: "\f591"
}

.la-hiking:before {
    content: "\f6ec"
}

.la-hippo:before {
    content: "\f6ed"
}

.la-hips:before {
    content: "\f452"
}

.la-hire-a-helper:before {
    content: "\f3b0"
}

.la-history:before {
    content: "\f1da"
}

.la-hockey-puck:before {
    content: "\f453"
}

.la-holly-berry:before {
    content: "\f7aa"
}

.la-home:before {
    content: "\f015"
}

.la-hooli:before {
    content: "\f427"
}

.la-hornbill:before {
    content: "\f592"
}

.la-horse:before {
    content: "\f6f0"
}

.la-horse-head:before {
    content: "\f7ab"
}

.la-hospital:before {
    content: "\f0f8"
}

.la-hospital-alt:before {
    content: "\f47d"
}

.la-hospital-symbol:before {
    content: "\f47e"
}

.la-hot-tub:before {
    content: "\f593"
}

.la-hotdog:before {
    content: "\f80f"
}

.la-hotel:before {
    content: "\f594"
}

.la-hotjar:before {
    content: "\f3b1"
}

.la-hourglass:before {
    content: "\f254"
}

.la-hourglass-end:before {
    content: "\f253"
}

.la-hourglass-half:before {
    content: "\f252"
}

.la-hourglass-start:before {
    content: "\f251"
}

.la-house-damage:before {
    content: "\f6f1"
}

.la-houzz:before {
    content: "\f27c"
}

.la-hryvnia:before {
    content: "\f6f2"
}

.la-html5:before {
    content: "\f13b"
}

.la-hubspot:before {
    content: "\f3b2"
}

.la-i-cursor:before {
    content: "\f246"
}

.la-ice-cream:before {
    content: "\f810"
}

.la-icicles:before {
    content: "\f7ad"
}

.la-icons:before {
    content: "\f86d"
}

.la-id-badge:before {
    content: "\f2c1"
}

.la-id-card:before {
    content: "\f2c2"
}

.la-id-card-alt:before {
    content: "\f47f"
}

.la-igloo:before {
    content: "\f7ae"
}

.la-image:before {
    content: "\f03e"
}

.la-images:before {
    content: "\f302"
}

.la-imdb:before {
    content: "\f2d8"
}

.la-inbox:before {
    content: "\f01c"
}

.la-indent:before {
    content: "\f03c"
}

.la-industry:before {
    content: "\f275"
}

.la-infinity:before {
    content: "\f534"
}

.la-info:before {
    content: "\f129"
}

.la-info-circle:before {
    content: "\f05a"
}

.la-instagram:before {
    content: "\f16d"
}

.la-intercom:before {
    content: "\f7af"
}

.la-internet-explorer:before {
    content: "\f26b"
}

.la-invision:before {
    content: "\f7b0"
}

.la-ioxhost:before {
    content: "\f208"
}

.la-italic:before {
    content: "\f033"
}

.la-itch-io:before {
    content: "\f83a"
}

.la-itunes:before {
    content: "\f3b4"
}

.la-itunes-note:before {
    content: "\f3b5"
}

.la-java:before {
    content: "\f4e4"
}

.la-jedi:before {
    content: "\f669"
}

.la-jedi-order:before {
    content: "\f50e"
}

.la-jenkins:before {
    content: "\f3b6"
}

.la-jira:before {
    content: "\f7b1"
}

.la-joget:before {
    content: "\f3b7"
}

.la-joint:before {
    content: "\f595"
}

.la-joomla:before {
    content: "\f1aa"
}

.la-journal-whills:before {
    content: "\f66a"
}

.la-js:before {
    content: "\f3b8"
}

.la-js-square:before {
    content: "\f3b9"
}

.la-jsfiddle:before {
    content: "\f1cc"
}

.la-kaaba:before {
    content: "\f66b"
}

.la-kaggle:before {
    content: "\f5fa"
}

.la-key:before {
    content: "\f084"
}

.la-keybase:before {
    content: "\f4f5"
}

.la-keyboard:before {
    content: "\f11c"
}

.la-keycdn:before {
    content: "\f3ba"
}

.la-khanda:before {
    content: "\f66d"
}

.la-kickstarter:before {
    content: "\f3bb"
}

.la-kickstarter-k:before {
    content: "\f3bc"
}

.la-kiss:before {
    content: "\f596"
}

.la-kiss-beam:before {
    content: "\f597"
}

.la-kiss-wink-heart:before {
    content: "\f598"
}

.la-kiwi-bird:before {
    content: "\f535"
}

.la-korvue:before {
    content: "\f42f"
}

.la-landmark:before {
    content: "\f66f"
}

.la-language:before {
    content: "\f1ab"
}

.la-laptop:before {
    content: "\f109"
}

.la-laptop-code:before {
    content: "\f5fc"
}

.la-laptop-medical:before {
    content: "\f812"
}

.la-laravel:before {
    content: "\f3bd"
}

.la-lastfm:before {
    content: "\f202"
}

.la-lastfm-square:before {
    content: "\f203"
}

.la-laugh:before {
    content: "\f599"
}

.la-laugh-beam:before {
    content: "\f59a"
}

.la-laugh-squint:before {
    content: "\f59b"
}

.la-laugh-wink:before {
    content: "\f59c"
}

.la-layer-group:before {
    content: "\f5fd"
}

.la-leaf:before {
    content: "\f06c"
}

.la-leanpub:before {
    content: "\f212"
}

.la-lemon:before {
    content: "\f094"
}

.la-less:before {
    content: "\f41d"
}

.la-less-than:before {
    content: "\f536"
}

.la-less-than-equal:before {
    content: "\f537"
}

.la-level-down-alt:before {
    content: "\f3be"
}

.la-level-up-alt:before {
    content: "\f3bf"
}

.la-life-ring:before {
    content: "\f1cd"
}

.la-lightbulb:before {
    content: "\f0eb"
}

.la-line:before {
    content: "\f3c0"
}

.la-link:before {
    content: "\f0c1"
}

.la-linkedin:before {
    content: "\f08c"
}

.la-linkedin-in:before {
    content: "\f0e1"
}

.la-linode:before {
    content: "\f2b8"
}

.la-linux:before {
    content: "\f17c"
}

.la-lira-sign:before {
    content: "\f195"
}

.la-list:before {
    content: "\f03a"
}

.la-list-alt:before {
    content: "\f022"
}

.la-list-ol:before {
    content: "\f0cb"
}

.la-list-ul:before {
    content: "\f0ca"
}

.la-location-arrow:before {
    content: "\f124"
}

.la-lock:before {
    content: "\f023"
}

.la-lock-open:before {
    content: "\f3c1"
}

.la-long-arrow-alt-down:before {
    content: "\f309"
}

.la-long-arrow-alt-left:before {
    content: "\f30a"
}

.la-long-arrow-alt-right:before {
    content: "\f30b"
}

.la-long-arrow-alt-up:before {
    content: "\f30c"
}

.la-low-vision:before {
    content: "\f2a8"
}

.la-luggage-cart:before {
    content: "\f59d"
}

.la-lyft:before {
    content: "\f3c3"
}

.la-magento:before {
    content: "\f3c4"
}

.la-magic:before {
    content: "\f0d0"
}

.la-magnet:before {
    content: "\f076"
}

.la-mail-bulk:before {
    content: "\f674"
}

.la-mailchimp:before {
    content: "\f59e"
}

.la-male:before {
    content: "\f183"
}

.la-mandalorian:before {
    content: "\f50f"
}

.la-map:before {
    content: "\f279"
}

.la-map-marked:before {
    content: "\f59f"
}

.la-map-marked-alt:before {
    content: "\f5a0"
}

.la-map-marker:before {
    content: "\f041"
}

.la-map-marker-alt:before {
    content: "\f3c5"
}

.la-map-pin:before {
    content: "\f276"
}

.la-map-signs:before {
    content: "\f277"
}

.la-markdown:before {
    content: "\f60f"
}

.la-marker:before {
    content: "\f5a1"
}

.la-mars:before {
    content: "\f222"
}

.la-mars-double:before {
    content: "\f227"
}

.la-mars-stroke:before {
    content: "\f229"
}

.la-mars-stroke-h:before {
    content: "\f22b"
}

.la-mars-stroke-v:before {
    content: "\f22a"
}

.la-mask:before {
    content: "\f6fa"
}

.la-mastodon:before {
    content: "\f4f6"
}

.la-maxcdn:before {
    content: "\f136"
}

.la-mdb:before {
    content: "\f8ca"
}

.la-medal:before {
    content: "\f5a2"
}

.la-medapps:before {
    content: "\f3c6"
}

.la-medium:before {
    content: "\f23a"
}

.la-medium-m:before {
    content: "\f3c7"
}

.la-medkit:before {
    content: "\f0fa"
}

.la-medrt:before {
    content: "\f3c8"
}

.la-meetup:before {
    content: "\f2e0"
}

.la-megaport:before {
    content: "\f5a3"
}

.la-meh:before {
    content: "\f11a"
}

.la-meh-blank:before {
    content: "\f5a4"
}

.la-meh-rolling-eyes:before {
    content: "\f5a5"
}

.la-memory:before {
    content: "\f538"
}

.la-mendeley:before {
    content: "\f7b3"
}

.la-menorah:before {
    content: "\f676"
}

.la-mercury:before {
    content: "\f223"
}

.la-meteor:before {
    content: "\f753"
}

.la-microchip:before {
    content: "\f2db"
}

.la-microphone:before {
    content: "\f130"
}

.la-microphone-alt:before {
    content: "\f3c9"
}

.la-microphone-alt-slash:before {
    content: "\f539"
}

.la-microphone-slash:before {
    content: "\f131"
}

.la-microscope:before {
    content: "\f610"
}

.la-microsoft:before {
    content: "\f3ca"
}

.la-minus:before {
    content: "\f068"
}

.la-minus-circle:before {
    content: "\f056"
}

.la-minus-square:before {
    content: "\f146"
}

.la-mitten:before {
    content: "\f7b5"
}

.la-mix:before {
    content: "\f3cb"
}

.la-mixcloud:before {
    content: "\f289"
}

.la-mizuni:before {
    content: "\f3cc"
}

.la-mobile:before {
    content: "\f10b"
}

.la-mobile-alt:before {
    content: "\f3cd"
}

.la-modx:before {
    content: "\f285"
}

.la-monero:before {
    content: "\f3d0"
}

.la-money-bill:before {
    content: "\f0d6"
}

.la-money-bill-alt:before {
    content: "\f3d1"
}

.la-money-bill-wave:before {
    content: "\f53a"
}

.la-money-bill-wave-alt:before {
    content: "\f53b"
}

.la-money-check:before {
    content: "\f53c"
}

.la-money-check-alt:before {
    content: "\f53d"
}

.la-monument:before {
    content: "\f5a6"
}

.la-moon:before {
    content: "\f186"
}

.la-mortar-pestle:before {
    content: "\f5a7"
}

.la-mosque:before {
    content: "\f678"
}

.la-motorcycle:before {
    content: "\f21c"
}

.la-mountain:before {
    content: "\f6fc"
}

.la-mouse:before {
    content: "\f8cc"
}

.la-mouse-pointer:before {
    content: "\f245"
}

.la-mug-hot:before {
    content: "\f7b6"
}

.la-music:before {
    content: "\f001"
}

.la-napster:before {
    content: "\f3d2"
}

.la-neos:before {
    content: "\f612"
}

.la-network-wired:before {
    content: "\f6ff"
}

.la-neuter:before {
    content: "\f22c"
}

.la-newspaper:before {
    content: "\f1ea"
}

.la-nimblr:before {
    content: "\f5a8"
}

.la-node:before {
    content: "\f419"
}

.la-node-js:before {
    content: "\f3d3"
}

.la-not-equal:before {
    content: "\f53e"
}

.la-notes-medical:before {
    content: "\f481"
}

.la-npm:before {
    content: "\f3d4"
}

.la-ns8:before {
    content: "\f3d5"
}

.la-nutritionix:before {
    content: "\f3d6"
}

.la-object-group:before {
    content: "\f247"
}

.la-object-ungroup:before {
    content: "\f248"
}

.la-odnoklassniki:before {
    content: "\f263"
}

.la-odnoklassniki-square:before {
    content: "\f264"
}

.la-oil-can:before {
    content: "\f613"
}

.la-old-republic:before {
    content: "\f510"
}

.la-om:before {
    content: "\f679"
}

.la-opencart:before {
    content: "\f23d"
}

.la-openid:before {
    content: "\f19b"
}

.la-opera:before {
    content: "\f26a"
}

.la-optin-monster:before {
    content: "\f23c"
}

.la-orcid:before {
    content: "\f8d2"
}

.la-osi:before {
    content: "\f41a"
}

.la-otter:before {
    content: "\f700"
}

.la-outdent:before {
    content: "\f03b"
}

.la-page4:before {
    content: "\f3d7"
}

.la-pagelines:before {
    content: "\f18c"
}

.la-pager:before {
    content: "\f815"
}

.la-paint-brush:before {
    content: "\f1fc"
}

.la-paint-roller:before {
    content: "\f5aa"
}

.la-palette:before {
    content: "\f53f"
}

.la-palfed:before {
    content: "\f3d8"
}

.la-pallet:before {
    content: "\f482"
}

.la-paper-plane:before {
    content: "\f1d8"
}

.la-paperclip:before {
    content: "\f0c6"
}

.la-parachute-box:before {
    content: "\f4cd"
}

.la-paragraph:before {
    content: "\f1dd"
}

.la-parking:before {
    content: "\f540"
}

.la-passport:before {
    content: "\f5ab"
}

.la-pastafarianism:before {
    content: "\f67b"
}

.la-paste:before {
    content: "\f0ea"
}

.la-patreon:before {
    content: "\f3d9"
}

.la-pause:before {
    content: "\f04c"
}

.la-pause-circle:before {
    content: "\f28b"
}

.la-paw:before {
    content: "\f1b0"
}

.la-paypal:before {
    content: "\f1ed"
}

.la-peace:before {
    content: "\f67c"
}

.la-pen:before {
    content: "\f304"
}

.la-pen-alt:before {
    content: "\f305"
}

.la-pen-fancy:before {
    content: "\f5ac"
}

.la-pen-nib:before {
    content: "\f5ad"
}

.la-pen-square:before {
    content: "\f14b"
}

.la-pencil-alt:before {
    content: "\f303"
}

.la-pencil-ruler:before {
    content: "\f5ae"
}

.la-penny-arcade:before {
    content: "\f704"
}

.la-people-carry:before {
    content: "\f4ce"
}

.la-pepper-hot:before {
    content: "\f816"
}

.la-percent:before {
    content: "\f295"
}

.la-percentage:before {
    content: "\f541"
}

.la-periscope:before {
    content: "\f3da"
}

.la-person-booth:before {
    content: "\f756"
}

.la-phabricator:before {
    content: "\f3db"
}

.la-phoenix-framework:before {
    content: "\f3dc"
}

.la-phoenix-squadron:before {
    content: "\f511"
}

.la-phone:before {
    content: "\f095"
}

.la-phone-alt:before {
    content: "\f879"
}

.la-phone-slash:before {
    content: "\f3dd"
}

.la-phone-square:before {
    content: "\f098"
}

.la-phone-square-alt:before {
    content: "\f87b"
}

.la-phone-volume:before {
    content: "\f2a0"
}

.la-photo-video:before {
    content: "\f87c"
}

.la-php:before {
    content: "\f457"
}

.la-pied-piper:before {
    content: "\f2ae"
}

.la-pied-piper-alt:before {
    content: "\f1a8"
}

.la-pied-piper-hat:before {
    content: "\f4e5"
}

.la-pied-piper-pp:before {
    content: "\f1a7"
}

.la-piggy-bank:before {
    content: "\f4d3"
}

.la-pills:before {
    content: "\f484"
}

.la-pinterest:before {
    content: "\f0d2"
}

.la-pinterest-p:before {
    content: "\f231"
}

.la-pinterest-square:before {
    content: "\f0d3"
}

.la-pizza-slice:before {
    content: "\f818"
}

.la-place-of-worship:before {
    content: "\f67f"
}

.la-plane:before {
    content: "\f072"
}

.la-plane-arrival:before {
    content: "\f5af"
}

.la-plane-departure:before {
    content: "\f5b0"
}

.la-play:before {
    content: "\f04b"
}

.la-play-circle:before {
    content: "\f144"
}

.la-playstation:before {
    content: "\f3df"
}

.la-plug:before {
    content: "\f1e6"
}

.la-plus:before {
    content: "\f067"
}

.la-plus-circle:before {
    content: "\f055"
}

.la-plus-square:before {
    content: "\f0fe"
}

.la-podcast:before {
    content: "\f2ce"
}

.la-poll:before {
    content: "\f681"
}

.la-poll-h:before {
    content: "\f682"
}

.la-poo:before {
    content: "\f2fe"
}

.la-poo-storm:before {
    content: "\f75a"
}

.la-poop:before {
    content: "\f619"
}

.la-portrait:before {
    content: "\f3e0"
}

.la-pound-sign:before {
    content: "\f154"
}

.la-power-off:before {
    content: "\f011"
}

.la-pray:before {
    content: "\f683"
}

.la-praying-hands:before {
    content: "\f684"
}

.la-prescription:before {
    content: "\f5b1"
}

.la-prescription-bottle:before {
    content: "\f485"
}

.la-prescription-bottle-alt:before {
    content: "\f486"
}

.la-print:before {
    content: "\f02f"
}

.la-procedures:before {
    content: "\f487"
}

.la-product-hunt:before {
    content: "\f288"
}

.la-project-diagram:before {
    content: "\f542"
}

.la-pushed:before {
    content: "\f3e1"
}

.la-puzzle-piece:before {
    content: "\f12e"
}

.la-python:before {
    content: "\f3e2"
}

.la-qq:before {
    content: "\f1d6"
}

.la-qrcode:before {
    content: "\f029"
}

.la-question:before {
    content: "\f128"
}

.la-question-circle:before {
    content: "\f059"
}

.la-quidditch:before {
    content: "\f458"
}

.la-quinscape:before {
    content: "\f459"
}

.la-quora:before {
    content: "\f2c4"
}

.la-quote-left:before {
    content: "\f10d"
}

.la-quote-right:before {
    content: "\f10e"
}

.la-quran:before {
    content: "\f687"
}

.la-r-project:before {
    content: "\f4f7"
}

.la-radiation:before {
    content: "\f7b9"
}

.la-radiation-alt:before {
    content: "\f7ba"
}

.la-rainbow:before {
    content: "\f75b"
}

.la-random:before {
    content: "\f074"
}

.la-raspberry-pi:before {
    content: "\f7bb"
}

.la-ravelry:before {
    content: "\f2d9"
}

.la-react:before {
    content: "\f41b"
}

.la-reacteurope:before {
    content: "\f75d"
}

.la-readme:before {
    content: "\f4d5"
}

.la-rebel:before {
    content: "\f1d0"
}

.la-receipt:before {
    content: "\f543"
}

.la-record-vinyl:before {
    content: "\f8d9"
}

.la-recycle:before {
    content: "\f1b8"
}

.la-red-river:before {
    content: "\f3e3"
}

.la-reddit:before {
    content: "\f1a1"
}

.la-reddit-alien:before {
    content: "\f281"
}

.la-reddit-square:before {
    content: "\f1a2"
}

.la-redhat:before {
    content: "\f7bc"
}

.la-redo:before {
    content: "\f01e"
}

.la-redo-alt:before {
    content: "\f2f9"
}

.la-registered:before {
    content: "\f25d"
}

.la-remove-format:before {
    content: "\f87d"
}

.la-renren:before {
    content: "\f18b"
}

.la-reply:before {
    content: "\f3e5"
}

.la-reply-all:before {
    content: "\f122"
}

.la-replyd:before {
    content: "\f3e6"
}

.la-republican:before {
    content: "\f75e"
}

.la-researchgate:before {
    content: "\f4f8"
}

.la-resolving:before {
    content: "\f3e7"
}

.la-restroom:before {
    content: "\f7bd"
}

.la-retweet:before {
    content: "\f079"
}

.la-rev:before {
    content: "\f5b2"
}

.la-ribbon:before {
    content: "\f4d6"
}

.la-ring:before {
    content: "\f70b"
}

.la-road:before {
    content: "\f018"
}

.la-robot:before {
    content: "\f544"
}

.la-rocket:before {
    content: "\f135"
}

.la-rocketchat:before {
    content: "\f3e8"
}

.la-rockrms:before {
    content: "\f3e9"
}

.la-route:before {
    content: "\f4d7"
}

.la-rss:before {
    content: "\f09e"
}

.la-rss-square:before {
    content: "\f143"
}

.la-ruble-sign:before {
    content: "\f158"
}

.la-ruler:before {
    content: "\f545"
}

.la-ruler-combined:before {
    content: "\f546"
}

.la-ruler-horizontal:before {
    content: "\f547"
}

.la-ruler-vertical:before {
    content: "\f548"
}

.la-running:before {
    content: "\f70c"
}

.la-rupee-sign:before {
    content: "\f156"
}

.la-sad-cry:before {
    content: "\f5b3"
}

.la-sad-tear:before {
    content: "\f5b4"
}

.la-safari:before {
    content: "\f267"
}

.la-salesforce:before {
    content: "\f83b"
}

.la-sass:before {
    content: "\f41e"
}

.la-satellite:before {
    content: "\f7bf"
}

.la-satellite-dish:before {
    content: "\f7c0"
}

.la-save:before {
    content: "\f0c7"
}

.la-schlix:before {
    content: "\f3ea"
}

.la-school:before {
    content: "\f549"
}

.la-screwdriver:before {
    content: "\f54a"
}

.la-scribd:before {
    content: "\f28a"
}

.la-scroll:before {
    content: "\f70e"
}

.la-sd-card:before {
    content: "\f7c2"
}

.la-search:before {
    content: "\f002"
}

.la-search-dollar:before {
    content: "\f688"
}

.la-search-location:before {
    content: "\f689"
}

.la-search-minus:before {
    content: "\f010"
}

.la-search-plus:before {
    content: "\f00e"
}

.la-searchengin:before {
    content: "\f3eb"
}

.la-seedling:before {
    content: "\f4d8"
}

.la-sellcast:before {
    content: "\f2da"
}

.la-sellsy:before {
    content: "\f213"
}

.la-server:before {
    content: "\f233"
}

.la-servicestack:before {
    content: "\f3ec"
}

.la-shapes:before {
    content: "\f61f"
}

.la-share:before {
    content: "\f064"
}

.la-share-alt:before {
    content: "\f1e0"
}

.la-share-alt-square:before {
    content: "\f1e1"
}

.la-share-square:before {
    content: "\f14d"
}

.la-shekel-sign:before {
    content: "\f20b"
}

.la-shield-alt:before {
    content: "\f3ed"
}

.la-ship:before {
    content: "\f21a"
}

.la-shipping-fast:before {
    content: "\f48b"
}

.la-shirtsinbulk:before {
    content: "\f214"
}

.la-shoe-prints:before {
    content: "\f54b"
}

.la-shopping-bag:before {
    content: "\f290"
}

.la-shopping-basket:before {
    content: "\f291"
}

.la-shopping-cart:before {
    content: "\f07a"
}

.la-shopware:before {
    content: "\f5b5"
}

.la-shower:before {
    content: "\f2cc"
}

.la-shuttle-van:before {
    content: "\f5b6"
}

.la-sign:before {
    content: "\f4d9"
}

.la-sign-in-alt:before {
    content: "\f2f6"
}

.la-sign-language:before {
    content: "\f2a7"
}

.la-sign-out-alt:before {
    content: "\f2f5"
}

.la-signal:before {
    content: "\f012"
}

.la-signature:before {
    content: "\f5b7"
}

.la-sim-card:before {
    content: "\f7c4"
}

.la-simplybuilt:before {
    content: "\f215"
}

.la-sistrix:before {
    content: "\f3ee"
}

.la-sitemap:before {
    content: "\f0e8"
}

.la-sith:before {
    content: "\f512"
}

.la-skating:before {
    content: "\f7c5"
}

.la-sketch:before {
    content: "\f7c6"
}

.la-skiing:before {
    content: "\f7c9"
}

.la-skiing-nordic:before {
    content: "\f7ca"
}

.la-skull:before {
    content: "\f54c"
}

.la-skull-crossbones:before {
    content: "\f714"
}

.la-skyatlas:before {
    content: "\f216"
}

.la-skype:before {
    content: "\f17e"
}

.la-slack:before {
    content: "\f198"
}

.la-slack-hash:before {
    content: "\f3ef"
}

.la-slash:before {
    content: "\f715"
}

.la-sleigh:before {
    content: "\f7cc"
}

.la-sliders-h:before {
    content: "\f1de"
}

.la-slideshare:before {
    content: "\f1e7"
}

.la-smile:before {
    content: "\f118"
}

.la-smile-beam:before {
    content: "\f5b8"
}

.la-smile-wink:before {
    content: "\f4da"
}

.la-smog:before {
    content: "\f75f"
}

.la-smoking:before {
    content: "\f48d"
}

.la-smoking-ban:before {
    content: "\f54d"
}

.la-sms:before {
    content: "\f7cd"
}

.la-snapchat:before {
    content: "\f2ab"
}

.la-snapchat-ghost:before {
    content: "\f2ac"
}

.la-snapchat-square:before {
    content: "\f2ad"
}

.la-snowboarding:before {
    content: "\f7ce"
}

.la-snowflake:before {
    content: "\f2dc"
}

.la-snowman:before {
    content: "\f7d0"
}

.la-snowplow:before {
    content: "\f7d2"
}

.la-socks:before {
    content: "\f696"
}

.la-solar-panel:before {
    content: "\f5ba"
}

.la-sort:before {
    content: "\f0dc"
}

.la-sort-alpha-down:before {
    content: "\f15d"
}

.la-sort-alpha-down-alt:before {
    content: "\f881"
}

.la-sort-alpha-up:before {
    content: "\f15e"
}

.la-sort-alpha-up-alt:before {
    content: "\f882"
}

.la-sort-amount-down:before {
    content: "\f160"
}

.la-sort-amount-down-alt:before {
    content: "\f884"
}

.la-sort-amount-up:before {
    content: "\f161"
}

.la-sort-amount-up-alt:before {
    content: "\f885"
}

.la-sort-down:before {
    content: "\f0dd"
}

.la-sort-numeric-down:before {
    content: "\f162"
}

.la-sort-numeric-down-alt:before {
    content: "\f886"
}

.la-sort-numeric-up:before {
    content: "\f163"
}

.la-sort-numeric-up-alt:before {
    content: "\f887"
}

.la-sort-up:before {
    content: "\f0de"
}

.la-soundcloud:before {
    content: "\f1be"
}

.la-sourcetree:before {
    content: "\f7d3"
}

.la-spa:before {
    content: "\f5bb"
}

.la-space-shuttle:before {
    content: "\f197"
}

.la-speakap:before {
    content: "\f3f3"
}

.la-speaker-deck:before {
    content: "\f83c"
}

.la-spell-check:before {
    content: "\f891"
}

.la-spider:before {
    content: "\f717"
}

.la-spinner:before {
    content: "\f110"
}

.la-splotch:before {
    content: "\f5bc"
}

.la-spotify:before {
    content: "\f1bc"
}

.la-spray-can:before {
    content: "\f5bd"
}

.la-square:before {
    content: "\f0c8"
}

.la-square-full:before {
    content: "\f45c"
}

.la-square-root-alt:before {
    content: "\f698"
}

.la-squarespace:before {
    content: "\f5be"
}

.la-stack-exchange:before {
    content: "\f18d"
}

.la-stack-overflow:before {
    content: "\f16c"
}

.la-stackpath:before {
    content: "\f842"
}

.la-stamp:before {
    content: "\f5bf"
}

.la-star:before {
    content: "\f005"
}

.la-star-and-crescent:before {
    content: "\f699"
}

.la-star-half:before {
    content: "\f089"
}

.la-star-half-alt:before {
    content: "\f5c0"
}

.la-star-of-david:before {
    content: "\f69a"
}

.la-star-of-life:before {
    content: "\f621"
}

.la-staylinked:before {
    content: "\f3f5"
}

.la-steam:before {
    content: "\f1b6"
}

.la-steam-square:before {
    content: "\f1b7"
}

.la-steam-symbol:before {
    content: "\f3f6"
}

.la-step-backward:before {
    content: "\f048"
}

.la-step-forward:before {
    content: "\f051"
}

.la-stethoscope:before {
    content: "\f0f1"
}

.la-sticker-mule:before {
    content: "\f3f7"
}

.la-sticky-note:before {
    content: "\f249"
}

.la-stop:before {
    content: "\f04d"
}

.la-stop-circle:before {
    content: "\f28d"
}

.la-stopwatch:before {
    content: "\f2f2"
}

.la-store:before {
    content: "\f54e"
}

.la-store-alt:before {
    content: "\f54f"
}

.la-strava:before {
    content: "\f428"
}

.la-stream:before {
    content: "\f550"
}

.la-street-view:before {
    content: "\f21d"
}

.la-strikethrough:before {
    content: "\f0cc"
}

.la-stripe:before {
    content: "\f429"
}

.la-stripe-s:before {
    content: "\f42a"
}

.la-stroopwafel:before {
    content: "\f551"
}

.la-studiovinari:before {
    content: "\f3f8"
}

.la-stumbleupon:before {
    content: "\f1a4"
}

.la-stumbleupon-circle:before {
    content: "\f1a3"
}

.la-subscript:before {
    content: "\f12c"
}

.la-subway:before {
    content: "\f239"
}

.la-suitcase:before {
    content: "\f0f2"
}

.la-suitcase-rolling:before {
    content: "\f5c1"
}

.la-sun:before {
    content: "\f185"
}

.la-superpowers:before {
    content: "\f2dd"
}

.la-superscript:before {
    content: "\f12b"
}

.la-supple:before {
    content: "\f3f9"
}

.la-surprise:before {
    content: "\f5c2"
}

.la-suse:before {
    content: "\f7d6"
}

.la-swatchbook:before {
    content: "\f5c3"
}

.la-swift:before {
    content: "\f8e1"
}

.la-swimmer:before {
    content: "\f5c4"
}

.la-swimming-pool:before {
    content: "\f5c5"
}

.la-symfony:before {
    content: "\f83d"
}

.la-synagogue:before {
    content: "\f69b"
}

.la-sync:before {
    content: "\f021"
}

.la-sync-alt:before {
    content: "\f2f1"
}

.la-syringe:before {
    content: "\f48e"
}

.la-table:before {
    content: "\f0ce"
}

.la-table-tennis:before {
    content: "\f45d"
}

.la-tablet:before {
    content: "\f10a"
}

.la-tablet-alt:before {
    content: "\f3fa"
}

.la-tablets:before {
    content: "\f490"
}

.la-tachometer-alt:before {
    content: "\f3fd"
}

.la-tag:before {
    content: "\f02b"
}

.la-tags:before {
    content: "\f02c"
}

.la-tape:before {
    content: "\f4db"
}

.la-tasks:before {
    content: "\f0ae"
}

.la-taxi:before {
    content: "\f1ba"
}

.la-teamspeak:before {
    content: "\f4f9"
}

.la-teeth:before {
    content: "\f62e"
}

.la-teeth-open:before {
    content: "\f62f"
}

.la-telegram:before {
    content: "\f2c6"
}

.la-telegram-plane:before {
    content: "\f3fe"
}

.la-temperature-high:before {
    content: "\f769"
}

.la-temperature-low:before {
    content: "\f76b"
}

.la-tencent-weibo:before {
    content: "\f1d5"
}

.la-tenge:before {
    content: "\f7d7"
}

.la-terminal:before {
    content: "\f120"
}

.la-text-height:before {
    content: "\f034"
}

.la-text-width:before {
    content: "\f035"
}

.la-th:before {
    content: "\f00a"
}

.la-th-large:before {
    content: "\f009"
}

.la-th-list:before {
    content: "\f00b"
}

.la-the-red-yeti:before {
    content: "\f69d"
}

.la-theater-masks:before {
    content: "\f630"
}

.la-themeco:before {
    content: "\f5c6"
}

.la-themeisle:before {
    content: "\f2b2"
}

.la-thermometer:before {
    content: "\f491"
}

.la-thermometer-empty:before {
    content: "\f2cb"
}

.la-thermometer-full:before {
    content: "\f2c7"
}

.la-thermometer-half:before {
    content: "\f2c9"
}

.la-thermometer-quarter:before {
    content: "\f2ca"
}

.la-thermometer-three-quarters:before {
    content: "\f2c8"
}

.la-think-peaks:before {
    content: "\f731"
}

.la-thumbs-down:before {
    content: "\f165"
}

.la-thumbs-up:before {
    content: "\f164"
}

.la-thumbtack:before {
    content: "\f08d"
}

.la-ticket-alt:before {
    content: "\f3ff"
}

.la-times:before {
    content: "\f00d"
}

.la-times-circle:before {
    content: "\f057"
}

.la-tint:before {
    content: "\f043"
}

.la-tint-slash:before {
    content: "\f5c7"
}

.la-tired:before {
    content: "\f5c8"
}

.la-toggle-off:before {
    content: "\f204"
}

.la-toggle-on:before {
    content: "\f205"
}

.la-toilet:before {
    content: "\f7d8"
}

.la-toilet-paper:before {
    content: "\f71e"
}

.la-toolbox:before {
    content: "\f552"
}

.la-tools:before {
    content: "\f7d9"
}

.la-tooth:before {
    content: "\f5c9"
}

.la-torah:before {
    content: "\f6a0"
}

.la-torii-gate:before {
    content: "\f6a1"
}

.la-tractor:before {
    content: "\f722"
}

.la-trade-federation:before {
    content: "\f513"
}

.la-trademark:before {
    content: "\f25c"
}

.la-traffic-light:before {
    content: "\f637"
}

.la-train:before {
    content: "\f238"
}

.la-tram:before {
    content: "\f7da"
}

.la-transgender:before {
    content: "\f224"
}

.la-transgender-alt:before {
    content: "\f225"
}

.la-trash:before {
    content: "\f1f8"
}

.la-trash-alt:before {
    content: "\f2ed"
}

.la-trash-restore:before {
    content: "\f829"
}

.la-trash-restore-alt:before {
    content: "\f82a"
}

.la-tree:before {
    content: "\f1bb"
}

.la-trello:before {
    content: "\f181"
}

.la-tripadvisor:before {
    content: "\f262"
}

.la-trophy:before {
    content: "\f091"
}

.la-truck:before {
    content: "\f0d1"
}

.la-truck-loading:before {
    content: "\f4de"
}

.la-truck-monster:before {
    content: "\f63b"
}

.la-truck-moving:before {
    content: "\f4df"
}

.la-truck-pickup:before {
    content: "\f63c"
}

.la-tshirt:before {
    content: "\f553"
}

.la-tty:before {
    content: "\f1e4"
}

.la-tumblr:before {
    content: "\f173"
}

.la-tumblr-square:before {
    content: "\f174"
}

.la-tv:before {
    content: "\f26c"
}

.la-twitch:before {
    content: "\f1e8"
}

.la-twitter:before {
    content: "\f099"
}

.la-twitter-square:before {
    content: "\f081"
}

.la-typo3:before {
    content: "\f42b"
}

.la-uber:before {
    content: "\f402"
}

.la-ubuntu:before {
    content: "\f7df"
}

.la-uikit:before {
    content: "\f403"
}

.la-umbraco:before {
    content: "\f8e8"
}

.la-umbrella:before {
    content: "\f0e9"
}

.la-umbrella-beach:before {
    content: "\f5ca"
}

.la-underline:before {
    content: "\f0cd"
}

.la-undo:before {
    content: "\f0e2"
}

.la-undo-alt:before {
    content: "\f2ea"
}

.la-uniregistry:before {
    content: "\f404"
}

.la-universal-access:before {
    content: "\f29a"
}

.la-university:before {
    content: "\f19c"
}

.la-unlink:before {
    content: "\f127"
}

.la-unlock:before {
    content: "\f09c"
}

.la-unlock-alt:before {
    content: "\f13e"
}

.la-untappd:before {
    content: "\f405"
}

.la-upload:before {
    content: "\f093"
}

.la-ups:before {
    content: "\f7e0"
}

.la-usb:before {
    content: "\f287"
}

.la-user:before {
    content: "\f007"
}

.la-user-alt:before {
    content: "\f406"
}

.la-user-alt-slash:before {
    content: "\f4fa"
}

.la-user-astronaut:before {
    content: "\f4fb"
}

.la-user-check:before {
    content: "\f4fc"
}

.la-user-circle:before {
    content: "\f2bd"
}

.la-user-clock:before {
    content: "\f4fd"
}

.la-user-cog:before {
    content: "\f4fe"
}

.la-user-edit:before {
    content: "\f4ff"
}

.la-user-friends:before {
    content: "\f500"
}

.la-user-graduate:before {
    content: "\f501"
}

.la-user-injured:before {
    content: "\f728"
}

.la-user-lock:before {
    content: "\f502"
}

.la-user-md:before {
    content: "\f0f0"
}

.la-user-minus:before {
    content: "\f503"
}

.la-user-ninja:before {
    content: "\f504"
}

.la-user-nurse:before {
    content: "\f82f"
}

.la-user-plus:before {
    content: "\f234"
}

.la-user-secret:before {
    content: "\f21b"
}

.la-user-shield:before {
    content: "\f505"
}

.la-user-slash:before {
    content: "\f506"
}

.la-user-tag:before {
    content: "\f507"
}

.la-user-tie:before {
    content: "\f508"
}

.la-user-times:before {
    content: "\f235"
}

.la-users:before {
    content: "\f0c0"
}

.la-users-cog:before {
    content: "\f509"
}

.la-usps:before {
    content: "\f7e1"
}

.la-ussunnah:before {
    content: "\f407"
}

.la-utensil-spoon:before {
    content: "\f2e5"
}

.la-utensils:before {
    content: "\f2e7"
}

.la-vaadin:before {
    content: "\f408"
}

.la-vector-square:before {
    content: "\f5cb"
}

.la-venus:before {
    content: "\f221"
}

.la-venus-double:before {
    content: "\f226"
}

.la-venus-mars:before {
    content: "\f228"
}

.la-viacoin:before {
    content: "\f237"
}

.la-viadeo:before {
    content: "\f2a9"
}

.la-viadeo-square:before {
    content: "\f2aa"
}

.la-vial:before {
    content: "\f492"
}

.la-vials:before {
    content: "\f493"
}

.la-viber:before {
    content: "\f409"
}

.la-video:before {
    content: "\f03d"
}

.la-video-slash:before {
    content: "\f4e2"
}

.la-vihara:before {
    content: "\f6a7"
}

.la-vimeo:before {
    content: "\f40a"
}

.la-vimeo-square:before {
    content: "\f194"
}

.la-vimeo-v:before {
    content: "\f27d"
}

.la-vine:before {
    content: "\f1ca"
}

.la-vk:before {
    content: "\f189"
}

.la-vnv:before {
    content: "\f40b"
}

.la-voicemail:before {
    content: "\f897"
}

.la-volleyball-ball:before {
    content: "\f45f"
}

.la-volume-down:before {
    content: "\f027"
}

.la-volume-mute:before {
    content: "\f6a9"
}

.la-volume-off:before {
    content: "\f026"
}

.la-volume-up:before {
    content: "\f028"
}

.la-vote-yea:before {
    content: "\f772"
}

.la-vr-cardboard:before {
    content: "\f729"
}

.la-vuejs:before {
    content: "\f41f"
}

.la-walking:before {
    content: "\f554"
}

.la-wallet:before {
    content: "\f555"
}

.la-warehouse:before {
    content: "\f494"
}

.la-water:before {
    content: "\f773"
}

.la-wave-square:before {
    content: "\f83e"
}

.la-waze:before {
    content: "\f83f"
}

.la-weebly:before {
    content: "\f5cc"
}

.la-weibo:before {
    content: "\f18a"
}

.la-weight:before {
    content: "\f496"
}

.la-weight-hanging:before {
    content: "\f5cd"
}

.la-weixin:before {
    content: "\f1d7"
}

.la-whatsapp:before {
    content: "\f232"
}

.la-whatsapp-square:before {
    content: "\f40c"
}

.la-wheelchair:before {
    content: "\f193"
}

.la-whmcs:before {
    content: "\f40d"
}

.la-wifi:before {
    content: "\f1eb"
}

.la-wikipedia-w:before {
    content: "\f266"
}

.la-wind:before {
    content: "\f72e"
}

.la-window-close:before {
    content: "\f410"
}

.la-window-maximize:before {
    content: "\f2d0"
}

.la-window-minimize:before {
    content: "\f2d1"
}

.la-window-restore:before {
    content: "\f2d2"
}

.la-windows:before {
    content: "\f17a"
}

.la-wine-bottle:before {
    content: "\f72f"
}

.la-wine-glass:before {
    content: "\f4e3"
}

.la-wine-glass-alt:before {
    content: "\f5ce"
}

.la-wix:before {
    content: "\f5cf"
}

.la-wizards-of-the-coast:before {
    content: "\f730"
}

.la-wolf-pack-battalion:before {
    content: "\f514"
}

.la-won-sign:before {
    content: "\f159"
}

.la-wordpress:before {
    content: "\f19a"
}

.la-wordpress-simple:before {
    content: "\f411"
}

.la-wpbeginner:before {
    content: "\f297"
}

.la-wpexplorer:before {
    content: "\f2de"
}

.la-wpforms:before {
    content: "\f298"
}

.la-wpressr:before {
    content: "\f3e4"
}

.la-wrench:before {
    content: "\f0ad"
}

.la-x-ray:before {
    content: "\f497"
}

.la-xbox:before {
    content: "\f412"
}

.la-xing:before {
    content: "\f168"
}

.la-xing-square:before {
    content: "\f169"
}

.la-y-combinator:before {
    content: "\f23b"
}

.la-yahoo:before {
    content: "\f19e"
}

.la-yammer:before {
    content: "\f840"
}

.la-yandex:before {
    content: "\f413"
}

.la-yandex-international:before {
    content: "\f414"
}

.la-yarn:before {
    content: "\f7e3"
}

.la-yelp:before {
    content: "\f1e9"
}

.la-yen-sign:before {
    content: "\f157"
}

.la-yin-yang:before {
    content: "\f6ad"
}

.la-yoast:before {
    content: "\f2b1"
}

.la-youtube:before {
    content: "\f167"
}

.la-youtube-square:before {
    content: "\f431"
}

.la-zhihu:before {
    content: "\f63f"
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: Line Awesome Brands;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("./media/la-brands-400-JDUJSY44.eot");
    src: url("./media/la-brands-400-JDUJSY44.eot?#iefix") format("embedded-opentype"), url("./media/la-brands-400-CIWECNZM.woff2") format("woff2"), url("./media/la-brands-400-D3A7B5PJ.woff") format("woff"), url("./media/la-brands-400-INB5BQB2.ttf") format("truetype"), url("./media/la-brands-400-O3J3RJOS.svg#lineawesome") format("svg")
}

.lab {
    font-family: Line Awesome Brands
}

@font-face {
    font-family: Line Awesome Free;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("./media/la-regular-400-PNT4KM2T.eot");
    src: url("./media/la-regular-400-PNT4KM2T.eot?#iefix") format("embedded-opentype"), url("./media/la-regular-400-X6VKWRSW.woff2") format("woff2"), url("./media/la-regular-400-6RPJSTIW.woff") format("woff"), url("./media/la-regular-400-34F2J7YZ.ttf") format("truetype"), url("./media/la-regular-400-LYMOBRDA.svg#lineawesome") format("svg")
}

.lar {
    font-family: Line Awesome Free;
    font-weight: 400
}

@font-face {
    font-family: Line Awesome Free;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("./media/la-solid-900-QVUSAB64.eot");
    src: url("./media/la-solid-900-QVUSAB64.eot?#iefix") format("embedded-opentype"), url("./media/la-solid-900-RZOHS333.woff2") format("woff2"), url("./media/la-solid-900-PXMBKEUD.woff") format("woff"), url("./media/la-solid-900-LAWDUD4I.ttf") format("truetype"), url("./media/la-solid-900-K3G53YR3.svg#lineawesome") format("svg")
}

.la,
.las {
    font-family: Line Awesome Free;
    font-weight: 900
}

.la.la-glass:before {
    content: "\f000"
}

.la.la-meetup {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-star-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-star-o:before {
    content: "\f005"
}

.la.la-remove:before {
    content: "\f00d"
}

.la.la-close:before {
    content: "\f00d"
}

.la.la-gear:before {
    content: "\f013"
}

.la.la-trash-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-trash-o:before {
    content: "\f2ed"
}

.la.la-file-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-o:before {
    content: "\f15b"
}

.la.la-clock-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-clock-o:before {
    content: "\f017"
}

.la.la-arrow-circle-o-down {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-arrow-circle-o-down:before {
    content: "\f358"
}

.la.la-arrow-circle-o-up {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-arrow-circle-o-up:before {
    content: "\f35b"
}

.la.la-play-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-play-circle-o:before {
    content: "\f144"
}

.la.la-repeat:before {
    content: "\f01e"
}

.la.la-rotate-right:before {
    content: "\f01e"
}

.la.la-refresh:before {
    content: "\f021"
}

.la.la-list-alt {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-dedent:before {
    content: "\f03b"
}

.la.la-video-camera:before {
    content: "\f03d"
}

.la.la-picture-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-picture-o:before {
    content: "\f03e"
}

.la.la-photo {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-photo:before {
    content: "\f03e"
}

.la.la-image {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-image:before {
    content: "\f03e"
}

.la.la-pencil:before {
    content: "\f303"
}

.la.la-map-marker:before {
    content: "\f3c5"
}

.la.la-pencil-square-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-pencil-square-o:before {
    content: "\f044"
}

.la.la-share-square-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-share-square-o:before {
    content: "\f14d"
}

.la.la-check-square-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-check-square-o:before {
    content: "\f14a"
}

.la.la-arrows:before {
    content: "\f0b2"
}

.la.la-times-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-times-circle-o:before {
    content: "\f057"
}

.la.la-check-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-check-circle-o:before {
    content: "\f058"
}

.la.la-mail-forward:before {
    content: "\f064"
}

.la.la-eye,
.la.la-eye-slash {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-warning:before {
    content: "\f071"
}

.la.la-calendar:before {
    content: "\f073"
}

.la.la-arrows-v:before {
    content: "\f338"
}

.la.la-arrows-h:before {
    content: "\f337"
}

.la.la-bar-chart {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-bar-chart:before {
    content: "\f080"
}

.la.la-bar-chart-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-bar-chart-o:before {
    content: "\f080"
}

.la.la-twitter-square,
.la.la-facebook-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-gears:before {
    content: "\f085"
}

.la.la-thumbs-o-up {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-thumbs-o-up:before {
    content: "\f164"
}

.la.la-thumbs-o-down {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-thumbs-o-down:before {
    content: "\f165"
}

.la.la-heart-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-heart-o:before {
    content: "\f004"
}

.la.la-sign-out:before {
    content: "\f2f5"
}

.la.la-linkedin-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-linkedin-square:before {
    content: "\f08c"
}

.la.la-thumb-tack:before {
    content: "\f08d"
}

.la.la-external-link:before {
    content: "\f35d"
}

.la.la-sign-in:before {
    content: "\f2f6"
}

.la.la-github-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-lemon-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-lemon-o:before {
    content: "\f094"
}

.la.la-square-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-square-o:before {
    content: "\f0c8"
}

.la.la-bookmark-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-bookmark-o:before {
    content: "\f02e"
}

.la.la-twitter,
.la.la-facebook {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-facebook:before {
    content: "\f39e"
}

.la.la-facebook-f {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-facebook-f:before {
    content: "\f39e"
}

.la.la-github {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-credit-card {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-feed:before {
    content: "\f09e"
}

.la.la-hdd-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hdd-o:before {
    content: "\f0a0"
}

.la.la-hand-o-right {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-o-right:before {
    content: "\f0a4"
}

.la.la-hand-o-left {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-o-left:before {
    content: "\f0a5"
}

.la.la-hand-o-up {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-o-up:before {
    content: "\f0a6"
}

.la.la-hand-o-down {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-o-down:before {
    content: "\f0a7"
}

.la.la-arrows-alt:before {
    content: "\f31e"
}

.la.la-group:before {
    content: "\f0c0"
}

.la.la-chain:before {
    content: "\f0c1"
}

.la.la-scissors:before {
    content: "\f0c4"
}

.la.la-files-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-files-o:before {
    content: "\f0c5"
}

.la.la-floppy-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-floppy-o:before {
    content: "\f0c7"
}

.la.la-navicon:before {
    content: "\f0c9"
}

.la.la-reorder:before {
    content: "\f0c9"
}

.la.la-pinterest,
.la.la-pinterest-square,
.la.la-google-plus-square,
.la.la-google-plus {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-google-plus:before {
    content: "\f0d5"
}

.la.la-money {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-money:before {
    content: "\f3d1"
}

.la.la-unsorted:before {
    content: "\f0dc"
}

.la.la-sort-desc:before {
    content: "\f0dd"
}

.la.la-sort-asc:before {
    content: "\f0de"
}

.la.la-linkedin {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-linkedin:before {
    content: "\f0e1"
}

.la.la-rotate-left:before {
    content: "\f0e2"
}

.la.la-legal:before {
    content: "\f0e3"
}

.la.la-tachometer:before {
    content: "\f3fd"
}

.la.la-dashboard:before {
    content: "\f3fd"
}

.la.la-comment-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-comment-o:before {
    content: "\f075"
}

.la.la-comments-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-comments-o:before {
    content: "\f086"
}

.la.la-flash:before {
    content: "\f0e7"
}

.la.la-clipboard,
.la.la-paste {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-paste:before {
    content: "\f328"
}

.la.la-lightbulb-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-lightbulb-o:before {
    content: "\f0eb"
}

.la.la-exchange:before {
    content: "\f362"
}

.la.la-cloud-download:before {
    content: "\f381"
}

.la.la-cloud-upload:before {
    content: "\f382"
}

.la.la-bell-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-bell-o:before {
    content: "\f0f3"
}

.la.la-cutlery:before {
    content: "\f2e7"
}

.la.la-file-text-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-text-o:before {
    content: "\f15c"
}

.la.la-building-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-building-o:before {
    content: "\f1ad"
}

.la.la-hospital-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hospital-o:before {
    content: "\f0f8"
}

.la.la-tablet:before {
    content: "\f3fa"
}

.la.la-mobile:before {
    content: "\f3cd"
}

.la.la-mobile-phone:before {
    content: "\f3cd"
}

.la.la-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-circle-o:before {
    content: "\f111"
}

.la.la-mail-reply:before {
    content: "\f3e5"
}

.la.la-github-alt {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-folder-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-folder-o:before {
    content: "\f07b"
}

.la.la-folder-open-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-folder-open-o:before {
    content: "\f07c"
}

.la.la-smile-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-smile-o:before {
    content: "\f118"
}

.la.la-frown-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-frown-o:before {
    content: "\f119"
}

.la.la-meh-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-meh-o:before {
    content: "\f11a"
}

.la.la-keyboard-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-keyboard-o:before {
    content: "\f11c"
}

.la.la-flag-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-flag-o:before {
    content: "\f024"
}

.la.la-mail-reply-all:before {
    content: "\f122"
}

.la.la-star-half-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-star-half-o:before {
    content: "\f089"
}

.la.la-star-half-empty {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-star-half-empty:before {
    content: "\f089"
}

.la.la-star-half-full {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-star-half-full:before {
    content: "\f089"
}

.la.la-code-fork:before {
    content: "\f126"
}

.la.la-chain-broken:before {
    content: "\f127"
}

.la.la-shield:before {
    content: "\f3ed"
}

.la.la-calendar-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-calendar-o:before {
    content: "\f133"
}

.la.la-maxcdn,
.la.la-html5,
.la.la-css3 {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-ticket:before {
    content: "\f3ff"
}

.la.la-minus-square-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-minus-square-o:before {
    content: "\f146"
}

.la.la-level-up:before {
    content: "\f3bf"
}

.la.la-level-down:before {
    content: "\f3be"
}

.la.la-pencil-square:before {
    content: "\f14b"
}

.la.la-external-link-square:before {
    content: "\f360"
}

.la.la-compass,
.la.la-caret-square-o-down {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-caret-square-o-down:before {
    content: "\f150"
}

.la.la-toggle-down {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-toggle-down:before {
    content: "\f150"
}

.la.la-caret-square-o-up {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-caret-square-o-up:before {
    content: "\f151"
}

.la.la-toggle-up {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-toggle-up:before {
    content: "\f151"
}

.la.la-caret-square-o-right {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-caret-square-o-right:before {
    content: "\f152"
}

.la.la-toggle-right {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-toggle-right:before {
    content: "\f152"
}

.la.la-eur:before {
    content: "\f153"
}

.la.la-euro:before {
    content: "\f153"
}

.la.la-gbp:before {
    content: "\f154"
}

.la.la-usd:before {
    content: "\f155"
}

.la.la-dollar:before {
    content: "\f155"
}

.la.la-inr:before {
    content: "\f156"
}

.la.la-rupee:before {
    content: "\f156"
}

.la.la-jpy:before {
    content: "\f157"
}

.la.la-cny:before {
    content: "\f157"
}

.la.la-rmb:before {
    content: "\f157"
}

.la.la-yen:before {
    content: "\f157"
}

.la.la-rub:before {
    content: "\f158"
}

.la.la-ruble:before {
    content: "\f158"
}

.la.la-rouble:before {
    content: "\f158"
}

.la.la-krw:before {
    content: "\f159"
}

.la.la-won:before {
    content: "\f159"
}

.la.la-btc,
.la.la-bitcoin {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-bitcoin:before {
    content: "\f15a"
}

.la.la-file-text:before {
    content: "\f15c"
}

.la.la-sort-alpha-asc:before {
    content: "\f15d"
}

.la.la-sort-alpha-desc:before {
    content: "\f881"
}

.la.la-sort-amount-asc:before {
    content: "\f160"
}

.la.la-sort-amount-desc:before {
    content: "\f884"
}

.la.la-sort-numeric-asc:before {
    content: "\f162"
}

.la.la-sort-numeric-desc:before {
    content: "\f886"
}

.la.la-youtube-square,
.la.la-youtube,
.la.la-xing,
.la.la-xing-square,
.la.la-youtube-play {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-youtube-play:before {
    content: "\f167"
}

.la.la-dropbox,
.la.la-stack-overflow,
.la.la-instagram,
.la.la-flickr,
.la.la-adn,
.la.la-bitbucket,
.la.la-bitbucket-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-bitbucket-square:before {
    content: "\f171"
}

.la.la-tumblr,
.la.la-tumblr-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-long-arrow-down:before {
    content: "\f309"
}

.la.la-long-arrow-up:before {
    content: "\f30c"
}

.la.la-long-arrow-left:before {
    content: "\f30a"
}

.la.la-long-arrow-right:before {
    content: "\f30b"
}

.la.la-apple,
.la.la-windows,
.la.la-android,
.la.la-linux,
.la.la-dribbble,
.la.la-skype,
.la.la-foursquare,
.la.la-trello,
.la.la-gratipay,
.la.la-gittip {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-gittip:before {
    content: "\f184"
}

.la.la-sun-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-sun-o:before {
    content: "\f185"
}

.la.la-moon-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-moon-o:before {
    content: "\f186"
}

.la.la-vk,
.la.la-weibo,
.la.la-renren,
.la.la-pagelines,
.la.la-stack-exchange {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-arrow-circle-o-right {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-arrow-circle-o-right:before {
    content: "\f35a"
}

.la.la-arrow-circle-o-left {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-arrow-circle-o-left:before {
    content: "\f359"
}

.la.la-caret-square-o-left {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-caret-square-o-left:before {
    content: "\f191"
}

.la.la-toggle-left {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-toggle-left:before {
    content: "\f191"
}

.la.la-dot-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-dot-circle-o:before {
    content: "\f192"
}

.la.la-vimeo-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-try:before {
    content: "\f195"
}

.la.la-turkish-lira:before {
    content: "\f195"
}

.la.la-plus-square-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-plus-square-o:before {
    content: "\f0fe"
}

.la.la-slack,
.la.la-wordpress,
.la.la-openid {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-institution:before {
    content: "\f19c"
}

.la.la-bank:before {
    content: "\f19c"
}

.la.la-mortar-board:before {
    content: "\f19d"
}

.la.la-yahoo,
.la.la-google,
.la.la-reddit,
.la.la-reddit-square,
.la.la-stumbleupon-circle,
.la.la-stumbleupon,
.la.la-delicious,
.la.la-digg,
.la.la-pied-piper-pp,
.la.la-pied-piper-alt,
.la.la-drupal,
.la.la-joomla {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-spoon:before {
    content: "\f2e5"
}

.la.la-behance,
.la.la-behance-square,
.la.la-steam,
.la.la-steam-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-automobile:before {
    content: "\f1b9"
}

.la.la-cab:before {
    content: "\f1ba"
}

.la.la-envelope-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-envelope-o:before {
    content: "\f0e0"
}

.la.la-deviantart,
.la.la-soundcloud {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-file-pdf-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-pdf-o:before {
    content: "\f1c1"
}

.la.la-file-word-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-word-o:before {
    content: "\f1c2"
}

.la.la-file-excel-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-excel-o:before {
    content: "\f1c3"
}

.la.la-file-powerpoint-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-powerpoint-o:before {
    content: "\f1c4"
}

.la.la-file-image-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-image-o:before {
    content: "\f1c5"
}

.la.la-file-photo-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-photo-o:before {
    content: "\f1c5"
}

.la.la-file-picture-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-picture-o:before {
    content: "\f1c5"
}

.la.la-file-archive-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-archive-o:before {
    content: "\f1c6"
}

.la.la-file-zip-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-zip-o:before {
    content: "\f1c6"
}

.la.la-file-audio-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-audio-o:before {
    content: "\f1c7"
}

.la.la-file-sound-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-sound-o:before {
    content: "\f1c7"
}

.la.la-file-video-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-video-o:before {
    content: "\f1c8"
}

.la.la-file-movie-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-movie-o:before {
    content: "\f1c8"
}

.la.la-file-code-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-file-code-o:before {
    content: "\f1c9"
}

.la.la-vine,
.la.la-codepen,
.la.la-jsfiddle {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-life-ring,
.la.la-life-bouy {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-life-bouy:before {
    content: "\f1cd"
}

.la.la-life-buoy {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-life-buoy:before {
    content: "\f1cd"
}

.la.la-life-saver {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-life-saver:before {
    content: "\f1cd"
}

.la.la-support {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-support:before {
    content: "\f1cd"
}

.la.la-circle-o-notch:before {
    content: "\f1ce"
}

.la.la-rebel,
.la.la-ra {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-ra:before {
    content: "\f1d0"
}

.la.la-resistance {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-resistance:before {
    content: "\f1d0"
}

.la.la-empire,
.la.la-ge {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-ge:before {
    content: "\f1d1"
}

.la.la-git-square,
.la.la-git,
.la.la-hacker-news,
.la.la-y-combinator-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-y-combinator-square:before {
    content: "\f1d4"
}

.la.la-yc-square {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-yc-square:before {
    content: "\f1d4"
}

.la.la-tencent-weibo,
.la.la-qq,
.la.la-weixin,
.la.la-wechat {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-wechat:before {
    content: "\f1d7"
}

.la.la-send:before {
    content: "\f1d8"
}

.la.la-paper-plane-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-paper-plane-o:before {
    content: "\f1d8"
}

.la.la-send-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-send-o:before {
    content: "\f1d8"
}

.la.la-circle-thin {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-circle-thin:before {
    content: "\f111"
}

.la.la-header:before {
    content: "\f1dc"
}

.la.la-sliders:before {
    content: "\f1de"
}

.la.la-futbol-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-futbol-o:before {
    content: "\f1e3"
}

.la.la-soccer-ball-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-soccer-ball-o:before {
    content: "\f1e3"
}

.la.la-slideshare,
.la.la-twitch,
.la.la-yelp {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-newspaper-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-newspaper-o:before {
    content: "\f1ea"
}

.la.la-paypal,
.la.la-google-wallet,
.la.la-cc-visa,
.la.la-cc-mastercard,
.la.la-cc-discover,
.la.la-cc-amex,
.la.la-cc-paypal,
.la.la-cc-stripe {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-bell-slash-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-bell-slash-o:before {
    content: "\f1f6"
}

.la.la-trash:before {
    content: "\f2ed"
}

.la.la-copyright {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-eyedropper:before {
    content: "\f1fb"
}

.la.la-area-chart:before {
    content: "\f1fe"
}

.la.la-pie-chart:before {
    content: "\f200"
}

.la.la-line-chart:before {
    content: "\f201"
}

.la.la-lastfm,
.la.la-lastfm-square,
.la.la-ioxhost,
.la.la-angellist {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-cc {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-cc:before {
    content: "\f20a"
}

.la.la-ils:before {
    content: "\f20b"
}

.la.la-shekel:before {
    content: "\f20b"
}

.la.la-sheqel:before {
    content: "\f20b"
}

.la.la-meanpath {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-meanpath:before {
    content: "\f2b4"
}

.la.la-buysellads,
.la.la-connectdevelop,
.la.la-dashcube,
.la.la-forumbee,
.la.la-leanpub,
.la.la-sellsy,
.la.la-shirtsinbulk,
.la.la-simplybuilt,
.la.la-skyatlas {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-diamond {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-diamond:before {
    content: "\f3a5"
}

.la.la-intersex:before {
    content: "\f224"
}

.la.la-facebook-official {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-facebook-official:before {
    content: "\f09a"
}

.la.la-pinterest-p,
.la.la-whatsapp {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-hotel:before {
    content: "\f236"
}

.la.la-viacoin,
.la.la-medium,
.la.la-y-combinator,
.la.la-yc {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-yc:before {
    content: "\f23b"
}

.la.la-optin-monster,
.la.la-opencart,
.la.la-expeditedssl {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-battery-4:before {
    content: "\f240"
}

.la.la-battery:before {
    content: "\f240"
}

.la.la-battery-3:before {
    content: "\f241"
}

.la.la-battery-2:before {
    content: "\f242"
}

.la.la-battery-1:before {
    content: "\f243"
}

.la.la-battery-0:before {
    content: "\f244"
}

.la.la-object-group,
.la.la-object-ungroup,
.la.la-sticky-note-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-sticky-note-o:before {
    content: "\f249"
}

.la.la-cc-jcb,
.la.la-cc-diners-club {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-clone,
.la.la-hourglass-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hourglass-o:before {
    content: "\f254"
}

.la.la-hourglass-1:before {
    content: "\f251"
}

.la.la-hourglass-2:before {
    content: "\f252"
}

.la.la-hourglass-3:before {
    content: "\f253"
}

.la.la-hand-rock-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-rock-o:before {
    content: "\f255"
}

.la.la-hand-grab-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-grab-o:before {
    content: "\f255"
}

.la.la-hand-paper-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-paper-o:before {
    content: "\f256"
}

.la.la-hand-stop-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-stop-o:before {
    content: "\f256"
}

.la.la-hand-scissors-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-scissors-o:before {
    content: "\f257"
}

.la.la-hand-lizard-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-lizard-o:before {
    content: "\f258"
}

.la.la-hand-spock-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-spock-o:before {
    content: "\f259"
}

.la.la-hand-pointer-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-pointer-o:before {
    content: "\f25a"
}

.la.la-hand-peace-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-hand-peace-o:before {
    content: "\f25b"
}

.la.la-registered {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-creative-commons,
.la.la-gg,
.la.la-gg-circle,
.la.la-tripadvisor,
.la.la-odnoklassniki,
.la.la-odnoklassniki-square,
.la.la-get-pocket,
.la.la-wikipedia-w,
.la.la-safari,
.la.la-chrome,
.la.la-firefox,
.la.la-opera,
.la.la-internet-explorer {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-television:before {
    content: "\f26c"
}

.la.la-contao,
.la.la-500px,
.la.la-amazon {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-calendar-plus-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-calendar-plus-o:before {
    content: "\f271"
}

.la.la-calendar-minus-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-calendar-minus-o:before {
    content: "\f272"
}

.la.la-calendar-times-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-calendar-times-o:before {
    content: "\f273"
}

.la.la-calendar-check-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-calendar-check-o:before {
    content: "\f274"
}

.la.la-map-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-map-o:before {
    content: "\f279"
}

.la.la-commenting:before {
    content: "\f4ad"
}

.la.la-commenting-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-commenting-o:before {
    content: "\f4ad"
}

.la.la-houzz,
.la.la-vimeo {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-vimeo:before {
    content: "\f27d"
}

.la.la-black-tie,
.la.la-fonticons,
.la.la-reddit-alien,
.la.la-edge {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-credit-card-alt:before {
    content: "\f09d"
}

.la.la-codiepie,
.la.la-modx,
.la.la-fort-awesome,
.la.la-usb,
.la.la-product-hunt,
.la.la-mixcloud,
.la.la-scribd {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-pause-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-pause-circle-o:before {
    content: "\f28b"
}

.la.la-stop-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-stop-circle-o:before {
    content: "\f28d"
}

.la.la-bluetooth,
.la.la-bluetooth-b,
.la.la-gitlab,
.la.la-wpbeginner,
.la.la-wpforms,
.la.la-envira,
.la.la-wheelchair-alt {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-wheelchair-alt:before {
    content: "\f368"
}

.la.la-question-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-question-circle-o:before {
    content: "\f059"
}

.la.la-volume-control-phone:before {
    content: "\f2a0"
}

.la.la-asl-interpreting:before {
    content: "\f2a3"
}

.la.la-deafness:before {
    content: "\f2a4"
}

.la.la-hard-of-hearing:before {
    content: "\f2a4"
}

.la.la-glide,
.la.la-glide-g {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-signing:before {
    content: "\f2a7"
}

.la.la-viadeo,
.la.la-viadeo-square,
.la.la-snapchat,
.la.la-snapchat-ghost,
.la.la-snapchat-square,
.la.la-pied-piper,
.la.la-first-order,
.la.la-yoast,
.la.la-themeisle,
.la.la-google-plus-official {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-google-plus-official:before {
    content: "\f2b3"
}

.la.la-google-plus-circle {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-google-plus-circle:before {
    content: "\f2b3"
}

.la.la-font-awesome,
.la.la-fa {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-fa:before {
    content: "\f2b4"
}

.la.la-handshake-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-handshake-o:before {
    content: "\f2b5"
}

.la.la-envelope-open-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-envelope-open-o:before {
    content: "\f2b6"
}

.la.la-linode {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-address-book-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-address-book-o:before {
    content: "\f2b9"
}

.la.la-vcard:before {
    content: "\f2bb"
}

.la.la-address-card-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-address-card-o:before {
    content: "\f2bb"
}

.la.la-vcard-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-vcard-o:before {
    content: "\f2bb"
}

.la.la-user-circle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-user-circle-o:before {
    content: "\f2bd"
}

.la.la-user-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-user-o:before {
    content: "\f007"
}

.la.la-id-badge {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-drivers-license:before {
    content: "\f2c2"
}

.la.la-id-card-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-id-card-o:before {
    content: "\f2c2"
}

.la.la-drivers-license-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-drivers-license-o:before {
    content: "\f2c2"
}

.la.la-quora,
.la.la-free-code-camp,
.la.la-telegram {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-thermometer-4:before {
    content: "\f2c7"
}

.la.la-thermometer:before {
    content: "\f2c7"
}

.la.la-thermometer-3:before {
    content: "\f2c8"
}

.la.la-thermometer-2:before {
    content: "\f2c9"
}

.la.la-thermometer-1:before {
    content: "\f2ca"
}

.la.la-thermometer-0:before {
    content: "\f2cb"
}

.la.la-bathtub:before {
    content: "\f2cd"
}

.la.la-s15:before {
    content: "\f2cd"
}

.la.la-window-maximize,
.la.la-window-restore {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-times-rectangle:before {
    content: "\f410"
}

.la.la-window-close-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-window-close-o:before {
    content: "\f410"
}

.la.la-times-rectangle-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-times-rectangle-o:before {
    content: "\f410"
}

.la.la-bandcamp,
.la.la-grav,
.la.la-etsy,
.la.la-imdb,
.la.la-ravelry,
.la.la-eercast {
    font-family: Line Awesome Brands;
    font-weight: 400
}

.la.la-eercast:before {
    content: "\f2da"
}

.la.la-snowflake-o {
    font-family: Line Awesome Free;
    font-weight: 400
}

.la.la-snowflake-o:before {
    content: "\f2dc"
}

.la.la-superpowers,
.la.la-wpexplorer,
.la.la-spotify {
    font-family: Line Awesome Brands;
    font-weight: 400
}

html {
    scroll-behavior: smooth
}

.main {
    padding: 0;
    margin: 0
}

.sag_grid {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #5B5B5B33
}

.drag-div {
    padding: 2px 0;
    background-color: #dadada;
    opacity: .7;
    border: 1px solid #bdc3c7;
    border-bottom: 0;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header_div {
    width: inherit
}

.child_header {
    position: relative;
    left: 0;
    height: 33px
}

.header_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    height: 100%;
    align-items: center
}

.header_cell {
    position: absolute;
    display: inline-block;
    flex-grow: 1;
    padding: 0 5px;
    height: 33px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    align-items: center;
    border-right: 1px solid #5B5B5B33;
    background-color: #f2f2f2;
    border-top: 0;
    top: 0
}

.table-area.masterdiv .grid_cell[component_type=sdmtinputtext],
.table-area.masterdiv .grid_cell[component_type=sdmtinputnumber],
.table-area.masterdiv .grid_cell[component_type=sdmtdate],
.table-area.masterdiv .grid_cell[component_type=sdmtdatepicker],
.table-area.masterdiv .grid_cell[component_type=sdmtinputtime],
.table-area.masterdiv .grid_cell[component_type=sdmtinputcurrency],
.table-area.masterdiv .grid_cell[component_type=sdmtinputdecimal],
.table-area.masterdiv .grid_cell[component_type=sdmttextarea] {
    display: flex !important
}

.table-area.masterdiv .grid_cell[component_type=sdmtinputtext] input,
.table-area.masterdiv .grid_cell[component_type=sdmtinputnumber] input,
.table-area.masterdiv .grid_cell[component_type=sdmtdate] input,
.table-area.masterdiv .grid_cell[component_type=sdmtdatepicker] input,
.table-area.masterdiv .grid_cell[component_type=sdmtinputtime] input,
.table-area.masterdiv .grid_cell[component_type=sdmtinputcurrency] input,
.table-area.masterdiv .grid_cell[component_type=sdmtinputdecimal] input {
    border: 1px solid #5B5B5B33 !important;
    background-color: #fff;
    color: #333;
    outline: unset;
    padding-left: 4px;
    height: 34px;
    border-radius: 4px
}

.header_cell {
    font-weight: 500;
    color: #333;
    font-size: 14px
}

.table-area.masterdiv .grid_cell.grid_cell_selected {
    border: 1px solid transparent !important;
    outline: unset
}

.header_cell input[type=text] {
    width: 100%
}

.sag_grid_table_main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: inherit
}

.table_body {
    display: block;
    position: relative
}

.grid_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    height: 100%;
    align-items: center
}

.grid_cell {
    position: absolute;
    display: inline-block;
    flex-grow: 1;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    border-right: 1px solid #5B5B5B33;
    border-bottom: 1px solid #5B5B5B33;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    color: #423d3d;
    top: 0;
    font-size: 13px
}

.grid_row_header {
    position: absolute;
    left: 0;
    height: 20px
}

.gridScroll {
    height: 530px;
    width: 16px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    right: 21px;
    top: 150px
}

.secondScroll {
    height: 1000px
}

.table_main,
.sml_headBody,
.sml_innerHeadBody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    height: 100%;
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden
}

.table_main .left-tbl {
    position: relative
}

.table_main .center-tbl {
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.table_main .right-tbl {
    position: relative
}

.header_Blk {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    width: 100%;
    white-space: nowrap;
    padding-right: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #5B5B5B33
}

.left-tbl-header {
    display: inline-block
}

.center-tbl-header {
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: hidden
}

.right-tbl-header {
    display: inline-block;
    overflow: hidden
}

.table_main .left-tbl,
.table_main .center-tbl {
    float: left;
    height: 3300px;
    overflow-x: hidden;
    overflow-y: hidden
}

.table_main .right-tbl {
    float: right;
    height: 3300px;
    overflow-x: hidden;
    overflow-y: hidden
}

.mainDivTbody {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    scrollbar-width: thin;
    scrollbar-color: #999 #eaeaea
}

.mainDivTbodySecond {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    width: 100%;
    white-space: nowrap
}

.fa {
    font-size: auto
}

:root {
    --clrInHover: #ccc
}

.ui-state-active {
    background-color: #968383b0
}

.gridLeftScroll {
    overflow-y: hidden;
    overflow-x: auto;
    height: 10px
}

.secondLeftScroll {
    display: block;
    height: 10px
}

.gridCenterScroll {
    overflow-y: hidden;
    overflow-x: auto;
    height: 10px;
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.secondCenterScroll {
    display: block;
    height: 10px
}

.gridRightScroll {
    overflow-y: hidden;
    overflow-x: auto;
    height: 10px
}

.secondRightScroll {
    display: block;
    height: 10px
}

.tabLList {
    border: 1px solid #5B5B5B33;
    margin-bottom: 5px;
    border-radius: 8px
}

#PopupFiletrSearch .dropdoenMenu .tabLList #filterScroll {
    height: 14vh
}

.selctDivCover {
    padding: 5px 0 5px 11px !important;
    border-bottom: 1px solid #5B5B5B33
}

#PopupFiletrSearch .blockDiv .pull-right {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

#PopupFiletrSearch .blockDiv .pull-right .btn {
    padding: 4px 8px !important
}

.filterRow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #5B5B5B33
}

.filterRow .checkbox {
    width: 40px;
    text-align: center
}

.dropdoenMenu {
    width: 250px;
    position: fixed !important;
    padding: 10px !important;
    box-shadow: #3c40434d 0 1px 2px, #3c404326 0 1px 3px 1px;
    border-radius: 8px
}

#PopupFiletrSearch .dropdoenMenu .imgCls {
    position: absolute;
    left: 15px;
    transform: translateY(27%)
}

#PopupFiletrSearch .dropdoenMenu #myInput {
    padding-left: 30px !important
}

#PopupFiletrSearch .form-control,
#PopupFiletrSearch .form-select {
    padding: .3rem .75rem !important;
    font-size: 14px;
    border-radius: .375rem !important;
    color: #333;
    border: 1px solid #5B5B5B33
}

#PopupFiletrSearch .form-control:focus,
#PopupFiletrSearch .form-select:focus {
    box-shadow: unset
}

.filterRow .checkbox input.filterRowInput {
    opacity: 1;
    margin: 3px 0;
    position: inherit
}

.filterRow .checkLabel {
    font-size: 12px;
    width: calc(100% - 40px);
    word-break: break-all;
    color: #333
}

.sagGridFilter {
    font-size: 12px
}

.table-area.masterdiv .header_div .header_cell .sagGridFilter img {
    filter: invert(1);
    width: 20px
}

.blockDiv .form-check-label {
    padding: 0;
    font-size: .95rem;
    color: #333
}

.masterdiv {
    overflow: hidden !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column
}

.totalFooter,
.scrollBar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    width: 100%;
    white-space: nowrap
}

.totalField {
    display: inline-block;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    padding: 0 5px;
    position: absolute;
    height: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    align-items: center;
    border-left: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    background-color: #f1f1f1;
    justify-content: flex-end;
    top: 0;
    overflow: hidden
}

.totalField input {
    width: 100%
}

.paginationBlk .btn-group .btn {
    border: 1px solid;
    height: auto;
    margin-right: 2px !important
}

.footerGrid {
    background: #eaeaea !important;
    border-top: 1px solid #b7b7b7;
    padding-right: 0
}

.footerGrid #footer_hide {
    padding: 0 10px
}

.totalFooter .child_header {
    height: 25px
}

.totalFooter .child_header .header_row {
    border-top: none
}

.footer_cell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    align-items: center;
    height: 25px
}

.header_Blk .child_header:first-child {
    border: none
}

.sagGridResize {
    position: absolute;
    right: 0;
    z-index: 1;
    cursor: col-resize;
    top: 0;
    height: 100%;
    width: 2px
}

.sagGridResize i.fa-arrows-alt-v {
    display: none
}

.masterdiv div[class^=col-],
.masterdiv .main,
.sag_grid,
.gridTheme,
.gridPopupTheme,
.gridIndexStop {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 100%
}

.header_cell .filterActive {
    position: absolute;
    right: 1px;
    background-color: #fff;
    height: 100%;
    width: 40px;
    padding: 8px;
    border-left: 1px solid #ccc
}

.dropdoenMenu {
    padding: 5px !important
}

.dropdoenMenu {
    box-shadow: none
}

.blockDiv input[type=checkbox] {
    position: inherit;
    margin: 4px;
    padding: 0
}

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

.table-area.masterdiv .grid_row_header .grid_row:hover .grid_cell {
    background-color: #2196f326
}

.table-area.masterdiv .grid_row.sml_slectedRow,
.table-area.masterdiv .grid_cell.sml_slectedRow {
    background-color: #2196f326 !important;
    color: #333
}

.sml_hoverRow {
    background-color: #d8d8d8
}

.sml_header_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: inherit;
    width: inherit
}

.masterdiv .form-control,
.masterdiv #PopupFiletrSearch .form-control,
.masterdiv #PopupFiletrSearch .form-select {
    height: 30px !important;
    padding: 0rem .75rem !important;
    font-size: 12px
}

.masterdiv #PopupFiletrSearch .form-control:focus,
.masterdiv #PopupFiletrSearch .form-select:focus {
    box-shadow: unset
}

.masterdiv #PopupFiletrSearch input::-webkit-input-placeholder {
    font-size: 12px;
    color: #333 !important
}

.masterdiv #PopupFiletrSearch .selectFilter option {
    font-size: 12px
}

.masterdiv .tabLList {
    min-height: 120px
}

.sml_active {
    background: #fff;
    border: #cecece 1px solid
}

.header_row .header_cell:last-child .sagGridResize {
    right: -1px
}

.scrollBar {
    height: 10px
}

.multiDropDown.open ul.dropdown-menu li a {
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 5px
}

ul#showHideColUl {
    height: 155px;
    overflow: auto
}

.table_body .grid_cell select {
    text-align-last: center;
    text-align: center
}

.all-checkbox-checked {
    background: #090909;
    height: 12px;
    width: 12px;
    position: inherit;
    margin: 7px;
    padding: 0
}

.form-check.checkBlkDiv {
    display: flex;
    align-items: center;
    position: relative
}

.tabLList .removeCheckColor {
    display: none
}

.selctDivCover .form-check:has(#allCheckboxBlue) .form-check-input {
    display: block !important;
    position: absolute;
    left: 22px;
    z-index: 1;
    opacity: 0
}

.selctDivCover .form-check:has(.form-check-label) .form-check-input {
    display: none
}

.selctDivCover .form-check .form-check-label {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    color: #333
}

#PopupFiletrSearch .tabLList .selctDivCover {
    padding: 5px !important
}

.selctDivCover .form-check input[type=checkbox]+.form-check-label:before,
.selctDivCover .form-check input[type=checkbox]+.form-check-label:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "";
    cursor: pointer;
    border: 2px solid #ccc;
    border-radius: 100%;
    transition: ease-in-out all .3s
}

.selctDivCover .form-check input[type=checkbox]+.form-check-label:before {
    border-radius: 5px;
    border-width: 1px;
    background-color: #ccc
}

.selctDivCover .form-check input[type=radio]+.form-check-label:after,
.selctDivCover .form-check input[type=checkbox]+.form-check-label:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border: none;
    opacity: 0;
    transform: scale(0);
    background-color: #1d4ed8
}

.selctDivCover .form-check input[type=checkbox]+.form-check-label:after {
    border-radius: 2px
}

.selctDivCover .form-check input[type=radio]:checked~.form-check-label:before,
.selctDivCover .form-check input[type=checkbox]:checked+.form-check-label:before {
    border-color: #1d4ed8
}

.selctDivCover .form-check input[type=radio]:checked~.form-check-label:after,
.selctDivCover .form-check input[type=checkbox]:checked+.form-check-label:after {
    opacity: 1;
    transform: scale(1)
}

.selctDivCover .form-check .form-check-label:before,
.selctDivCover .form-check .form-check-label:hover:before {
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    border-color: #000
}

.selctDivCover .form-check .form-check-label:after {
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    transform: translate(-50%, -50%) scale(0)
}

.selctDivCover .form-check .form-check-label:hover:after {
    background-color: #ccc
}

.selctDivCover .form-check input[type=radio]:checked~.form-check-label:after {
    transform: translate(-50%, -50%) scale(1)
}

.sag-column-drop-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

span.sag-column-drop-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    min-height: 24px;
    padding: 0 2px 0 8px;
    margin: 0 10px
}

span.sag-column-drop-cell i.fa.fa-times-circle-o {
    padding: 0 5px
}

.totalFooter {
    padding-right: 17px;
    background-color: #f1f1f1
}

.totalField:last-child {
    border-right: 1px solid #afafaf
}

.mainDivTbodySecond div.sagGroupRow {
    z-index: 1
}

.sagGroupRow .cellGroupSelected {
    background: #fff;
    color: #000;
    display: flex;
    align-items: center
}

.cd-pagination li {
    display: inline-block
}

.cd-pagination li {
    margin: 0 .2em
}

.cd-pagination.animated-buttons .button a {
    position: relative;
    padding: 0;
    transition: all linear .5s
}

.cd-pagination.animated-buttons a,
.cd-pagination.animated-buttons span {
    padding: 0 .4em;
    overflow: hidden;
    text-decoration: none;
    color: #000
}

.cd-pagination a {
    border: 1px solid #9e9e9e;
    border-radius: .25em
}

.cd-pagination a,
.cd-pagination span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .6em .8em
}

.cd-pagination li.active a {
    background-color: #353535;
    color: #fff
}

.cd-pagination.custom-icons .button a i {
    padding: 0 .4em
}

.cd-pagination.animated-buttons a:hover {
    background-color: #37a000;
    color: #fff
}

.header_row .header_cell {
    border-bottom: 1px solid #5B5B5B33
}

.right-tbl-header.superParent {
    border-left: 1px solid #5B5B5B33
}

.grid_row .grid_cell select,
.grid_row .grid_cell input {
    border: none
}

.header_cell .sagGridFilter {
    position: absolute;
    right: 0;
    padding-right: 5px;
    background-color: #ececec
}

.header_cell .sagGridButton {
    position: absolute;
    right: 18px;
    top: 2px;
    background-color: #ececec;
    z-index: 1;
    font-size: 15px !important
}

.header_cell .sagGridHeaderButton {
    position: absolute;
    right: 21px;
    top: 4px;
    border: none;
    z-index: 1;
    font-size: 15px !important
}

@-moz-document url-prefix() {
    .first_grid_tbody .grid_row_header:last-child .grid_row {
        border-bottom: 3px solid #c3c3c3
    }

    .grid_row {
        border-top: none
    }
}

.grid_cell_selected:focus {
    border: 2px solid #5bc0de
}

.sml_slectedRow .sml_disable {
    color: #fff9
}

.sml_disable {
    pointer-events: none;
    background: #0000000d;
    color: #0009
}

.regexInvalid {
    border: 1px solid #ec8080
}

.sml_comment_i {
    border-left: 5px solid #37a000
}

.sml_btnComponent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.sml_btnComponent span {
    flex: 1 1 auto;
    overflow: hidden;
    margin-right: 10px
}

.sml_btnComponent button {
    float: right;
    background: #aba8a8;
    border: 1px solid #d0d0d0;
    padding: 2px 3px;
    margin: 0 1px
}

.sml_slectedRow .sml_btnComponent button {
    display: block !important
}

.timt {
    margin: 0 auto;
    max-width: 472px
}

.bg {
    min-height: 100%;
    opacity: .7;
    position: absolute;
    width: 100%;
    top: 0
}

.timz {
    background-color: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    min-height: 200px;
    display: flex;
    height: 100%;
    box-sizing: border-box;
    flex-direction: column;
    border: 10px solid #fff
}

@keyframes phspin {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.abmk {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: phspin;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.bkmk {
    background: #fff;
    position: absolute
}

.bkmk.header-bottom,
.bkmk.header-top,
.bkmk.subheader-bottom {
    top: 0;
    left: 40px;
    right: 0;
    height: 10px
}

.bkmk.header-left,
.bkmk.header-right,
.bkmk.subheader-left,
.bkmk.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 10px
}

.bkmk.header-bottom {
    top: 18px;
    height: 6px
}

.bkmk.subheader-left,
.bkmk.subheader-right {
    top: 24px;
    height: 6px
}

.bkmk.header-right,
.bkmk.subheader-right {
    width: auto;
    left: 300px;
    right: 0
}

.bkmk.subheader-right {
    left: 230px
}

.bkmk.subheader-bottom {
    top: 30px;
    height: 10px
}

.bkmk.cfee,
.bkmk.cfef,
.bkmk.csls,
.bkmk.ctee,
.bkmk.ctle,
.bkmk.ctop {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px
}

.bkmk.ctop {
    height: 20px
}

.bkmk.cfee,
.bkmk.cfef,
.bkmk.ctee {
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px
}

.bkmk.csls {
    top: 68px
}

.bkmk.cfee {
    left: 420px;
    top: 74px
}

.bkmk.ctle {
    top: 82px
}

.bkmk.ctee {
    left: 300px;
    top: 88px
}

.overlaydiv {
    background: #000
}

.loader {
    border: 3px solid #d6d2d2;
    border-radius: 50%;
    border-top: 3px solid #0000006e;
    width: 50px;
    height: 50px;
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -50px
}

.loding {
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
    font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    width: 100%;
    top: 50%
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

body,
html {
    width: 100%;
    margin: 0;
    padding: 0
}

.mkbx {
    position: relative
}

.mkbx.mk-1 {
    top: 56px
}

.mkbx.mk-2 {
    top: 112px
}

.mkbx.mk-3 {
    top: 168px
}

.mkbx.mk-4 {
    top: 224px
}

.mkbx.mk-5 {
    top: 280px
}

.mkbx.mk-6 {
    top: 336px
}

.mkbx.mk-7 {
    top: 392px
}

.mkbx.mk-8 {
    top: 448px
}

.mkbx.mk-9 {
    top: 504px
}

.mkbx.mk-10 {
    top: 560px
}

.mkbx.mk-11 {
    top: 616px
}

.gridRowHoverClass:hover,
.gridCellHoverClass:hover {
    background: #a0b0c5;
    color: #333
}

.searchCtrl .header_Blk {
    background: none !important;
    color: #000;
    padding: 0;
    border: none !important
}

.searchCtrl .center-tbl-header .header_div {
    width: 100%;
    border: none
}

.searchCtrl .center-tbl-header .header_cell_common.input-group {
    width: 100% !important
}

.searchCtrl .footerGrid {
    border: none
}

.searchCtrl .totalFooter .totalField,
.searchCtrl .sag_grid {
    border: none !important;
    background: none !important
}

.searchCtrl .grid_row {
    border-top: 1px solid #e8e8e8;
    background: #fff;
    justify-content: center
}

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

.searchCtrl .grid_cell img {
    height: fit-content
}

.searchCtrl .sag_grid_table_main {
    width: 100%
}

.searchCtrl .grid_cell input {
    border: 1px solid #e0e0e0
}

.searchCtrl .searchBtndiv_commonsearch button.btn.btn-primary {
    border-radius: 0
}

.selectBtnGrp.btn-group {
    height: 100%;
    width: 100%
}

.selectBtnGrp.btn-group button.multiselect {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    height: 86%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    top: 50%;
    transform: translateY(-50%)
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell .textTurnCate {
    text-align: start
}

.selectBtnGrp .multiselect {
    border: 0;
    padding: 0;
    height: 100%
}

.bottom_open_multiselect {
    position: absolute;
    inset: auto auto 0 0
}

.multiselect-container {
    width: auto;
    height: auto;
    overflow-y: auto;
    max-height: 180px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.multiselect-container::-webkit-scrollbar {
    display: none
}

.mlt_S_Cls_Btn {
    background-color: #0000001a;
    border: 1px solid #5B5B5B33;
    color: #333;
    outline: unset;
    border-radius: 4px;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-left: 0 !important
}

.multiselect-container .btn {
    background-color: #efefef;
    border: 0;
    margin-right: 3px;
    border-radius: 2px !important;
    font-size: 10px !important
}

.multiselect-container .btn:hover {
    color: #000 !important;
    background-color: #efefef !important
}

.multiselect-item.filter input:focus {
    box-shadow: none
}

.multiselect-container>li>a>label {
    padding: .2rem .5rem;
    font-size: 11px;
    width: 100%;
    display: flex;
    align-items: center
}

.multiselect-container li a {
    padding: 0;
    width: 100%;
    display: block;
    color: #000
}

.multiselect-search {
    font-size: 11px !important
}

.multiselect-container>li>a>label>input {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.selectCaret {
    display: flex
}

.textTurnCate {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: center
}

.btn-group .multiselect:hover {
    color: #000 !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .selectCaret {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    height: 86%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%;
    border-radius: 5px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .selectCaret i.fa.fa-caret-down {
    color: #000;
    font-size: 10px
}

.parentDflex {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: nowrap;
    white-space: nowrap;
    position: relative;
    margin-bottom: 0;
    background-color: #f2f2f2
}

.coverFirst,
.coverSecond {
    padding: 7px
}

.table-area {
    position: relative;
    border: 1px solid #5B5B5B33;
    border-radius: 6px
}

.inputInnerWrapper #searchInput_commonsearch {
    width: 150px;
    border-radius: 8px;
    border: 1px solid #5B5B5B33;
    background-color: #fff;
    padding: 12px 16px 12px 30px !important;
    height: 35px !important;
    outline: 0;
    font-size: 13px
}

.inputInnerWrapper #searchInput_commonsearch::placeholder {
    color: #333 !important;
    font-size: 14px
}

.table-area.masterdiv .form-control:hover {
    border-color: #1994f4b5 !important
}

.inputInnerWrapper {
    position: relative
}

.inputInnerWrapper img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 10px;
    width: 17px;
    height: 18px
}

.inputInnerWrapper #searchInput_commonsearch:focus {
    border-color: #ced4da;
    box-shadow: inherit
}

#select_commonsearch.form-select:focus {
    border-color: #ced4da;
    box-shadow: inherit
}

.dropdowndiv_commonsearch #select_commonsearch {
    width: 120px;
    border-radius: 8px;
    border: 1px solid #5B5B5B33;
    background-color: #fff;
    color: #333;
    height: 35px;
    outline: 0;
    font-size: 14px;
    padding: 0 27px 0 10px !important
}

.table-area.masterdiv .form-select::-webkit-scrollbar {
    width: 4px
}

.table-area.masterdiv .form-select::-webkit-scrollbar-track {
    background: #f1f1f1
}

.table-area.masterdiv .form-select::-webkit-scrollbar-thumb {
    background: #dbdbdb
}

.commonSearchWrapper {
    display: flex;
    gap: 7px
}

#commonFilter {
    display: flex;
    align-items: center;
    gap: 7px
}

#commonFilter #SdmtcommonFilter {
    outline: 0;
    background-color: #009774;
    border: 1px solid #009774;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0
}

#commonFilter #SdmtcommonFilter img {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1)
}

#commonFilter #select_commonfilter {
    border-radius: 8px;
    border: 1px solid #5B5B5B33;
    background-color: #fff;
    padding: 0 !important;
    outline: 0;
    font-size: 14px
}

#commonFilter #select_commonfilter:focus {
    border-color: #ced4da;
    box-shadow: inherit
}

#commonFilter #SdmtcommonFilter .fa-filter {
    color: #9d9494
}

.header_cell_globalSearch #searchInput_globalSearch {
    border-radius: 8px;
    border: 1px solid #5B5B5B33;
    padding: 12px 16px 12px 37px !important;
    width: 180px;
    height: 34px;
    outline: 0;
    font-size: 13px;
    margin-right: 10px
}

.header_cell_globalSearch #searchInput_globalSearch+img {
    position: absolute;
    left: 15px;
    top: 10px;
    width: 17px;
    height: 18px
}

.header_cell_globalSearch #searchInput_globalSearch:focus {
    border-color: #919eab52;
    box-shadow: none
}

#dropdownMenuButton1.dropdown-toggle:after {
    margin-left: 0;
    vertical-align: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

#dropdownMenuButton1.btn img {
    width: 18px;
    height: 18px;
    filter: brightness(0)
}

#exportBtnID ul {
    padding: 0;
    background-color: #fff
}

#exportBtnID ul .dropDownHeader {
    border-bottom: 1px solid #5B5B5B33;
    padding: 8px 6px;
    display: flex;
    align-items: center
}

#exportBtnID ul .dropDownHeader span {
    color: #333;
    font-size: 14px;
    margin-left: 8px;
    flex: 1
}

#exportBtnID ul .dropDownHeader .icCloseIcon {
    width: 18px;
    height: 18px
}

#exportBtnID ul li {
    padding: 6px 5px 6px 11px;
    font-size: 13px
}

#exportBtnID ul li label {
    color: #333
}

.pageRecord {
    display: flex;
    gap: 7px
}

.rowPerPage {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 7px
}

.rowPerPage label {
    color: #333;
    font-size: 14px
}

.sml_totalRecord {
    color: #009774;
    font-size: 14px
}

.checkedRowCount {
    border-left: 1px solid #5B5B5B33;
    padding-left: 5px
}

.rowPerPage .form-select {
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    color: #333;
    padding: 0 27px 0 10px !important;
    outline: 0;
    font-size: 14px;
    height: 35px;
    width: 75px
}

.rowPerPage .form-select:focus {
    border-color: #5b5b5b33;
    box-shadow: none
}

.pageCount .btnDiv {
    outline: 0;
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.pageCount .btnDiv.disable {
    background-color: #fff;
    filter: contrast(.9)
}

.pageCount .btnDiv.disable:hover {
    border-color: #5b5b5b33
}

.pageCount .btnDiv.disable img {
    filter: inherit
}

.btnDiv img {
    width: 18px;
    height: 18px;
    filter: brightness(0)
}

.pageCount {
    display: flex;
    align-items: center;
    gap: 7px
}

.btnWrapDiv {
    margin-left: 10px;
    display: flex;
    align-items: center
}

.btnWrapDiv .btnDiv {
    outline: 0;
    background-color: #fff;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.btnWrapDiv .btnDiv:first-child {
    margin-right: 10px
}

.table-area.masterdiv .grid_cell .gridImgLbl {
    display: flex;
    justify-content: center;
    align-items: center
}

.table-area.masterdiv .grid_cell .gridImgLbl img {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    border-radius: 4px
}

.table-area.masterdiv .grid_cell .gridImgLbl label {
    color: #333 !important
}

.table-area.masterdiv .grid_cell .gridLblIcon {
    display: flex;
    align-items: center;
    justify-content: center
}

.table-area.masterdiv .grid_cell .gridLblIcon i {
    width: 20px;
    height: 17px;
    color: #333 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px
}

.table-area.masterdiv .grid_cell .gridLblIcon label {
    color: #333 !important
}

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

.dropDownElipce .btn {
    width: 25px;
    padding: 0;
    border: 1px solid #8f9092;
    color: #606060;
    background-image: linear-gradient(to top, #d8d9db, #fff 80%, #fdfdfd)
}

.dropDownElipce .dropdown-toggle:after {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    content: "";
    margin-left: 0
}

.dropDownElipce .btn:hover {
    border: 1px solid #8f9092
}

.dropDownElipce ul {
    padding: 0
}

.dropDownElipce ul li a {
    padding: 5px 4px 6px 7px;
    display: flex;
    align-items: center
}

.dropDownElipce ul li i {
    margin-right: 5px;
    font-size: 12px;
    color: #606060
}

.dropDownElipce ul li span {
    color: #606060;
    font-size: 12px
}

ul.multiselect-container::-webkit-scrollbar {
    width: 4px
}

ul.multiselect-container::-webkit-scrollbar-track {
    background: #f1f1f1
}

ul.multiselect-container::-webkit-scrollbar-thumb {
    background: #dddddd8a
}

ul.multiselect-container::-webkit-scrollbar-thumb:hover {
    background: #ccccccc2
}

input.form-control.multiselect-search {
    width: auto;
    height: 35px;
    padding: 6px 30px 6px 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

ul.multiselect-container li .input-group span.input-group-btn {
    position: absolute;
    right: 2px;
    top: 2px;
    display: flex;
    z-index: 9
}

ul.multiselect-container li .input-group span.input-group-btn .multiselect-clear-filter {
    height: 31px;
    border-radius: 0 4px 4px 0 !important;
    margin-right: 0
}

.multiselect-container li a:hover {
    background-color: transparent;
    color: #000
}

.multiselect-container li:first-child {
    border-bottom: 0px;
    position: sticky;
    top: 0;
    padding: 6px;
    background-color: #fff
}

.multiselect-container li a input[type=radio] {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.multiselect-container li a label.radio {
    font-size: 12px;
    display: flex;
    align-items: center
}

.well.custom-tooltip {
    position: absolute;
    max-width: 150px;
    z-index: 999;
    color: #f1f1f1;
    background: #fff;
    padding: 0;
    background: none;
    margin-top: 3px;
    width: 90%
}

.well.custom-tooltip {
    position: absolute;
    max-width: 350px;
    z-index: 999;
    color: #f1f1f1;
    background: #fff;
    padding: 0;
    background: none;
    margin-top: 3px;
    width: 90%
}

.well.custom-tooltip:before {
    content: "";
    left: -6px;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #f1f1f1
}

.well.custom-tooltip:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
    background: #0003
}

.well.custom-tooltip.left-placement {
    width: 200px;
    margin-left: -210px;
    margin-top: -20px;
    text-align: right
}

.well.custom-tooltip.left-placement:before {
    right: -6px;
    left: auto;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #f1f1f1;
    border-right: none
}

.well.custom-tooltip h4 {
    background: #f1f1f1;
    padding: 8px;
    margin: 0;
    color: #000;
    font-weight: 700;
    font-size: 13px;
    white-space: normal
}

.well.custom-tooltip p,
.well.custom-tooltip ol {
    background: #fff;
    padding: 6px 6px 6px 20px;
    color: #333;
    border-bottom: 2px solid #ccc;
    list-style-type: decimal;
    border: 1px solid #f1f1f1
}

.well.custom-tooltip ol li {
    margin-bottom: 6px;
    white-space: normal
}

.well.custom-tooltip ol li:last-child:before {
    content: "Note:-";
    left: 21px;
    position: absolute;
    font-weight: 700;
    color: #c13535
}

.well.custom-tooltip ol li:last-child {
    list-style-type: none;
    color: #4444ad;
    padding-left: 40px
}

.dropDownElipce ul.dropdown-menu {
    overflow: hidden
}

.dropDownElipce ul.dropdown-menu li {
    border-bottom: 1px solid #ccc
}

.dropDownElipce ul.dropdown-menu li a.dropdown-item {
    padding: 8px
}

.dropDownElipce ul.dropdown-menu li a.dropdown-item span {
    line-height: normal
}

.dropDownElipce ul.dropdown-menu li:last-child {
    border-bottom: 0px none !important
}

ul.dropdown-menu.ellipsis_drp.show {
    max-height: 400px;
    overflow-y: auto
}

ul.dropdown-menu.ellipsis_drp::-webkit-scrollbar {
    width: 5px
}

ul.dropdown-menu.ellipsis_drp::-webkit-scrollbar-track {
    background: #f1f1f1
}

ul.dropdown-menu.ellipsis_drp::-webkit-scrollbar-thumb {
    background: #d2d2d2
}

ul.dropdown-menu.ellipsis_drp::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0
}

.table-area.masterdiv .grid_cell:has(.dropDownElipce),
.table-area.masterdiv .grid_cell:has(.sml_btnComponent_),
.table-area.masterdiv .grid_cell[component_type=sdmtavatargroup] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.table-area.masterdiv .grid_cell[component_type=sdmtbuttoncomponent] .btnComponent {
    background-color: #4aaa2d1a;
    border-color: #4aaa2d1a;
    color: #4aaa2d;
    padding: 5px 12px
}

.table-area.masterdiv .grid_cell[component_type=sdmtrowdelete] i {
    background-color: #e20f131a;
    color: #e20f13 !important;
    width: 30px;
    height: 30px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.dropDownElipce button {
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.dropDownElipce button i {
    font-size: 12px
}

.btn-group button .btn {
    margin-left: 0 !important
}

.table-area.masterdiv .sag_grid .paginationBlk .btn-group .btn {
    margin-left: 0 !important;
    border-radius: 0 !important;
    flex: inherit;
    background-color: #fff !important;
    color: #0d6efd !important;
    padding: 3px 10px !important;
    border: 1px #eae5e5 solid !important
}

.table-area.masterdiv .sag_grid .paginationBlk .btn-group .btn:nth-child(3) i,
.table-area.masterdiv .sag_grid .paginationBlk .btn-group .btn:nth-child(4) i {
    color: red !important
}

.sml_expandGridB {
    background-color: #fff;
    color: #0d6efd;
    border: unset
}

.sml_expandGridT img {
    width: 18px;
    height: 18px
}

.btn.sml_expandGridT:hover {
    background-color: #fff;
    border: 1px solid #1994f4b5
}

.sag_grid .paginationBlk .btn-group {
    display: inline-table
}

.sag_grid .paginationBlk #exportBTNID.btn-group {
    display: inline-flex
}

.sag_grid .paginationBlk .btn-group .btn .fa.fa-plus {
    color: #009b51
}

.sag_grid .paginationBlk .btn-group .btn .fa.fa-minus {
    color: red
}

.rowBorderTopClass {
    border-top: 1px solid #c3c3c3
}

.time-dropdown {
    display: inline-block;
    display: none
}

.time-dropdown select {
    padding: 5px;
    font-size: 16px;
    margin-right: 5px
}

.time-dropdown select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.time-dropdown select::-ms-expand {
    display: none
}

.time-dropdown select::-webkit-scrollbar {
    width: 0
}

.time-dropdown {
    height: 94px
}

.time-dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 93px;
    overflow: auto
}

.dCover {
    display: inline-flex;
    width: 45px;
    background-color: #fff;
    box-shadow: #63636333 0 2px 8px;
    text-align: center;
    justify-content: center
}

.dCover ul li {
    padding: 10px
}

.dCover ul li:first-child[value=null] {
    padding: 0
}

ul#ampm li {
    margin-bottom: 10px
}

.dCover ul li:hover[value=null] {
    background-color: unset
}

.dCover ::-webkit-scrollbar {
    width: 1px
}

.dCover ::-webkit-scrollbar-track {
    background: #232e33
}

.dCover ::-webkit-scrollbar-thumb {
    background: #6baf8d
}

.dCover ::-webkit-scrollbar {
    display: none
}

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

.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div.dCover {
    box-shadow: none;
    border-top: 1px solid #919eab52
}

.dCover ul li {
    color: #000;
    font-size: 10px;
    position: relative
}

.dCover ul li:before {
    content: "";
    right: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    background-color: #919eab52;
    height: 1px;
    margin: 0 auto;
    transition: all .3s
}

.dCover ul li:after {
    content: "";
    right: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    background-color: #919eab52;
    height: 1px;
    margin: 0 auto;
    transition: all .3s
}

.dCover ul li:hover:after {
    width: 60%;
    background-color: #09090952;
    height: 2px
}

.time-dropdown ul li.activetime:before {
    height: 2px;
    background-color: #0b7ad7
}

.time-dropdown ul li.activetime:after {
    background-color: #0b7ad7;
    height: 2px
}

.time-dropdown {
    position: absolute;
    top: 0;
    border: 1px solid #919eab52;
    z-index: 99999;
    width: auto !important
}

.time-dropdown ul {
    width: 100%
}

.time-dropdown ul li {
    padding: 6px 2px;
    line-height: normal
}

.time-dropdown ul li.activetime {
    color: #0b7ad7;
    font-weight: 700
}

.timelist_manage {
    position: absolute;
    background-color: #fff;
    padding: 4px 0 2px;
    width: 50px !important;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border: 1px solid #919eab52;
    height: auto;
    inset: -1px auto 0 90px
}

.btn-timelist {
    color: #3674d3;
    text-transform: uppercase;
    background-color: transparent;
    padding: 0 3px;
    height: 15px;
    border-radius: 3px;
    line-height: 14px;
    font-size: 7px !important;
    display: block;
    width: 80%;
    margin: 0 auto 3px;
    border: 1px solid #3674d3;
    font-weight: 700
}

.lastbuttons_timelist {
    line-height: normal;
    text-align: end
}

.progress_cover {
    height: 100%;
    display: flex;
    align-items: center
}

.progress_cover .progress {
    background-color: #0000001a;
    width: 100%
}

.progress_cover .progress .progress-bar {
    background-color: #4aaa2d
}

.badgeFilter {
    position: absolute;
    background: #3b9dde;
    display: block;
    width: 10px;
    height: 10px;
    color: #fff !important;
    border-radius: 100%;
    font-size: 10px !important;
    line-height: 11px;
    right: 0;
    top: 0
}

.sagGridFilter.Filtering {
    position: relative
}

.namelist_commansearch .btn.btn-secondary.dropdown-toggle {
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    border-color: #dfe3e8;
    border-radius: 8px;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    height: 35px;
    width: 127px;
    display: block;
    padding: 0 30px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    text-align: start
}

.namelist_commansearch .btn.btn-secondary.dropdown-toggle:active {
    background-color: #fff;
    color: #333;
    border-color: #dfe3e8
}

.table-area.masterdiv #FilterListBtnId .dropdown-toggle:after,
.table-area.masterdiv .btn.dropdown-toggle.addRowDrpDwn:after,
.sdmtcardSelectAll .custom-select-wrapper:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 4px;
    font-size: 12px;
    transition: transform .3s ease;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #333
}

.table-area.masterdiv #FilterListBtnId .dropdown-toggle:after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.table-area.masterdiv .grid_cell .incDecCounter .btn.btn-danger {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #ffdadb;
    border-color: #ffdadb;
    color: #cf1316;
    width: 30px;
    height: 30px;
    padding: .75rem .375rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.table-area.masterdiv .grid_cell .incDecCounter .btn.btn-primary {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: #4aaa2d1a;
    border-color: #4aaa2d1a;
    color: #4aaa2d;
    width: 30px;
    height: 30px;
    padding: .75rem .375rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.table-area.masterdiv .grid_cell .incDecCounter .btn.btn-danger i,
.table-area.masterdiv .grid_cell .incDecCounter .btn.btn-primary i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px
}

.table-area.masterdiv .grid_cell .incDecCounter input {
    border: 1px solid #5B5B5B33 !important;
    color: #333;
    height: 30px;
    width: 100% !important;
    border-left: unset !important;
    border-right: unset !important;
    text-align: center
}

.table-area.masterdiv .grid_cell .incDecCounter input:focus-visible {
    outline: unset
}

.actionBtn .btn {
    padding: 5px;
    border: 1px solid #5B5B5B33;
    border-radius: 50px;
    margin-right: 8px
}

.actionBtn .btn img {
    width: 20px;
    height: 20px
}

.changeBgToggle {
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    padding: 4px;
    border-radius: 8px
}

.changeBgToggle #tableView {
    background-color: #009774;
    padding: 5px;
    border-radius: 6px;
    cursor: pointer;
    width: 25px;
    height: 25px
}

.changeBgToggle #gridView {
    padding: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px
}

.changeBgToggle #gridView.my_class1 {
    background-color: #009774;
    border-radius: 6px
}

.changeBgToggle.my_class1 .my_class1#tableView {
    background-color: unset
}

.table-area.masterdiv .changeBgToggle #gridView.my_class2,
.table-area.masterdiv .changeBgToggle #tableView.my_class1 {
    filter: invert(1) brightness(2)
}

.avatarDiv {
    display: flex;
    justify-content: center
}

.prefixAvatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: -8px;
    font-size: 11px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: initial !important
}

.prefixAvatar {
    background-color: #4aaa2d1a;
    border: 1px solid #4AAA2D1A;
    color: #4aaa2d
}

.avatarCoverDiv {
    position: relative
}

.avatarCoverDiv .list-group {
    overflow-y: auto;
    max-height: 300px !important;
    color: #18b265;
    background-color: #e6f6ee
}

.avatarCoverDiv .list-group::-webkit-scrollbar {
    width: 5px
}

.avatarCoverDiv .list-group::-webkit-scrollbar-track {
    background: #f1f1f1
}

.avatarCoverDiv .list-group::-webkit-scrollbar-thumb {
    background: #d2d2d2
}

.avatarCoverDiv .list-group::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0
}

.filterUlDom {
    padding: 0;
    max-height: 350px;
    overflow: auto
}

.filterUlDom li {
    padding: 4px 7px;
    font-size: 12px;
    color: #333
}

.filterUlDom::-webkit-scrollbar {
    width: 4px
}

.filterUlDom::-webkit-scrollbar-track {
    background: #f1f1f1
}

.filterUlDom::-webkit-scrollbar-thumb {
    background: #dbdbdb
}

.filterUlDom::-webkit-scrollbar-thumb:hover {
    background: #555
}

.filterUlDom li:hover,
.filterUlDom li.active {
    background-color: #0069d9;
    color: #fff
}

a.closeicon {
    position: relative;
    padding-left: inherit;
    color: #00d9c2;
    text-decoration: none
}

.expandToggle {
    position: fixed;
    top: 0;
    z-index: 9999999;
    right: 0;
    background: #fff;
    width: 100%;
    padding: 4px
}

button.dropdown-toggle.w-100.btn.btn-defaultr.open-btn {
    display: flex;
    align-items: center
}

.popup-container {
    position: absolute;
    background: #e6e4e4;
    padding: 5px;
    box-shadow: 15px 15px 15px #8e857b85;
    border-radius: 10px;
    opacity: 0;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out
}

.popup-container.show {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.dropdown-container select {
    width: 100%;
    padding: 10px;
    margin: 10px 0
}

.close-btn {
    background-color: red;
    color: #fff;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    margin-top: 15px;
    width: 100%
}

.open-btn {
    background-color: #fff;
    border: 1px solid #5B5B5B33 !important;
    color: #333;
    padding: 6px 12px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    height: 34px
}

.open-btn:hover {
    background-color: #fff
}

.dropdown-container input {
    background: linear-gradient(0deg, #cdcaca, #fff 54%, #b9b6b6) !important;
    width: 93%;
    border: solid 1px #5B5B5B33;
    margin-bottom: 5px;
    padding: 20px 10px;
    border-radius: 10px;
    transition: all .35s;
    font-size: 14px
}

.dropdown-container input:focus-visible {
    outline: none
}

.dropdown-container input:focus {
    box-shadow: 0 6px 12px #0006
}

.dropdown-container ul {
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0
}

ul.multiselect-container li .input-group span.input-group-btn {
    position: absolute;
    right: 3px;
    display: flex;
    z-index: 9
}

.multiselect-container {
    background-color: #c9c7c7
}

.multiselect-container li.search {
    border-bottom: 0px;
    position: sticky;
    top: 0;
    margin-bottom: 6px;
    padding: 10px 10px 5px;
    background-color: #efefef
}

.multiselect-item.filter {
    z-index: 100;
    left: 0
}

.custom-radio-group {
    display: grid;
    flex-direction: column;
    gap: 5px;
    border-radius: 10px;
    scrollbar-width: thin;
    padding: 0 11px
}

.custom-radio-group .custom-radio-container label {
    display: flex;
    align-items: center
}

.custom-radio-container {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 8px;
    background-color: #ffffffe6;
    transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease;
    font-size: 12px;
    color: #333;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 2px 4px #0003
}

.custom-radio-container:hover {
    background-color: #ffffff4d;
    box-shadow: 0 6px 12px #0006
}

.custom-radio-container input[type=radio] {
    opacity: 0;
    position: absolute
}

.custom-radio-checkmark {
    position: relative;
    height: 13px;
    width: 13px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-color: #0000004d;
    transition: background-color .4s ease, transform .4s ease;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 2px 6px #0006
}

.custom-radio-container input[type=radio]:checked+.custom-radio-checkmark {
    background-color: #fff;
    border-color: #007bff;
    transform: scale(1.2)
}

.custom-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custom-radio-container input[type=radio]:checked+.custom-radio-checkmark:after {
    display: block;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #007bff;
    transform: translate(-50%, -50%)
}

@keyframes pulse {
    0% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1.4)
    }

    to {
        transform: scale(1.2)
    }
}

.singleSelectUl {
    background-color: #e4e4e4
}

.multiCselect-container li .input-group span.input-group-btn {
    position: absolute;
    right: 3px;
    display: flex;
    z-index: 9
}

.multiselect-container li .input-group span.input-group-btn {
    top: 1px
}

.multiCselect-container input {
    width: auto;
    border: solid 1px #5B5B5B33;
    margin-top: 0;
    padding: 6px 10px !important;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.5 !important;
    height: auto
}

.multiselectpopup {
    position: absolute;
    background-color: #e6e4e4;
    opacity: 0
}

.mlt_btnFocus {
    border: 1px solid #5B5B5B33 !important;
    background-color: #fff !important;
    color: #333 !important;
    padding: 6px 12px
}

.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .dropdown-toggle.open-btn:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 0;
    font-size: 12px;
    transition: transform .3s ease;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #333
}

.multiselectpopup.showMS {
    opacity: 1;
    border-radius: 4px;
    background-color: #f2f2f2;
    border: 1px solid #5B5B5B33;
    padding: 7px;
    box-shadow: #0000002e 0 2px 4px;
    width: 230px
}

.multiselectpopup.show {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.multiselect-item-li.searchfilter {
    position: sticky;
    margin-bottom: 6px;
    padding: 3px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: #0000000d 0 6px 24px, #00000014 0 0 0 1px
}

.multiselect-container_.multiSelectUl {
    margin-top: 5px
}

.multiselect-item-li.searchfilter input {
    font-size: 12px !important
}

.multiselect-item-li.searchfilter input::placeholder {
    color: #333 !important;
    text-transform: capitalize
}

input.form-control.multiselect-searchM.searchM-pop:focus {
    box-shadow: unset
}

.multiselect-item.multiselect-item-li.selectAll label {
    display: flex;
    gap: 5px;
    color: #333
}

.customCheckmultiS {
    display: flex;
    flex-direction: column;
    gap: 5px;
    scrollbar-width: thin;
    padding: 0 0 1px;
    margin-bottom: 0;
    height: auto;
    overflow-y: auto;
    max-height: 160px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.customCheckbox {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
    background-color: #ffffffe6;
    font-size: 12px;
    color: #333;
    box-shadow: 0 2px 4px #0003
}

.mlt_S_footer {
    padding: 5px;
    margin-top: 7px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: #0000000d 0 6px 24px, #00000014 0 0 0 1px;
    display: none
}

.mlt_S_footer .form-check.checkBlkDiv {
    display: flex;
    gap: 5px
}

.customCheckbox label {
    display: inline-flex;
    gap: 5px;
    color: #333
}

.customCheckbox input {
    background: linear-gradient(0deg, #cdcaca, #fff 54%, #b9b6b6) !important;
    width: auto;
    border: solid 1px #5B5B5B33;
    margin-top: 0;
    padding: 20px 10px;
    border-radius: 4px;
    font-size: 15px
}

.searchM-pop {
    border-radius: 4px !important
}

.multiselect-item-li.searchfilter input:focus {
    box-shadow: none
}

.multiselect-container li {
    box-shadow: 0 2px 4px #0003;
    background-color: #ffffffe6
}

.singleSelectUl.dropdown-menu,
.multiSelectUl.dropdown-menu {
    max-height: 250px;
    padding: 0 0 5px !important;
    width: 250px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.custom-radio-container.hvr-sweep-to-right.active {
    background-color: #daecff
}

.coverFirst {
    display: flex;
    align-items: center;
    margin-right: auto;
    gap: 7px;
    padding-right: 0
}

.coverSecond {
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    padding-left: 0;
    position: relative
}

#gridAddDeleteBtnId {
    display: flex;
    gap: 7px
}

.table-area.masterdiv #newExpandExportTotalRecord {
    gap: 7px !important
}

.smlFullPageScreen {
    position: fixed;
    inset: 60px 0 0;
    z-index: 1054;
    background: #fff;
    height: auto
}

.sidebar-hidden .smlFullPageScreen {
    left: 0
}

.dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close) .smlFullPageScreen {
    left: 56px
}

.dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close:hover) .smlFullPageScreen {
    left: 231px
}

.selectAll.mvr-sweep-to-right {
    display: flex;
    align-items: center;
    border-bottom: 0px;
    position: sticky;
    padding: 5px 10px;
    border-radius: 4px;
    margin-left: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 2px 4px #0003;
    font-size: 12px
}

.hyperlink {
    cursor: pointer !important;
    color: #00f;
    text-decoration: underline
}

.popupmodal {
    box-shadow: #0000003d 0 3px 8px;
    padding: 15px 21px;
    border-radius: 10px;
    border: 1px #cdcdcd solid;
    background-color: #fff;
    z-index: 9999
}

.popupmodal.top_right {
    border-bottom-left-radius: 0
}

.popupmodal.bottom_right {
    border-top-left-radius: 0
}

.popupmodal.top_left {
    border-bottom-right-radius: 0
}

.popupmodal.bottom_left {
    border-top-right-radius: 0
}

.popupmodal.top_right:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px #c3c3c3 solid;
    transform: rotate(310deg);
    left: -5px;
    border-right: 0;
    border-bottom: 0;
    bottom: 2px
}

.popupmodal.bottom_right:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 1px #c3c3c3 solid;
    transform: rotate(310deg);
    left: -5px;
    border-right: 0;
    border-bottom: 0;
    top: 2px
}

.popupmodal.top_left:before {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}

.popupmodal.bottom_left:before {
    content: "";
    position: absolute;
    top: -9px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.cell_slectedRow {
    background-color: #6c757d4d !important;
    color: rgba(var(--gridSelectTxtClr)) !important
}

.cell_slected {
    background: #a0b0c5 !important;
    color: #000 !important
}

.dashboard_wrapperMain:has(.sidebar_right.right_open) .smlFullPageScreen {
    left: 0;
    top: 60px;
    right: 231px
}

.dashboard_wrapperMain:has(.sidebar_right.right_close) .smlFullPageScreen {
    left: 0;
    top: 60px;
    right: 0
}

.dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_open) .table-area.masterdiv .smlFullPageScreen {
    left: 231px
}

.dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close) .table-area.masterdiv .smlFullPageScreen {
    left: 0;
    top: 60px
}

.dashboard_wrapperMain.dashboard-design2:has(.sidebar_left.nav_left_menu.left_close) .table-area.masterdiv .smlFullPageScreen {
    left: 56px;
    top: 0
}

.dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close) .table-area.masterdiv .smlFullPageScreen {
    left: 0
}

.gridAddDeleteBtn .btn span {
    color: #333
}

.table-area.masterdiv .grid_cell .btn span {
    color: #333;
    font-size: 13px
}

.dashboard_content .modal.modaldesign_New .modal-content .modal-header {
    display: flex !important;
    align-items: center;
    padding: 6px 12px !important
}

.dashboard_content .modal.modaldesign_New .modal-content .modal-header .btn {
    padding: 3px 12px !important;
    background-color: #dc3545 !important;
    color: #fff !important
}

.dashboard_content .modal.modaldesign_New .modal-content .modal-header h4 {
    margin-bottom: 0
}

.dashboard_content .modal.modaldesign_New .modal-content .table>thead {
    vertical-align: baseline
}

.dashboard_content .modal.modaldesign_New .modal-content .table>thead tr>th:first-child {
    text-align: center !important
}

.dashboard_content .modal.modaldesign_New .modal-content .table>thead tr>th .topBottomIcons {
    float: right
}

.dashboard_content .modal.modaldesign_New .modal-content .table>thead tr>th .topBottomIcons .btn {
    padding: 3px 12px;
    margin: 0 !important
}

.dashboard_content .modal.modaldesign_New .modal-content .table>thead tr>th .topBottomIcons .btn i {
    font-size: 12px
}

.dashboard_content .modal.modaldesign_New .modal-content .table tbody tr td:first-child {
    text-align: center
}

.dashboard_content .modal.modaldesign_New .modal-content .table tbody tr.active td {
    background-color: #efefef !important
}

.dashboard_content .modal.modaldesign_New .modal-content .modal-body .tableHeadFixerMain {
    max-height: 60vh;
    overflow-y: auto
}

.dashboard_content .modal.modaldesign_New .modal-content .modal-body .tableHeadFixerMain th {
    position: sticky;
    top: 0;
    background: #efefef;
    z-index: 2
}

.dashboard_content .modal.modaldesign_New .modal-content .modal-footer {
    padding: 6px 12px;
    gap: 5px
}

.dashboard_content .modal.modaldesign_New .modal-content .modal-footer .btn {
    margin: 0;
    padding: 6px 12px
}

.dashboard_content .table-area.masterdiv #exportBtnID ul .dropDownHeader img {
    width: 16px
}

.dashboard_content .table-area.masterdiv #exportBtnID ul li:hover {
    background-color: #efefef
}

.dashboard_content .table-area.masterdiv #exportBtnID ul li.dropDownHeader:hover {
    background-color: unset !important
}

#ui-datepicker-div.ui-datepicker {
    background-color: #fff;
    box-shadow: 0 .5rem 1rem #00000026;
    color: #334155;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    width: 300px
}

#ui-datepicker-div .ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .5rem .5rem;
    background-color: #fff;
    color: #fff;
    border-block-end: 1px solid #e2e8f0;
    position: relative
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    top: 7px
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
    bottom: 0
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    right: 0;
    bottom: 0
}

#ui-datepicker-div .ui-datepicker-header a {
    cursor: pointer
}

#ui-datepicker-div .ui-datepicker-header a span {
    font-size: 14px;
    font-weight: 700;
    color: #4676a1
}

#ui-datepicker-div .ui-datepicker-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    font-weight: 450
}

#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year {
    padding: .25rem .5rem;
    color: #334155;
    border-radius: 6px
}

#ui-datepicker-div .ui-datepicker-year,
#ui-datepicker-div .ui-datepicker-month {
    border: none;
    margin: 0;
    color: #334155;
    cursor: pointer
}

#ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
    margin: .5rem 0 0
}

#ui-datepicker-div .ui-state-default {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    transition: background .2s, color .2s, border-color .2s, box-shadow .2s, outline-color .2s;
    border: 1px solid transparent;
    outline-color: transparent;
    color: #334155;
    font-weight: 600;
    font-size: 13px
}

#ui-datepicker-div .ui-state-highlight {
    background-color: #f1f6fa;
    color: #1e293b;
    border-radius: 50%
}

#ui-datepicker-div .ui-state-active {
    background-color: #deedfc;
    color: #1e293b;
    border-radius: 50%
}

.errorValidation {
    margin-left: auto;
    position: relative
}

.errorValidation i {
    color: red;
    font-size: 15px;
    cursor: pointer
}

.table-area.masterdiv .grid_cell:has(.errorValidation) {
    border: 1px solid #ff0000;
    display: flex !important
}

.errPopUpModal {
    box-shadow: #0000003d 0 3px 8px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px #cdcdcd solid;
    background-color: #fde0e0;
    color: red
}

.errPopUpModal span {
    display: block
}

.customselectSearch.show {
    opacity: 1
}

.customselectSearch {
    position: absolute;
    background-color: #e6e4e4;
    box-shadow: #0000000d 0 6px 24px, #00000014 0 0 0 1px;
    padding: 0;
    border-radius: 10px !important;
    width: 240px
}

.custom-radio-container.active {
    background-color: #888
}

.customselectSearch.singleSelectUl.dropdown-menu {
    max-height: 250px;
    padding: 0 0 5px !important;
    width: 250px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.customselectSearch {
    background-color: #f2f2f2 !important
}

.customselectSearch.custom-radio-group {
    display: grid;
    flex-direction: column;
    gap: 5px;
    border-radius: 10px;
    scrollbar-width: thin;
    padding: 0 5px !important
}

.selectLists {
    box-shadow: none !important;
    background: none !important;
    cursor: pointer !important
}

.selectLists.active {
    background-color: #ddd !important
}

.customRadioGroup {
    padding: 0 !important;
    margin-bottom: 0;
    height: auto;
    max-height: 160px;
    overflow: hidden auto
}

.selectSearch-item .inputGroup {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px
}

.customRadioGroup .selectLists {
    border-bottom: 1px solid #ccc;
    border-radius: 0 !important
}

.customRadioGroup .selectLists:last-child {
    border-bottom: 0
}

.selectSearch-container input {
    background: #fff !important;
    border: solid 1px #5B5B5B33;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 0;
    height: 34px
}

.selectSearch-container input:focus {
    background: #fff !important
}

.searchInp_Close {
    border: none;
    border-radius: 50%;
    margin: 16px
}

.searchInp_Close:hover {
    box-shadow: 0 0 #fff inset
}

.searchInp_Close:before {
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -1px;
    width: 15px;
    height: 2px;
    background-color: #8b8b8b;
    content: "";
    position: absolute;
    transform: rotate(45deg)
}

.searchInp_Close:after {
    width: 15px;
    height: 2px;
    background-color: #8b8b8b;
    content: "";
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -1px;
    position: absolute;
    transform: rotate(-45deg)
}

.selectS_open {
    padding: 10px 20px;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    align-items: center
}

.custom-select-wrapper {
    position: relative;
    cursor: pointer
}

.dropdown-search-box {
    width: 100%;
    height: 35px;
    z-index: 999999999;
    text-align: justify;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #5B5B5B33
}

#hederCSelect_selectHeader {
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    box-shadow: 0 0 0 1px #0000000a, 0 10px 30px #00000014
}

.dropdown-options {
    max-height: 200px;
    overflow-y: auto;
    z-index: 999;
    background: #fff
}

.dropdown-option {
    cursor: pointer
}

.dropdown-option:hover {
    background-color: #f0f0f0
}

.dropdown-option.disabled {
    color: #ccc;
    pointer-events: none
}

.checkedRowCount span {
    color: #1994f4;
    font-size: 14px
}

.gridSelectionPrefrence {
    position: fixed;
    inset: 0;
    background-color: #00000080;
    display: flex;
    align-items: center;
    justify-content: center
}

.gridSelection_modal {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    min-width: 250px
}

.gridSelection_modal span {
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

.gridSelection_modal h5 {
    margin-bottom: 10px
}

.gridSelection_modal input {
    cursor: pointer
}

.gridSelection_modal div {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 5px
}

.gridSelection_modal div:last-child {
    margin-bottom: 0
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-track {
    background: #eaeaea;
    border-radius: 6px
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.table-area.masterdiv .grid_cell:has(.tgclass),
.table-area.masterdiv .grid_cell .tgclass {
    display: flex !important;
    align-items: center;
    justify-content: center
}

.table-area.masterdiv .grid_cell .tgclass .inputCheckBoxClass {
    appearance: none;
    -webkit-appearance: none;
    width: 40px;
    height: 20px;
    background-color: #5b5b5b33;
    border-radius: 24px;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: background .3s
}

.table-area.masterdiv .grid_cell .tgclass .inputCheckBoxClass:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3px;
    box-shadow: 0 1px 3px #0000004d;
    transition: transform .3s
}

.table-area.masterdiv .grid_cell .tgclass .inputCheckBoxClass:checked {
    background-color: #4caf50
}

.table-area.masterdiv .grid_cell .tgclass .inputCheckBoxClass:checked:before {
    transform: translate(20px)
}

.table-area.masterdiv .header_cell .tgheaderclass {
    display: flex;
    align-items: center
}

.table-area.masterdiv .tgheaderclass input[type=checkbox][headercomponent=headerCheckBox] {
    appearance: none;
    -webkit-appearance: none;
    width: 40px;
    height: 20px;
    background-color: #0000001a;
    border: 1px solid #5B5B5B33;
    border-radius: 24px !important;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: background .3s
}

.table-area.masterdiv .tgheaderclass input[type=checkbox][headercomponent=headerCheckBox]:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3px;
    box-shadow: 0 1px 3px #0000004d;
    transition: transform .3s;
    transform: unset
}

.table-area.masterdiv .tgheaderclass input[type=checkbox][headercomponent=headerCheckBox]:checked {
    background-color: #1890ff54
}

.table-area.masterdiv .tgheaderclass input[type=checkbox][headercomponent=headerCheckBox]:checked:before {
    transform: translate(20px);
    background-color: #1890ff
}

.table-area.masterdiv .grid_cell:has(.tgcheckboxlabel.coll_chekbox),
.table-area.masterdiv .grid_cell .tgcheckboxlabel.coll_chekbox {
    display: flex !important
}

.table-area.masterdiv .tgcheckboxlabel.coll_chekbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.table-area.masterdiv .tgcheckboxlabel.coll_chekbox label {
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.table-area.masterdiv .tgcheckboxlabel.coll_chekbox label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 20px;
    background-color: #0000001a;
    border: 1px solid #5B5B5B33;
    border-radius: 24px;
    transition: background .3s
}

.table-area.masterdiv .tgcheckboxlabel.coll_chekbox label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px #0000004d;
    transition: transform .3s
}

.table-area.masterdiv .tgcheckboxlabel.coll_chekbox input[type=checkbox]:checked+label:before {
    background-color: #1890ff54
}

.table-area.masterdiv .tgcheckboxlabel.coll_chekbox input[type=checkbox]:checked+label:after {
    transform: translate(20px, -50%);
    background-color: #1890ff
}

.table-area.masterdiv .header_cell [headercomponent=headerCheckBox] {
    margin-right: 4px
}

.table-area.masterdiv .grid_cell .inputCheckBoxClass,
.table-area.masterdiv .header_cell [headercomponent=headerCheckBox],
.sdmtcardSelectAll .checkLabelCard input[type=checkbox] {
    appearance: none;
    width: 18px;
    height: 18px;
    background-color: #0000001a;
    border: 1px solid #5B5B5B33;
    border-radius: 5px !important;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: border-color .3s ease, background-color .3s ease
}

.table-area.masterdiv .grid_cell .inputCheckBoxClass:hover,
.table-area.masterdiv .header_cell [headercomponent=headerCheckBox]:hover,
.sdmtcardSelectAll .checkLabelCard input[type=checkbox]:hover {
    border-color: #3b82f6
}

.table-area.masterdiv .grid_cell .inputCheckBoxClass:before,
.table-area.masterdiv .header_cell [headercomponent=headerCheckBox]:before,
.sdmtcardSelectAll .checkLabelCard input[type=checkbox]:before {
    content: "";
    background-color: #2196f3;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 9px;
    height: 9px;
    border-radius: 3px;
    transition: all .3s ease-in-out
}

.table-area.masterdiv .grid_cell .inputCheckBoxClass:checked:before,
.table-area.masterdiv .header_cell [headercomponent=headerCheckBox]:checked:before,
.sdmtcardSelectAll .checkLabelCard input[type=checkbox]:checked:before {
    transform: translate(-50%, -50%) scale(1)
}

.table-area.masterdiv .grid_cell .inputCheckBoxClass:checked,
.table-area.masterdiv .header_cell [headercomponent=headerCheckBox]:checked,
.sdmtcardSelectAll .checkLabelCard input[type=checkbox]:checked {
    border-color: #3b82f6
}

.table-area.masterdiv .grid_cell .inputRadioClass {
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: #0000001a;
    border: 1px solid #5B5B5B33;
    border-radius: 50px !important;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: border-color .3s ease, background-color .3s ease
}

.table-area.masterdiv .grid_cell .inputRadioClass:hover {
    border-color: #3b82f6
}

.table-area.masterdiv .grid_cell .inputRadioClass:before {
    content: "";
    background-color: #2196f3;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 10px;
    height: 10px;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.table-area.masterdiv .grid_cell .inputRadioClass:checked:before {
    transform: translate(-50%, -50%) scale(1)
}

.table-area.masterdiv .grid_cell .inputRadioClass:checked {
    border-color: #3b82f6
}

.table-area.masterdiv .grid_cell:has(.tgclass) .inputCheckBoxClass {
    appearance: none;
    -webkit-appearance: none;
    width: 40px;
    height: 20px;
    background-color: #0000001a;
    border: 1px solid #5B5B5B33;
    border-radius: 24px !important;
    position: relative;
    cursor: pointer;
    outline: none;
    transition: background .3s
}

.table-area.masterdiv .grid_cell:has(.tgclass) .inputCheckBoxClass:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3px;
    box-shadow: 0 1px 3px #0000004d;
    transition: transform .3s;
    transform: unset
}

.table-area.masterdiv .grid_cell:has(.tgclass) .inputCheckBoxClass:checked {
    background-color: #1890ff54
}

.table-area.masterdiv .grid_cell:has(.tgclass) .inputCheckBoxClass:checked:before {
    transform: translate(20px);
    background-color: #1890ff
}

.table-area.masterdiv #pagingDetailsId:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 4px;
    font-size: 12px;
    transition: transform .3s ease;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #1994f4
}

.table-area.masterdiv #pagingDetailsId {
    color: #1994f4
}

.table-area.masterdiv #pagingDetailsId:hover {
    text-decoration: underline
}

.table-area.masterdiv .pageDetailContainer #pagingDetailsId {
    padding: 4px 8px;
    background-color: transparent;
    border: unset;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.table-area.masterdiv .pageDetailContainer {
    position: relative
}

.table-area.masterdiv .pageDetailContainer #gotopagemodelId {
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    box-shadow: 0 0 0 1px #0000000a, 0 10px 30px #00000014;
    position: absolute;
    border-radius: 5px;
    padding: 0 8px 8px;
    margin-top: 5px;
    min-width: 180px;
    z-index: 99999
}

.table-area.masterdiv .pageDetailContainer .pgDtlsInputContainer {
    display: flex;
    margin-top: 5px;
    gap: 5px
}

.table-area.masterdiv .pageDetailContainer #gotopagemodelId span {
    font-size: 13px;
    color: #333
}

.table-area.masterdiv .pageDetailContainer #pageDetailsGoBtnId {
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    color: #333;
    border-radius: 6px;
    font-size: 14px;
    width: 35px
}

.table-area.masterdiv .pageDetailContainer #pageDetailsGoBtnId:hover {
    background-color: #f0f0f0
}

.table-area.masterdiv .pgDtlsInputContainer input {
    flex: 1 1 0%;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #5B5B5B33
}

.table-area.masterdiv .pgDtlsInputContainer input:focus {
    border-color: #66afe9
}

.table-area.masterdiv .pgDtlsInputContainer input:focus-visible {
    outline: unset
}

.table-area.masterdiv .filterPopUpResizer {
    position: absolute;
    background: transparent;
    -webkit-user-select: none;
    user-select: none
}

.table-area.masterdiv .resizer-right {
    right: 0;
    top: 0;
    width: 5px;
    height: 100%;
    cursor: ew-resize
}

.table-area.masterdiv .resizer-left {
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    cursor: ew-resize
}

.table-area.masterdiv .resizer-bottom {
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    cursor: ns-resize
}

.table-area.masterdiv .blockDiv {
    bottom: 4px;
    position: absolute;
    right: 5px;
    left: 5px
}

.table-area.masterdiv #PopupFiletrSearch .dropdoenMenu {
    height: 285px;
    min-height: 237px;
    overflow: hidden;
    background-color: #fff
}

.table-area.masterdiv #PopupFiletrSearch .dropdoenMenu .tabLList #filterScroll {
    height: calc(100% - 37px);
    min-height: 10px
}

.table-area.masterdiv .tabLList {
    height: calc(100% - 104px);
    min-height: 120px
}

.newMultiThemeSelect {
    border: 1px solid #5B5B5B33;
    background-color: #fff;
    color: #333;
    padding: 0 27px 0 10px !important;
    border-radius: 8px !important;
    outline: 0;
    font-size: 14px;
    width: 135px;
    height: 35px
}

.newMultiThemeSelect:focus {
    box-shadow: unset
}

.table-area.masterdiv .grid_cell[component_type=sdmtselectbox] select {
    border: 1px solid #5B5B5B33;
    height: 34px;
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    outline: unset;
    font-size: 13px
}

.table-area.masterdiv .grid_cell[component_type=sdmtselectbox] select option {
    background-color: #fff
}

.table-area.masterdiv .grid_cell[component_type=sdmtplusminusbutton],
.table-area.masterdiv .grid_cell[component_type=sdmtradiobutton] div,
.table-area.masterdiv .grid_cell[component_type=sdmttextarea],
.table-area.masterdiv .grid_cell[component_type=sdmtincdeccounter],
.table-area.masterdiv .grid_cell[component_type=sdmtmultiiconbutton] {
    display: flex !important;
    align-items: center;
    gap: 5px
}

.table-area.masterdiv .grid_cell[component_type=sdmtmultiiconbutton] div {
    display: flex;
    align-items: center;
    gap: 2px
}

.table-area.masterdiv .grid_cell[component_type=sdmttextarea] textarea {
    height: 34px !important;
    border: 1px solid #5B5B5B33;
    border-radius: 4px
}

.table-area.masterdiv .grid_cell[component_type=sdmttextarea] textarea:focus-visible {
    outline: unset
}

.table-area.masterdiv .grid_cell[component_type=sdmtplusminusbutton] .btn-group {
    gap: 5px
}

.table-area.masterdiv .grid_cell[component_type=sdmtplusminusbutton] .btn.btn-primary,
.table-area.masterdiv .grid_cell[component_type=sdmtplusbutton] .btn.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4aaa2d1a !important;
    border-color: #4aaa2d1a !important;
    color: #4aaa2d;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    padding: .75rem .375rem !important
}

.table-area.masterdiv .grid_cell[component_type=sdmtplusminusbutton] .btn.btn-danger,
.table-area.masterdiv .grid_cell[component_type=sdmtplusbutton] .btn.btn-danger {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffdadb !important;
    border-color: #ffdadb !important;
    color: #cf1316;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    padding: .75rem .375rem !important
}

.table-area.masterdiv .grid_cell[component_type=sdmtplusminusbutton] .btn-group {
    display: flex
}

.table-area.masterdiv .grid_cell[component_type=sdmtplusminusbutton] .btn.btn-danger i,
.table-area.masterdiv .grid_cell[component_type=sdmtplusminusbutton] .btn.btn-primary i,
.table-area.masterdiv .grid_cell[component_type=sdmtplusbutton] .btn.btn-danger i,
.table-area.masterdiv .grid_cell[component_type=sdmtplusbutton] .btn.btn-primary i {
    font-size: 15px
}

.table-area.masterdiv .grid_cell .incDecCounter {
    display: flex;
    align-items: center
}

.table-area.masterdiv .sdmtcolorpicker {
    border-radius: 3px;
    border: 1px solid #333 !important;
    cursor: pointer;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box
}

.table-area.masterdiv .coll_colorPicker {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 5px
}

.table-area.masterdiv .coll_colorPicker .sdmtcolorpickerLabel {
    color: #333
}

.dotCover .btns {
    background-color: #009774;
    display: flex;
    align-items: center;
    height: 35px;
    width: 35px;
    border: unset;
    justify-content: center;
    border-radius: 8px
}

#dropdownMenuButton1.btn,
.gridAddDeleteBtn .btn,
.updown .btn,
.sml_expandGridT,
.gridCustomButtons .btn,
.gridConfigration .btn,
.sagGridFilterReset,
.mobCollExpand {
    background-color: #fff;
    border: 1px solid #5B5B5B33;
    color: #000;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: .75rem .375rem !important
}

#dropdownMenuButton1.btn:hover,
.gridAddDeleteBtn .btn:hover,
.updown .btn:hover,
.sml_expandGridT:hover,
.gridCustomButtons .btn:hover,
.gridConfigration .btn:hover,
.sagGridFilterReset:hover,
.mobCollExpand:hover,
.changeBgToggle:hover,
#select_commonsearch:hover,
.namelist_commansearch .btn.btn-secondary.dropdown-toggle:hover,
.rowPerPage .form-select:hover,
.pageCount .btnDiv:hover,
.newMultiThemeSelect:hover {
    border-color: #1994f4b5 !important
}

.gridCustomButtons .btn:active {
    border-color: #5b5b5b33
}

.SdmtcommonFilterReset {
    width: 40px
}

.sagGridFilterReset img {
    width: 18px
}

.updown .btn,
.gridConfigration .btn,
#dropdownMenuButton1.btn,
.sml_expandGridT {
    width: 35px
}

.updown .btn:active,
.gridAddDeleteBtn .btn:active {
    background-color: #fff;
    border-color: #5b5b5b33
}

.mobCollExpand {
    padding: 0 !important;
    background-color: transparent
}

.sagGridFilterReset i,
.gridConfigration .btn i {
    font-size: 14px;
    width: 18px;
    height: 18px;
    align-items: center;
    display: flex;
    justify-content: center
}

.gridConfigration .btn:active {
    border-color: #dfe3e8
}

.labelCover {
    display: flex;
    align-items: center;
    gap: 7px
}

.sdmtcardSelectAll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    flex-wrap: wrap;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
    border: 1px solid #d1d5db;
    border-radius: 8px
}

.sdmtcardSelectAll .checkLabelCard,
.sdmtcardSelectAll .selectLabelCard {
    gap: 5px;
    display: flex;
    align-items: center
}

.sdmtcardSelectAll .checkLabelCard label,
.sdmtcardSelectAll .selectLabelCard label {
    font-size: 13px;
    font-weight: 500;
    color: #423d3d
}

.sdmtcardSelectAll .custom-select-wrapper {
    border: 1px solid #5B5B5B33;
    color: #423d3d;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 14px
}

#expandAllheaderBtn {
    margin-left: auto
}

.gridCustomButtons {
    display: flex;
    align-items: center;
    gap: 7px
}

.gridCustomButtons .btn,
.gridAddDeleteBtn .btn {
    gap: 4px;
    padding: 2px 8px
}

.gridAddDeleteBtn .btn img {
    width: 14px
}

.table-area.masterdiv.autoFit {
    max-width: max-content !important
}

.dotCover {
    position: relative;
    flex-shrink: 0
}

.overflowMenu {
    background-color: #fff;
    box-shadow: 0 2px 10px #00000026;
    border: 1px solid #5B5B5B33;
    border-radius: 6px;
    width: auto;
    max-width: 451px;
    display: none;
    z-index: 999;
    padding: 5px;
    top: 0;
    left: 0;
    position: fixed
}

.overflowMenu .inputInnerWrapper #searchInput_commonsearch,
.overflowMenu .dropdowndiv_commonsearch #select_commonsearch,
.overflowMenu .namelist_commansearch .btn.btn-secondary.dropdown-toggle {
    width: 127px !important
}

.overflowMenuContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.addRowDrpDwn {
    padding: 0
}

.addRowDrpDwn li {
    border-bottom: 1px solid #5B5B5B33;
    padding: 4px 7px;
    font-size: 14px;
    color: #333
}

.addRowDrpDwn li:hover {
    background-color: #efefef
}

.addRowDrpDwn li:last-child {
    border-bottom: unset
}

.coverAll {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 7px
}

.overflowMenu .pageRecord.overflow-item {
    flex-direction: column;
    width: 100%
}

.overflowMenu .rowPerPage .form-select,
.overflowMenu .pageCount .pageDetailContainer,
.overflowMenu .newMultiThemeSelect,
.overflowMenu .themechanger,
.overflowMenu #gotopagemodelId {
    width: 100%
}

.overflowMenu .pageCount {
    border-bottom: 1px solid #5B5B5B33;
    border-top: 1px solid #5B5B5B33;
    padding: 5px 0
}

.table-area.masterdiv.webGrid .form-select,
.table-area.masterdiv.webGrid .form-control,
.table-area.masterdiv.mobileGrid .form-select,
.table-area.masterdiv.mobileGrid .form-control {
    padding: .375rem 2.25rem .375rem .75rem !important
}

@media (max-width:1024px) {
    .sml_headBody {
        overflow: auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .center-tbl-header {
        overflow-x: initial;
        overflow-y: initial
    }
}

@media (max-width: 800px) {
    .footerGrid label {
        white-space: normal !important
    }

    .header_Blk .child_header:first-child {
        border: none
    }

    .sagGridResize {
        position: absolute;
        right: 0;
        z-index: 1;
        cursor: col-resize;
        top: 0;
        height: 100%;
        width: 2px
    }

    .sagGridResize i.fa-arrows-alt-v {
        display: none
    }

    .footerGrid {
        padding: 5px 0
    }

    .sml_headBody {
        overflow-x: auto;
        overflow-y: hidden
    }

    .filterRow .checkLabel {
        font-size: 13px;
        margin-top: 0
    }

    .blockDiv .form-check .form-check-label {
        line-height: 2.2 !important
    }

    .dropdoenMenu {
        width: auto
    }

    .header_Blk {
        padding-right: 0
    }

    .covermaster {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column
    }

    .masterdiv,
    .masterdiv .col-sm-12,
    .masterdiv .main,
    .sag_grid,
    .gridTheme,
    .gridPopupTheme {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -moz-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        overflow: hidden;
        height: 100%
    }

    .header_cell .filterActive {
        position: absolute;
        right: 1px;
        background-color: #fff;
        height: 100%;
        width: 40px;
        padding: 8px;
        border-left: 1px solid #ccc
    }

    .dropdoenMenu {
        padding: 5px !important
    }

    .dropdoenMenu {
        box-shadow: none
    }

    .blockDiv input[type=checkbox] {
        position: inherit;
        margin: 4px;
        padding: 0
    }

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

    .sml_hoverRow {
        background-color: #d8d8d8
    }

    .sml_header_text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: inherit;
        width: inherit
    }

    .masterdiv .form-control {
        padding: 5px 10px;
        height: 30px
    }

    .masterdiv .tabLList {
        min-height: 120px
    }

    .sml_active {
        background: #fff;
        border: #cecece 1px solid
    }

    .header_row .header_cell:last-child .sagGridResize {
        right: -1px
    }

    .scrollBar {
        height: 10px
    }

    .multiDropDown.open ul.dropdown-menu li a {
        display: block;
        border-bottom: 1px solid #ccc;
        padding: 5px
    }

    ul#showHideColUl {
        height: 155px;
        overflow: auto
    }

    .table_body .grid_cell select {
        text-align-last: center;
        text-align: center
    }

    .all-checkbox-checked {
        background: #00f;
        height: 12px;
        width: 12px;
        position: inherit;
        margin: 7px;
        padding: 0
    }

    .form-check.checkBlkDiv {
        display: flex
    }

    .sag-column-drop-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    span.sag-column-drop-cell {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        border-radius: 16px;
        min-height: 24px;
        padding: 0 2px 0 8px;
        margin: 0 10px
    }

    span.sag-column-drop-cell i.fa.fa-times-circle-o {
        padding: 0 5px
    }

    .totalFooter {
        padding-right: 17px;
        background-color: #f1f1f1
    }

    .totalField:last-child {
        border-right: 1px solid #afafaf
    }

    .mainDivTbodySecond div.sagGroupRow {
        z-index: 1
    }

    .sagGroupRow .cellGroupSelected {
        background: #fff;
        color: #000;
        display: flex;
        align-items: center
    }

    .cd-pagination li {
        margin: 0
    }

    .center-tbl-header {
        overflow-x: initial;
        overflow-y: initial
    }
}

@media (max-width:768px) {
    .dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close) .table-area.masterdiv .smlFullPageScreen {
        left: 0
    }

    .dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_open) .table-area.masterdiv .smlFullPageScreen {
        left: 0
    }
}

@media (max-width: 576px) {
    .table-area {
        padding: 5px
    }

    .parentDflex {
        flex-wrap: wrap;
        padding: 5px;
        margin-bottom: 10px !important;
        border: 1px solid #d1d5db;
        border-radius: 8px
    }

    .pageRecord {
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #5B5B5B33;
        border-bottom: 1px solid #5B5B5B33;
        padding: 5px
    }

    .updown {
        margin-left: auto
    }

    .labelCover {
        width: 100%;
        justify-content: flex-start
    }

    .table-area.masterdiv.mobileGrid #commonFilter #SdmtcommonFilter,
    .table-area.masterdiv.webGrid #commonFilter #SdmtcommonFilter {
        width: 43px !important
    }

    .coverFirst,
    .coverSecond {
        flex-wrap: wrap;
        padding: 0
    }

    .coverSecond.havingData {
        border-top: 1px solid #5B5B5B33
    }

    .dropdowndiv_commonsearch #select_commonsearch,
    #searchInput_commonsearch #commonFilter,
    #commonFilterListBtn,
    #FilterListBtnId,
    .rowPerPage .form-select,
    .sdmtcardSelectAll,
    .pageDetailContainer,
    .table-area.masterdiv.mobileGrid #commonFilter,
    .table-area.masterdiv.mobileGrid .inputInnerWrapper {
        width: 100%
    }

    .table-area.masterdiv.mobileGrid .inputInnerWrapper #searchInput_commonsearch,
    .table-area.masterdiv.mobileGrid .dropdowndiv_commonsearch #select_commonsearch {
        width: 100% !important
    }

    .table-area.masterdiv.webGrid .dropdowndiv_commonsearch #select_commonsearch,
    .table-area.masterdiv.webGrid .inputInnerWrapper #searchInput_commonsearch {
        width: 159px !important
    }

    .commonSearchWrapper {
        flex: 1
    }

    .table-area.masterdiv.mobileGrid .coverSecond,
    .themechanger,
    .newMultiThemeSelect {
        width: 100%
    }

    .checkedRowCount span,
    .sml_totalRecord {
        font-weight: 500
    }

    .gridAddDeleteBtn .dropdown-toggle.addRowDrpDwn span {
        display: block
    }

    .gridAddDeleteBtn .dropdown-toggle.addRowDrpDwn {
        width: auto
    }

    .gridAddDeleteBtn .btn span {
        display: none
    }

    .gridAddDeleteBtn .btn {
        width: 35px
    }

    .rowPerPage {
        padding-bottom: 5px;
        border-bottom: 1px solid #5B5B5B33
    }

    #commonFilter #select_commonfilter,
    .overflowMenu .inputInnerWrapper #searchInput_commonsearch,
    .overflowMenu .dropdowndiv_commonsearch #select_commonsearch,
    .overflowMenu .namelist_commansearch .btn.btn-secondary.dropdown-toggle {
        width: 100% !important
    }

    .table-area.masterdiv.webGrid .parentDflex .coverSecond {
        width: 100%;
        flex-wrap: nowrap;
        padding: 0;
        border: unset
    }

    .table-area.masterdiv.webGrid .parentDflex .rowPerPage {
        padding-bottom: 0;
        border-bottom: 0
    }

    .table-area.masterdiv.webGrid .parentDflex .overflowMenu .pageCount {
        border-bottom: 0
    }

    .table-area.masterdiv.webGrid .overflowMenu {
        width: 90%;
        max-width: 100%;
        left: 0 !important;
        right: 0;
        margin: auto
    }

    .table-area.masterdiv.webGrid .overflowMenuContainer {
        width: 100%
    }

    .table-area.masterdiv.webGrid .checkedRowCount,
    .table-area.masterdiv.mobileGrid .checkedRowCount {
        border-left: 1px solid #c3c3c3;
        padding-left: 5px
    }

    .table-area.masterdiv.mobileGrid .coverSecond {
        padding-top: 5px
    }

    .table-area.masterdiv.webGrid .parentDflex {
        flex-wrap: nowrap !important
    }

    .table-area.masterdiv.webGrid .coverFirst,
    .table-area.masterdiv.webGrid .coverSecond {
        flex-wrap: nowrap
    }

    .table-area.masterdiv.mobileGrid .sagGridFilterReset {
        width: auto !important
    }

    .table-area.masterdiv.mobileGrid .coverFirst {
        flex: 1
    }

    .table-area.masterdiv.mobileGrid #commonFilter {
        justify-content: end
    }
}

@media (max-width:370px) {

    .table-area.masterdiv.webGrid .dropdowndiv_commonsearch #select_commonsearch,
    .table-area.masterdiv.webGrid .inputInnerWrapper #searchInput_commonsearch {
        width: 135px !important
    }
}

.cardViewGrid.table-area.masterdiv .cellCover {
    display: flex;
    align-items: baseline
}

.cardViewGrid.table-area.masterdiv .footerGrid {
    display: none
}

.cardViewGrid.table-area.masterdiv .mainDivTbody {
    overflow-y: auto
}

.cardViewGrid.table-area.masterdiv .sag_grid_table_main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: inherit;
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden
}

.cardViewGrid.table-area.masterdiv .table_body {
    display: flex;
    position: relative;
    border-left: unset;
    height: 100% !important
}

.cardViewGrid.table-area.masterdiv .grid_row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    background-color: #484d5d !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.cardViewGrid.table-area.masterdiv .grid_cell {
    position: unset;
    display: flex !important;
    align-items: center;
    flex-grow: 1;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow: hidden;
    border-bottom: 1px solid #494a5b;
    top: 0;
    color: #fff
}

.cardViewGrid.table-area.masterdiv .grid_row_header {
    position: unset;
    left: 0;
    height: 20px;
    height: 100% !important
}

.cardViewGrid.table-area.masterdiv .table_body .sagRow:nth-child(odd),
.cardViewGrid.table-area.masterdiv .table_body .sagRow:nth-child(2n) {
    background-color: unset
}

.cardViewGrid.table-area.masterdiv .table_main .center-tbl {
    -moz-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 100% !important;
    height: 100% !important;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden
}

.cardViewGrid.table-area.masterdiv .header_Blk {
    display: none
}

.cardViewGrid.table-area.masterdiv .mainDivTbodySecond {
    height: 100% !important
}

.cardViewGrid.table-area.masterdiv {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column
}

.cardViewGrid.table-area.masterdiv .grid_row_header .grid_row.rowCover {
    border-radius: 10px;
    overflow: auto
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .totalFooter,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .totalFooter,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .totalFooter,
.cardViewGridFour.cardViewGrid.table-area.masterdiv .totalFooter {
    background-color: #484d5d !important;
    border: 1px solid #1990ff;
    margin-bottom: 2px
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .totalFooter .tFooterCover .tFooterLabel,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .totalFooter .tFooterCover .tFooterLabel,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .totalFooter .tFooterCover .tFooterLabel,
.cardViewGridFour.cardViewGrid.table-area.masterdiv .totalFooter .tFooterCover .tFooterLabel,
.cardViewGridOne.cardViewGrid.table-area.masterdiv .totalFooter .totalField,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .totalFooter .totalField,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .totalFooter .totalField,
.cardViewGridFour.cardViewGrid.table-area.masterdiv .totalFooter .totalField {
    color: #fff !important
}

.cardViewGrid.table-area.masterdiv .cellCover.col .grid_cell {
    justify-content: end !important;
    text-align: end !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid.cardViewGrid .mainDivTbody .grid_row.sml_slectedRow:hover .grid_cell {
    background-color: transparent !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid.cardViewGrid .grid_cell {
    border-bottom: unset;
    border-right: unset
}

.dashboard_content .cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel[style="display: none;"]+.grid_cell) .grid_cell {
    justify-content: flex-start !important;
    padding-left: 6px !important
}

.dashboard_content .cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel[style="display: none;"]+.grid_cell) .grid_cell[sag_g_key=action] {
    justify-content: flex-end !important
}

.dashboard_content .cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel[style="display: none;"]+.grid_cell) .grid_cell[sag_g_key=action] .dropDownElipce {
    justify-content: flex-end;
    align-items: flex-end
}

.cardViewGrid.table-area.masterdiv .btnComponent {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 25px
}

.cardViewGrid.table-area.masterdiv #commonFilter #SdmtcommonFilter {
    background-color: #18b5f8
}

.cardViewGrid.table-area.masterdiv #commonFilter #SdmtcommonFilter img {
    filter: brightness(9)
}

.cardViewGrid.table-area.masterdiv .coverFirst,
.cardViewGrid.table-area.masterdiv .coverSecond {
    flex-wrap: nowrap
}

.cardViewGrid.table-area.masterdiv .grid_cell_selected:focus {
    border: unset
}

.cardViewGrid.table-area.masterdiv .grid_row .grid_cell input {
    border: unset;
    outline: unset;
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.cardViewGrid.table-area.masterdiv .grid_row .grid_cell select {
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 6px;
    outline: unset
}

.cardViewGrid.table-area.masterdiv .rowBorderTopClass {
    border-top: unset
}

.cardViewGrid.table-area.masterdiv .grid_row.sml_slectedRow,
.cardViewGrid.table-area.masterdiv .grid_cell.sml_slectedRow,
.cardViewGrid.table-area.masterdiv .grid_row_header .grid_row:hover .grid_cell {
    background: unset !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.grid_cell_selected .cardViewGrid.table-area.masterdiv .totalFooter {
    border: 1px solid #ccc;
    background-color: #f2f2f2 !important;
    border-radius: 6px;
    filter: unset !important;
    padding-right: 0;
    padding-left: 5px
}

.cardViewGrid.table-area.masterdiv .totalFooter .totalField:first-child {
    border-left: 0
}

.cardViewGrid.table-area.masterdiv .totalFooter .totalField:last-child {
    border-right: 0
}

.cardViewGrid.table-area.masterdiv .totalFooter .totalField {
    border-bottom: 0
}

.cardViewGrid.table-area.masterdiv .totalFooter .header_div {
    border-left: 0
}

.cardViewGrid.table-area.masterdiv .totalFooter .totalField {
    justify-content: end !important;
    border-left: 0
}

.cardViewGrid.table-area.masterdiv.webViewNewGrid .totalFooter .totalField {
    border-right: 0 !important;
    padding-right: 0 !important;
    height: auto !important
}

.cardViewGrid.table-area.masterdiv .totalFooter .totalField {
    width: 100% !important
}

.cardViewGrid.table-area.masterdiv .totalFooter .tFooterCover {
    display: flex;
    align-items: center
}

.cardViewGrid.table-area.masterdiv .totalFooter .tFooterCover .tFooterLabel {
    flex: 1
}

.cardViewGrid.table-area.masterdiv .totalFooter .child_header {
    height: auto !important
}

.cardViewGrid.table-area.masterdiv .centerTotalFooter,
.cardViewGrid.table-area.masterdiv.webViewNewGrid .footer_cell {
    width: 100% !important
}

.cardViewGrid.table-area.masterdiv .totalField {
    position: unset;
    height: auto
}

.cardViewGrid.table-area.masterdiv .footer_cell {
    height: auto;
    width: 100%
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    padding: 0
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .row .cellCover.col.cellCoverClass0,
.cardViewGridOne.cardViewGrid.table-area.masterdiv .row .cellCover.col.cellCoverClass0 .grid_cell {
    background-color: #484b5c
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .row .cellCover.col .grid_cell {
    background-color: #303646;
    color: #fff;
    height: auto !important;
    line-height: unset !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .grid_row.rowCover>.col {
    padding-left: 0;
    padding-right: 0;
    background-color: #303646
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cardHeaderLabel {
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .sml_slectedRow {
    background-color: transparent !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .grid_cell:focus-visible {
    border-color: unset !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .childDiv .cellCover.cellCoverClass6 {
    padding-right: 0;
    border-top: 1px solid #494a5b;
    justify-content: end !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .childDiv .cellCover.cellCoverClass7 {
    border-top: 1px solid #494a5b;
    padding-left: 0
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass5 .grid_cell,
.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass6 .grid_cell {
    border-bottom: unset
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass6 .grid_cell {
    justify-content: start !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCover:not(:has(.childDiv))+.cellCover.cellCoverClass6:has(.grid_cell) .grid_cell {
    justify-content: end !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCover:has(.childDiv)+.cellCover.cellCoverClass6:has(.grid_cell) .grid_cell {
    justify-content: start !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass7 .grid_cell {
    justify-content: end !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass7 .grid_cell .btn.btn-default {
    background-color: #494a5b;
    margin: 0 0 0 6px;
    padding: 8px;
    width: 40px
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cardHeaderLabel:before {
    content: "\f07c";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cardHeaderLabel span {
    margin-left: 20px;
    color: #fff
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCoverClass2 {
    margin-right: 0 !important;
    border-top-left-radius: 8px;
    border-right: 1px solid #313545
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .grid_cell {
    border-bottom: unset
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .cellCoverClass3 {
    margin-left: 0 !important;
    border-top-right-radius: 8px
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass4 {
    margin-right: 0 !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0 !important;
    border-right: 1px solid #313545
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass5 {
    margin-left: 0 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0 !important
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass2,
.cardViewGridOne.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass3 {
    border-bottom: 1px solid #313545;
    background-color: #484b5c;
    margin: 10px auto 0
}

.cardViewGridOne.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass4,
.cardViewGridOne.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass5 {
    background-color: #484b5c;
    margin: 0 auto 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.col.cellCoverClass0 {
    background-color: #484b5c
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    padding: 0
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.col .grid_cell {
    background-color: transparent;
    color: #fff;
    height: auto !important;
    line-height: unset !important;
    border-bottom: unset !important
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .grid_row_header .grid_row:hover .grid_cell {
    color: #fff
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .grid_row.rowCover>.col {
    padding-left: 0;
    padding-right: 0;
    background-color: #303646
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cardHeaderLabel span {
    color: #fff;
    font-size: 16px
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .sml_slectedRow {
    background-color: transparent !important
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .grid_cell:focus-visible {
    border-color: unset !important
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass6 {
    border-top: 1px solid #494a5b;
    justify-content: end !important
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass7 {
    border-top: 1px solid #494a5b
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass5 .grid_cell,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass6 .grid_cell {
    border-bottom: unset
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass7 .grid_cell {
    justify-content: end !important;
    border-bottom: unset
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass7 .grid_cell .btn.btn-default {
    background-color: #494a5b;
    margin: 0 0 0 6px;
    padding: 8px;
    width: 40px
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCover {
    align-items: start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover {
    position: relative
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass2 .cardHeaderLabel:before {
    color: #236cb6
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass3 .cardHeaderLabel:before {
    color: #236571
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass4 .cardHeaderLabel:before {
    color: #396334
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCoverClass5 .cardHeaderLabel:before {
    color: #865b38
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cardHeaderLabel:before {
    content: "\f07c";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 15px;
    bottom: 0;
    font-size: 25px
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass2,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass3,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass4,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass5 {
    margin: 6px auto
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCover.col.cellCoverClass2,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCover.col.cellCoverClass3,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCover.col.cellCoverClass4,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCover.col.cellCoverClass5 {
    margin: 0 auto
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover:has(.childDiv)+.cellCover.cellCoverClass6:has(.grid_cell) .grid_cell {
    justify-content: start !important
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass2 {
    border: 1px solid #1990ff;
    border-radius: 8px;
    background-color: #2c486d
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass3 {
    border: 1px solid #168b93;
    border-radius: 8px;
    background-color: #2b4857
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass4 {
    border: 1px solid #3d8025;
    border-radius: 8px;
    background-color: #344743
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass5 {
    border: 1px solid #be732d;
    border-radius: 8px;
    background-color: #4f4444
}

.cardViewGridTwo.cardViewGrid.table-area.masterdiv .childDiv .cellCover .grid_cell {
    border-bottom: unset;
    justify-content: start !important;
    max-width: 100%
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    padding: 0
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.col .grid_cell {
    height: auto !important;
    line-height: unset !important;
    background-color: transparent;
    color: #fff
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .grid_row_header .grid_row:hover .grid_cell {
    color: #fff
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass0 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass1 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass2 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass3 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass4 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass5 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass6 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass7 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass8 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass9 .grid_cell,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover.cellCoverClass10 .grid_cell {
    border-bottom: unset
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .grid_row.rowCover>.col {
    padding-left: 0;
    padding-right: 0;
    background-color: #303646;
    border: 2px solid #1990ff;
    border-radius: 10px
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .sml_slectedRow {
    background-color: transparent !important
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .grid_cell:focus-visible {
    border-color: unset !important
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .cellCover .cardHeaderLabel span {
    color: #fff
}

.cardViewGridThree.cardViewGrid.table-area.masterdiv .grid_cell {
    border-bottom: 0
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .grid_row.rowCover>.col {
    padding-left: 0;
    padding-right: 0;
    background-color: #303646
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .cellCover.col .grid_cell {
    height: auto !important;
    line-height: unset !important;
    background-color: transparent;
    color: #fff
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .grid_row_header .grid_row:hover .grid_cell {
    color: #fff
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .sml_slectedRow {
    background-color: transparent !important
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .grid_cell:focus-visible {
    border-color: unset !important
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .cellCover .cardHeaderLabel span {
    color: #fff
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .grid_cell {
    border-bottom: unset
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .childDiv .cellCover,
.cardViewGridFour.cardViewGrid.table-area.masterdiv .cellCover {
    border-bottom: 1px solid #191f33
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .childDiv .cellCover:last-child {
    border-right: unset;
    border-bottom: unset
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .childDiv .cellCover .cardHeaderLabel {
    display: flex;
    justify-content: start
}

.cardViewGrid.cardViewGridOne .grid_cell,
.cardViewGrid.cardViewGridTwo .grid_cell,
.cardViewGrid.cardViewGridThree .grid_cell,
.cardViewGrid.cardViewGridFour .grid_cell {
    border-right: unset
}

.cardViewGridFour.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    padding: 0
}

.cardViewGridFive.cardViewGrid.table-area.masterdiv .grid_cell,
.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_cell,
.cardViewGridSeven.cardViewGrid.table-area.masterdiv .grid_cell,
.cardViewGridFive.cardViewGrid.table-area.masterdiv .cellCover,
.cardViewGridSix.cardViewGrid.table-area.masterdiv .cellCover,
.cardViewGridSeven.cardViewGrid.table-area.masterdiv .cellCover,
.cardViewFormGrid.cardViewGrid.table-area.masterdiv .cellCover {
    border: none !important;
    color: #333 !important;
    font-size: 13px !important;
    padding: 3px 2px !important;
    height: auto !important
}

.cardViewGridFive.cardViewGrid.table-area.masterdiv .grid_row.rowCover {
    background-color: #fff !important;
    border: 1px solid #ccc !important
}

.cardViewGridFive.cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel+.grid_cell) .cardHeaderLabel span {
    padding-left: 5px;
    color: #6593c8
}

.cardViewGridFive.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    padding: 10px 0
}

.cardViewGridFive.cardViewGrid.table-area.masterdiv .grid_cell .mlt_btnFocus,
.cardViewGridFive.cardViewGrid.table-area.masterdiv .grid_cell .open-btn {
    padding: 6px 12px !important;
    border: 1px solid #ccc !important
}

.cardViewGridFive.cardViewGrid.table-area.masterdiv .grid_row .grid_cell select {
    padding: 6px 12px !important
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_cell,
.cardViewGridSix.cardViewGrid.table-area.masterdiv .cellCover {
    border: none;
    background-color: #f3efef !important;
    color: #242425 !important;
    font-size: 16px;
    border-radius: 6px
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .cellCover:nth-child(odd) {
    background-color: #f3efef;
    margin-bottom: 8px;
    padding-left: 0;
    padding-right: 0
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .cellCover:nth-child(2n) {
    margin-bottom: 8px
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_row.rowCover {
    background-color: #fff !important;
    border: 1px solid #ccc !important
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel+.grid_cell) .cardHeaderLabel span {
    padding-left: 5px;
    color: #6593c8
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_cell.sml_slectedRow,
.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_row_header.sagRow.sml_slectedRow {
    background-color: transparent !important
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    padding: 10px 0
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_cell .mlt_btnFocus,
.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_cell .open-btn {
    border: unset !important;
    padding: 6px 12px !important
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .grid_cell,
.cardViewGridSeven.cardViewGrid.table-area.masterdiv .cellCover {
    border: none;
    background-color: transparent;
    color: #fff !important;
    font-size: 16px;
    border-radius: 6px;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .cellCover:nth-child(odd) {
    background-color: transparent;
    margin-bottom: 0
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .cellCover:last-child {
    margin-bottom: 0
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .table_body .sagRow .grid_row {
    background: transparent !important
}

.dashboard_content .cardViewGridSeven.cardViewGrid.table-area.masterdiv .grid_cell {
    background: transparent
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .table_body .sagRow:nth-child(odd) {
    background: linear-gradient(115deg, #49378b, #9079c1) !important;
    border: 1px solid #49378b !important;
    border-radius: 14px
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .table_body .sagRow:nth-child(2n) {
    background: linear-gradient(115deg, #9079c1, #459cd1) !important;
    border: 1px solid #459CD1 !important;
    border-radius: 14px
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel+.grid_cell) .cardHeaderLabel span {
    color: #fff
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .grid_cell.sml_slectedRow,
.cardViewGridSeven.cardViewGrid.table-area.masterdiv .grid_row_header.sagRow.sml_slectedRow {
    background-color: transparent !important
}

.cardViewGridSeven.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    border-radius: 12px
}

.dashboard_content .cardViewGridSeven.cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel[style="display: none;"]+.grid_cell) .grid_cell {
    padding-left: 0 !important
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .cellCover,
.cardViewGridDefault.cardViewGrid.table-area.masterdiv .grid_cell {
    border: none;
    background-color: transparent;
    border-radius: 6px !important;
    color: #242425 !important;
    font-size: 13px !important;
    padding: 5px !important;
    height: auto !important
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .grid_row.rowCover {
    background-color: #fff !important;
    border: 1px solid #ddd !important
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel+.grid_cell) .cardHeaderLabel span {
    padding-left: 5px;
    color: #242425;
    font-weight: 600
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .row .cellCover:nth-of-type(odd) {
    background-color: #f3efef;
    border-radius: 12px
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .row .cellCover:nth-of-type(2n) {
    background-color: #fff;
    border-radius: 12px
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtbutton] .btn.btn-default,
.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtbutton] .btn.btn-default {
    background-color: #76ae98;
    color: #fff
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .open-btn,
.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .open-btn,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .open-btn,
.cardViewGridOne.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .open-btn,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .open-btn,
.cardViewGridFour.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .open-btn {
    padding: 0;
    background-color: #f7f7f7;
    border-radius: 6px
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .mlt_btnFocus,
.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .mlt_btnFocus,
.cardViewGridTwo.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .mlt_btnFocus,
.cardViewGridOne.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .mlt_btnFocus,
.cardViewGridThree.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .mlt_btnFocus,
.cardViewGridFour.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .mlt_btnFocus {
    border: unset !important;
    background-color: #fff !important;
    padding: 0 !important
}

.cardViewGridDefault.cardViewGrid.table-area.masterdiv .rowCover .cellCover,
.cardViewFormGrid.cardViewGrid.table-area.masterdiv .rowCover .cellCover {
    align-items: center
}

.cardViewGrid.table-area.masterdiv .cellCover .grid_cell .incDecCounter .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.cardViewGrid.table-area.masterdiv .cellCover .grid_cell>div {
    width: 100%;
    display: flex;
    justify-content: end
}

.cardViewFormGrid.cardViewGrid.table-area.masterdiv .cellCover .grid_cell {
    width: 100% !important
}

.cardViewFormGrid.cardViewGrid.table-area.masterdiv .cellCover,
.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_cell {
    border: none;
    border-radius: 6px !important;
    color: #242425 !important;
    font-size: 13px !important;
    padding: 5px !important;
    height: auto !important
}

.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_row.rowCover {
    background-color: #fff !important;
    border: 1px solid #ccc !important
}

.cardViewFormGrid.cardViewGrid.table-area.masterdiv .cellCover:has(.cardHeaderLabel+.grid_cell) .cardHeaderLabel span {
    padding-left: 5px;
    color: #6593c8
}

.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_cell {
    color: #000
}

.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_cell.sml_slectedRow {
    color: #000 !important
}

.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    padding: 10px 0
}

.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .open-btn,
.cardViewGrid.table-area.masterdiv .grid_cell[component_type=sdmtmultiselectbox] .mlt_btnFocus {
    background-color: #fff !important
}

.cardViewGridSix.cardViewGrid.table-area.masterdiv .grid_row .grid_cell select,
.cardViewGridTwo .cardViewGrid.table-area.masterdiv .grid_row .grid_cell select {
    border: unset;
    padding: 6px 12px
}

.cardViewFormGrid.cardViewGrid.table-area.masterdiv .grid_row .grid_cell select,
.cardViewGridDefault.cardViewGrid.table-area.masterdiv .grid_row .grid_cell select {
    border: unset
}

#documentgrid.table-area.masterdiv.cardViewGrid .grid_row:has(.grid_cell .btn) .grid_cell {
    background-color: transparent !important
}

#documentgrid.cardViewGrid.table-area.masterdiv .grid_row.rowCover {
    border: 2px solid #00ab55 !important
}

.cardViewGrid.table-area.masterdiv .rowCover .cellCover .grid_cell[component_type=sdmtinputtext],
.cardViewGrid.table-area.masterdiv .rowCover .cellCover .grid_cell[component_type=sdmtinputnumber],
.cardViewGrid.table-area.masterdiv .rowCover .cellCover .grid_cell[component_type=sdmtinputcurrency],
.cardViewGrid.table-area.masterdiv .rowCover .cellCover .grid_cell[component_type=sdmtinputdecimal],
.cardViewGrid.table-area.masterdiv .rowCover .cellCover .grid_cell[component_type=sdmtselectbox],
.cardViewGrid.table-area.masterdiv .rowCover .cellCover .grid_cell[component_type=sdmtmultiselectbox],
.cardViewGrid.table-area.masterdiv .rowCover .cellCover .grid_cell[component_type=sdmtdatepicker] {
    height: auto !important
}

.cardViewGrid.table-area.masterdiv .cellCover .cardHeaderLabel,
.cardViewGrid.table-area.masterdiv .rowCover .cellCover:has(.grid_cell[component_type=sdmtinputtext]) .cardHeaderLabel,
.cardViewGrid.table-area.masterdiv .rowCover .cellCover:has(.grid_cell[component_type=sdmtinputnumber]) .cardHeaderLabel,
.cardViewGrid.table-area.masterdiv .rowCover .cellCover:has(.grid_cell[component_type=sdmtinputcurrency]) .cardHeaderLabel,
.cardViewGrid.table-area.masterdiv .rowCover .cellCover:has(.grid_cell[component_type=sdmtinputdecimal]) .cardHeaderLabel,
.cardViewGrid.table-area.masterdiv .rowCover .cellCover:has(.grid_cell[component_type=sdmtselectbox]) .cardHeaderLabel,
.cardViewGrid.table-area.masterdiv .rowCover .cellCover:has(.grid_cell[component_type=sdmtmultiselectbox]) .cardHeaderLabel,
.cardViewGrid.table-area.masterdiv .rowCover .cellCover:has(.grid_cell[component_type=sdmtdatepicker]) .cardHeaderLabel {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cardViewGrid.table-area.masterdiv .grid_row.rowCover.row {
    padding: 10px 0;
    margin-right: auto !important;
    margin-left: auto !important
}

.table-area.masterdiv.cardViewGrid .dropDownElipce button {
    color: #18b265;
    background-color: #e6f6ee;
    position: relative;
    border: none
}

.table-area.masterdiv.cardViewGrid #commonFilter #select_commonfilter {
    margin-left: -28px;
    padding: 0 !important;
    box-shadow: 5px 5px 10px 2px #0003
}

.table-area.masterdiv.cardViewGrid .table_body.row {
    margin-right: auto !important;
    margin-left: auto !important
}

.cardViewGrid.table-area.masterdiv .grid_row_header:nth-child(odd) {
    padding-left: 0;
    padding-right: 0
}

.cardViewGrid.table-area.masterdiv .grid_row_header:nth-child(2n) {
    padding-right: 0;
    padding-left: 0
}

.cardViewGrid.table-area.masterdiv:has(.gridTHeight.row-cols-2) .grid_row_header:nth-child(odd),
.cardViewGrid.table-area.masterdiv:has(.gridTHeight.row-cols-3) .grid_row_header:nth-child(odd) {
    padding-right: .75rem
}

.cardViewGrid.table-area.masterdiv:has(.gridTHeight.row-cols-2) .grid_row_header:nth-child(2n) {
    padding-left: .75rem
}

.cardViewGrid.table-area.masterdiv:has(.gridTHeight.row-cols-3) .grid_row_header:nth-child(2n) {
    padding-right: .75rem
}

.table-area.masterdiv.cardViewGrid .sag_grid {
    border: unset
}

.table-area.masterdiv.cardViewGrid .parentDflex {
    padding: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid.cardViewGrid .grid_cell.grid_cell_selected,
.dashboard_content .table-area.masterdiv.cardViewGrid .grid_cell.grid_cell_selected {
    border: unset !important
}

@media (max-width: 576px) {
    .cardViewGrid.table-area.masterdiv .grid_row_header {
        padding-left: 0;
        padding-right: 0
    }

    .cardViewGrid.table-area.masterdiv .parentDflex {
        border: 1px solid #ccc;
        padding: 6px 10px;
        border-radius: 6px
    }

    .cardViewGrid.table-area.masterdiv .parentDflex .sdmtCommonFilter .sagGridFilter {
        margin: 0
    }

    .cardViewGrid.table-area.masterdiv .table_body.gridTHeight.row-cols-2>* {
        flex: 0 0 auto;
        width: 100%
    }

    .cardViewGrid.table-area.masterdiv .smlFullPageScreen {
        left: 10px !important;
        right: 10px !important;
        top: 160px !important
    }

    .cardViewGrid.table-area.masterdiv .parentDflex.expandToggle {
        top: 58px;
        left: 0;
        right: 0;
        padding: 10px !important;
        border-radius: 12px;
        border: 1px solid #ccc;
        width: 95% !important;
        margin-left: auto;
        margin-right: auto
    }

    .dashboard_content .table-area.masterdiv.cardViewGrid .main {
        padding: 5px !important
    }

    .dashboard_content .table-area.masterdiv.cardViewGrid {
        border: unset !important
    }

    .dashboard_content .table-area.masterdiv.cardViewGrid .parentDflex {
        margin-bottom: 5px !important
    }

    .dashboard_content .table-area.masterdiv.cardViewGrid .table_main.smlFullPageScreen {
        padding-bottom: 10px
    }

    .dashboard_content .table-area.masterdiv.cardViewGrid .grid_row:has(.grid_cell .btn) .grid_cell {
        display: flex !important;
        justify-content: end !important;
        align-items: flex-end !important
    }

    .dashboard_content .table-area.masterdiv.cardViewGrid .namelist_commansearch button.btn.btn-secondary.dropdown-toggle {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .cardViewGrid.table-area.masterdiv .parentDflex .coverAll {
        width: 100%;
        align-items: center
    }

    .cardViewGrid.table-area.masterdiv .parentDflex .coverAll img {
        margin-left: auto
    }

    .cardViewGrid.table-area.masterdiv .coverFirst,
    .cardViewGrid.table-area.masterdiv .coverSecond {
        flex-wrap: wrap
    }

    .cardViewGrid.table-area.masterdiv:has(.gridTHeight.row-cols-2) .grid_row_header:nth-child(odd),
    .cardViewGrid.table-area.masterdiv:has(.gridTHeight.row-cols-3) .grid_row_header:nth-child(odd) {
        padding-right: 0
    }

    .cardViewGrid.table-area.masterdiv:has(.gridTHeight.row-cols-2) .grid_row_header:nth-child(2n) {
        padding-left: 0
    }
}

.form_group_label {
    display: flex;
    width: 100%;
    align-items: flex-start
}

.label-right label {
    justify-content: end
}

.inputlabel_120,
.inputlabel_150,
.inputlabel_180,
.inputlabel_210,
.inputlabel_240,
.inputlabel_280,
.inputlabel_300,
.inputlabel_350,
.inputlabel_400,
.inputlabel_450,
.inputlabel_500,
.inputlabel_60,
.inputlabel_90 {
    align-items: center;
    display: flex;
    line-height: 1.3
}

.label-left .inputlabel_50,
.label-right .inputlabel_50,
.inputlabel_50:not(.label-top-left .inputlabel_50, .label-top-right .inputlabel_50, .label-top-center .inputlabel_50) {
    width: 50px
}

.label-left .inputlabel_60,
.label-right .inputlabel_60,
.inputlabel_60:not(.label-top-left .inputlabel_60, .label-top-right .inputlabel_60, .label-top-center .inputlabel_60) {
    width: 60px
}

.label-left .inputlabel_90,
.label-right .inputlabel_90,
.inputlabel_90:not(.label-top-left .inputlabel_90, .label-top-right .inputlabel_90, .label-top-center .inputlabel_90) {
    width: 90px
}

.label-left .inputlabel_120,
.label-right .inputlabel_120,
.inputlabel_120:not(.label-top-left .inputlabel_120, .label-top-right .inputlabel_120, .label-top-center .inputlabel_120) {
    width: 120px
}

.label-left .inputlabel_150,
.label-right .inputlabel_150,
.inputlabel_150:not(.label-top-left .inputlabel_150, .label-top-right .inputlabel_150, .label-top-center .inputlabel_150) {
    width: 150px
}

.label-left .inputlabel_180,
.label-right .inputlabel_180,
.inputlabel_180:not(.label-top-left .inputlabel_180, .label-top-right .inputlabel_180, .label-top-center .inputlabel_180) {
    width: 180px
}

.label-left .inputlabel_210,
.label-right .inputlabel_210,
.inputlabel_210:not(.label-top-left .inputlabel_210, .label-top-right .inputlabel_210, .label-top-center .inputlabel_210) {
    width: 210px
}

.label-left .inputlabel_240,
.label-right .inputlabel_240,
.inputlabel_240:not(.label-top-left .inputlabel_240, .label-top-right .inputlabel_240, .label-top-center .inputlabel_240) {
    width: 240px
}

.label-left .inputlabel_280,
.label-right .inputlabel_280,
.inputlabel_280:not(.label-top-left .inputlabel_280, .label-top-right .inputlabel_280, .label-top-center .inputlabel_280) {
    width: 280px
}

.label-left .inputlabel_300,
.label-right .inputlabel_300,
.inputlabel_300:not(.label-top-left .inputlabel_300, .label-top-right .inputlabel_300, .label-top-center .inputlabel_300) {
    width: 300px
}

.label-left .inputlabel_350,
.label-right .inputlabel_350,
.inputlabel_350:not(.label-top-left .inputlabel_350, .label-top-right .inputlabel_350, .label-top-center .inputlabel_350) {
    width: 350px
}

.label-left .inputlabel_400,
.label-right .inputlabel_400,
.inputlabel_400:not(.label-top-left .inputlabel_400, .label-top-right .inputlabel_400, .label-top-center .inputlabel_400) {
    width: 400px
}

.label-left .inputlabel_450,
.label-right .inputlabel_450,
.inputlabel_450:not(.label-top-left .inputlabel_450, .label-top-right .inputlabel_450, .label-top-center .inputlabel_450) {
    width: 450px
}

.label-left .inputlabel_500,
.label-right .inputlabel_500,
.inputlabel_500:not(.label-top-left .inputlabel_500, .label-top-right .inputlabel_500, .label-top-center .inputlabel_500) {
    width: 500px
}

.inputBox {
    display: flex;
    width: 100%;
    flex: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.dashboard_wrapperMain .row {
    margin-right: -5px;
    margin-left: -5px
}

.dashboard_wrapperMain.pageOverlayCss .row {
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

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

.pageOverlayCss .col,
.pageOverlayCss .col-1,
.pageOverlayCss .col-10,
.pageOverlayCss .col-11,
.pageOverlayCss .col-12,
.pageOverlayCss .col-2,
.pageOverlayCss .col-3,
.pageOverlayCss .col-4,
.pageOverlayCss .col-5,
.pageOverlayCss .col-6,
.pageOverlayCss .col-7,
.pageOverlayCss .col-8,
.pageOverlayCss .col-9,
.pageOverlayCss .col-auto,
.pageOverlayCss .col-lg,
.pageOverlayCss .col-lg-1,
.pageOverlayCss .col-lg-10,
.pageOverlayCss .col-lg-11,
.pageOverlayCss .col-lg-12,
.pageOverlayCss .col-lg-2,
.pageOverlayCss .col-lg-3,
.pageOverlayCss .col-lg-4,
.pageOverlayCss .col-lg-5,
.pageOverlayCss .col-lg-6,
.pageOverlayCss .col-lg-7,
.pageOverlayCss .col-lg-8,
.pageOverlayCss .col-lg-9,
.pageOverlayCss .col-lg-auto,
.pageOverlayCss .col-md,
.pageOverlayCss .col-md-1,
.pageOverlayCss .col-md-10,
.pageOverlayCss .col-md-11,
.pageOverlayCss .col-md-12,
.pageOverlayCss .col-md-2,
.pageOverlayCss .col-md-3,
.pageOverlayCss .col-md-4,
.pageOverlayCss .col-md-5,
.pageOverlayCss .col-md-6,
.pageOverlayCss .col-md-7,
.pageOverlayCss .col-md-8,
.pageOverlayCss .col-md-9,
.pageOverlayCss .col-md-auto,
.pageOverlayCss .col-sm,
.pageOverlayCss .col-sm-1,
.pageOverlayCss .col-sm-10,
.pageOverlayCss .col-sm-11,
.pageOverlayCss .col-sm-12,
.pageOverlayCss .col-sm-2,
.pageOverlayCss .col-sm-3,
.pageOverlayCss .col-sm-4,
.pageOverlayCss .col-sm-5,
.pageOverlayCss .col-sm-6,
.pageOverlayCss .col-sm-7,
.pageOverlayCss .col-sm-8,
.pageOverlayCss .col-sm-9,
.pageOverlayCss .col-sm-auto,
.pageOverlayCss .col-xl,
.pageOverlayCss .col-xl-1,
.pageOverlayCss .col-xl-10,
.pageOverlayCss .col-xl-11,
.pageOverlayCss .col-xl-12,
.pageOverlayCss .col-xl-2,
.pageOverlayCss .col-xl-3,
.pageOverlayCss .col-xl-4,
.pageOverlayCss .col-xl-5,
.pageOverlayCss .col-xl-6,
.pageOverlayCss .col-xl-7,
.pageOverlayCss .col-xl-8,
.pageOverlayCss .col-xl-9,
.pageOverlayCss .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px
}

.form-group {
    margin-bottom: 5px
}

.form-control {
    background: rgb(var(--inputBg));
    color: rgb(var(--inputTxt))
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    font-size: 12px
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

select.form-control:not([size]):not([multiple]) {
    height: unset
}

.input-group-text {
    line-height: 1 !important;
    border-radius: 0 !important
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-label {
    position: relative;
    margin-bottom: 0
}

.custom-control-label:before {
    position: absolute;
    top: .1rem;
    left: -1.6rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    top: .1rem;
    left: -1.6rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.form-area {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

.page-footer {
    display: flex;
    justify-content: space-between;
    white-space: nowrap
}

.page-footer .footer-right-menu ul.dropdown li ul li ul {
    right: 100%;
    bottom: 0
}

.table-area {
    display: flex;
    flex-direction: column;
    height: 100%
}

.footer-right-menu .btn-group.dropup .dropdown-menu .dropdown-submenu .dropdown-menu a:hover,
.footer-right-menu .btn-group.dropup .dropdown-menu .dropdown-submenu:hover a {
    background: rgb(var(--light-gray));
    color: rgb(var(--white))
}

ul.dropdown li:hover>ul {
    visibility: visible
}

ul.dropdown>li {
    white-space: nowrap
}

.flexOne {
    flex: 1 1 0
}

.nav-pills.nav-one .nav-item .nav-link {
    padding: 4px 15px
}

.nav-pills .nav-link {
    border: none;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 15px;
    margin: 0;
    width: 100%;
    text-align: center;
    background: rgb(var(--light-gray));
    border-right: 1px rgb(var(--dark-gray)) solid;
    color: rgb(var(--black))
}

.nav-pills.nav-one .nav-item .nav-link.active,
.nav-pills.nav-one .nav-item .nav-link:hover {
    color: rgb(var(--pagemenu1ActTxtClr));
    background: rgb(var(--pagemenu1ActBgClr))
}

body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
    position: absolute
}

.form_group_label .inputBox {
    width: -webkit-fill-available;
    flex-wrap: wrap
}

.inputBox p-multiselect,
.inputBox p-multiselect .ui-multiselect,
.inputBox p-dropdown,
.inputBox p-dropdown .ui-dropdown,
.inputBox p-autocomplete,
.inputBox p-autocomplete .ui-autocomplete,
.inputBox p-autocomplete .ui-autocomplete .ui-inputtext,
.inputBox p-tree,
.inputBox p-tree .ui-tree,
.inputBox p-calendar,
.inputBox p-calendar .ui-calendar,
.inputBox p-inputmask,
.inputBox p-inputmask input.ui-inputtext,
.inputBox p-editor {
    width: inherit
}

.inputBox p-calendar .ui-calendar.ui-calendar-timeonly .ui-inputtext,
.inputBox p-calendar .ui-calendar .ui-inputtext {
    width: calc(100% - 33px)
}

.inputBox p-calendar .ui-calendar-timeonly .ui-inputtext {
    width: 100%
}

.inputBox p-editor .ui-widget.ui-editor-container {
    height: inherit
}

.form_group_label .inputBox.left.input-group {
    width: 100%;
    flex-wrap: inherit
}

.form_group_label .inputBox.bottom.input-group {
    width: 100%;
    flex-wrap: wrap
}

.form_group_label .inputBox.left.input-group p-calendar,
.form_group_label .inputBox.bottom.input-group .ui-calendar {
    width: 100%
}

.form_group_label .inputBox.bottom.input-group p-calendar {
    width: 50%
}

.nav-pills .nav-link {
    margin-right: 2px
}

.nav-pills.nav-two .nav-link {
    padding: .4rem 1rem
}

.navbar-light .navbar-brand {
    font-size: 1.7rem;
    font-weight: 700
}

body {
    overflow-x: hidden
}

button.closeIcon {
    background: red;
    color: #fff;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9
}

button.closeIcon span {
    font-size: 18px
}

.total {
    background-color: #cccccc94;
    color: #000
}

.modal-dialog {
    box-shadow: inherit !important;
    border-radius: .25rem
}

.block {
    display: inline-block;
    width: 100%;
    clear: both
}

.form_group_label {
    display: flex;
    width: 100%;
    padding-right: 0
}

.form_group_label label {
    font-size: 12px
}

.tableHead {
    background: #f7f1f1;
    padding: 2px 6px;
    display: flex;
    align-items: center
}

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

input[type=number] {
    -moz-appearance: textfield
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    padding-right: .75rem
}

.primeng-lg .ui-inputtext,
.primeng-lg .ui-multiselect .ui-multiselect-label {
    padding: .5rem 1rem !important;
    font-size: 1.25rem
}

.primeng-sm .ui-inputtext,
.primeng-sm .ui-multiselect .ui-multiselect-label,
.primeng-sm .p-inputnumber-input {
    padding: .25rem .5rem;
    font-size: .875rem
}

.primeng-lg .p-inputnumber-input {
    min-height: calc(1.5em + 1rem + 2px);
    font-size: 1.25rem
}

.primeng-lg.p-element,
.primeng-sm.p-element {
    padding: 0
}

.form-control,
.form-select {
    padding: .5rem .75rem !important;
    border-radius: 0
}

.ui-dropdown,
.ui-inputtext,
.ui-multiselect,
.primeng-rounded-0 .ui-multiselect,
.primeng-rounded-0 .ui-dropdown,
.primeng-rounded-0 .ui-inputtext,
.primeng-rounded-0 .p-inputnumber-input {
    border-radius: 0 !important
}

.primeng-rounded .ui-multiselect,
.primeng-rounded .ui-dropdown,
.primeng-rounded .ui-inputtext,
.primeng-rounded .p-inputnumber-input {
    border-radius: .375rem !important
}

.primeng-rounded-1 .ui-multiselect,
.primeng-rounded-1 .ui-dropdown,
.primeng-rounded-1 .ui-inputtext,
.primeng-rounded-1 .p-inputnumber-input {
    border-radius: .25rem !important
}

body .ui-inputtext {
    padding: .5rem .75rem !important
}

body .ui-multiselect .ui-multiselect-label {
    padding: .5rem .75rem !important;
    color: #a0a3a3 !important;
    opacity: 1
}

.input-group .form-control-sm+.input-group-text i {
    line-height: unset
}

.input-group .form-control-sm+.input-group-text button {
    line-height: unset;
    height: 100%
}

.input-group .form-control-lg+.input-group-text {
    align-items: unset
}

.input-group-text>i,
.input-group-text>button {
    line-height: unset;
    height: 100%
}

.form_group_label ::placeholder,
.form_group_label :-ms-input-placeholder,
.form_group_label ::-ms-input-placeholder,
.form-group .inputBox .form-select,
.ui-dropdown label.ui-dropdown-label.ui-placeholder,
.ui-multiselect .ui-multiselect-label.ui-placeholder,
.ui-multiselect .ui-multiselect-label {
    color: #a0a3a3 !important;
    opacity: 1
}

p-multiselect .p-multiselect,
p-calendar .p-calendar,
p-dropdown .p-dropdown,
p-inputmask input.p-inputtext {
    width: 100%;
    border-radius: 0
}

p-multiselect .p-multiselect span.p-element,
p-dropdown .p-dropdown span.p-element,
p-calendar .p-calendar button.p-element.p-button {
    padding: .5rem .75rem !important
}

p-calendar .p-calendar input.p-inputtext.p-component {
    padding: .5rem .75rem !important;
    border-radius: 0
}

p-multiselect .p-multiselect .p-multiselect-label,
p-inputmask input.p-inputtext {
    padding: .5rem .75rem
}

.p-button {
    color: rgba(var(--inputbtnClr));
    border-color: rgba(var(--inputbtnBorder));
    background: rgba(var(--inputbtnBG));
    border-left: 0
}

.form-control,
body .ui-inputtext,
body .ui-multiselect,
body .ui-multiselect .ui-multiselect-label,
.form-select,
body .ui-tree {
    background-color: rgba(var(--inputBg)) !important;
    color: rgba(var(--inputTxt)) !important
}

input::placeholder {
    color: rgba(var(--inputTxt)) !important
}

.form-control:focus {
    background-color: rgba(var(--inputFocusbg)) !important;
    color: rgba(var(--inputFocusTxt)) !important
}

.dashboard_content section.main-body.formAreaScroll {
    border-radius: 20px;
    border: 1px solid #dfe3e8
}

.dashboard_content section.main-body.formAreaScroll .coverPage {
    display: initial !important;
    overflow-y: auto !important;
    overflow-x: hidden !important
}

.dashboard_content section.main-body.formAreaScroll .coverPage .form-area {
    overflow-y: unset;
    overflow-x: unset;
    height: unset;
    border-radius: 0;
    border: 0
}

.dashboard_content section.main-body.formAreaScroll .coverPage .table-area.masterdiv {
    border-radius: 0;
    border: 0
}

.dashboard_content section.main-body.formAreaScroll .coverPage::-webkit-scrollbar {
    width: 6px
}

.dashboard_content section.main-body.formAreaScroll .coverPage::-webkit-scrollbar-track {
    background: transparent
}

.dashboard_content section.main-body.formAreaScroll .coverPage::-webkit-scrollbar-thumb {
    background: #d3dbe5
}

.dashboard_content section.main-body.formAreaScroll .coverPage::-webkit-scrollbar-thumb:hover {
    background: #cfcfcf
}

.label-top-left {
    flex-direction: column;
    align-items: stretch
}

.label-top-right {
    flex-direction: column;
    align-items: stretch;
    align-items: flex-end
}

.label-right {
    flex-direction: row-reverse
}

.label-top-center {
    flex-direction: column;
    text-align: center
}

.label-off>label {
    display: none !important
}

.label-on>label {
    display: block !important
}

.required .form-control,
.required p-dropdown .ui-dropdown label.ui-dropdown-label,
.required p-calendar .ui-inputtext,
.required p-calendar input.p-element,
.required p-multiselect .ui-multiselect-label {
    background: var(--white_bg);
    background-image: url("./media/required-NBW4JAZ2.png") !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-size: 1vh 1vh, 3vh !important
}

.required select,
.required textarea {
    background: var(--white_bg) !important;
    background-image: url("./media/required-NBW4JAZ2.png") !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-size: 1vh 1vh, 3vh !important
}

.required .is-invalid .ui-dropdown,
.required p-calendar.is-invalid .ui-inputtext,
.required .is-invalid .ui-multiselect,
.required .is-invalid .p-inputnumber input {
    border-color: #dc3545
}

.required .inputBox .ng-invalid.ng-touched .ui-dropdown,
.required .inputBox .ng-invalid.ng-touched .ui-inputtext,
.required .inputBox .ng-invalid.ng-touched .ui-multiselect,
.required .inputBox .ng-invalid.ng-touched .p-inputnumber input {
    border-color: #dc3545
}

.required .inputBox .ng-invalid.ng-touched+.invalid-feedback {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--bs-form-invalid-border-color) !important
}

.form-check-input[type=radio].is-invalid {
    border-color: #00000040
}

.form-check-input[type=radio].is-invalid:checked {
    background-color: #0d6efd
}

.form-check-input[type=radio]:focus {
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-check-input[type=radio].is-invalid+.form-check-label {
    color: #212529
}

.imgUpload .inputBox .form-control+.invalid-feedback {
    order: 2
}

.inputBox.input-group .input-group-text i,
.ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
    border-color: rgba(var(--inputbtnBorder));
    color: rgba(var(--inputbtnClr));
    background: rgba(var(--inputbtnBG))
}

.inputBox.input-group .input-group-text i.text-dark {
    color: rgba(var(--inputbtnClr)) !important
}

.form_group_label label {
    color: rgba(var(--inputlabelClr))
}

body .ui-dropdown,
body .ui-dropdown .ui-dropdown-trigger,
body .ui-multiselect .ui-multiselect-trigger {
    background: rgba(var(--inputBg)) !important
}

.form-check-input:checked {
    background-color: rgb(var(--btnBGPrimary));
    border-color: rgb(var(--btnBGPrimary))
}

.form-control[type=file]::file-selector-button {
    border-color: rgba(var(--inputbtnBorder)) !important;
    color: rgba(var(--inputbtnClr)) !important;
    background: rgba(var(--inputbtnBG)) !important
}

.inputBox input:not(.form-check-input),
.inputBox textarea,
p-calendar .ui-calendar input,
.inputBox p-multiselect .ui-multiselect,
body .ui-dropdown,
.inputBox p-multiselect,
.inputBox p-dropdown,
.inputBox p-dropdown .ui-dropdown,
.inputBox p-autocomplete,
.inputBox p-autocomplete .ui-autocomplete,
.inputBox p-autocomplete .ui-autocomplete .ui-inputtext,
.inputBox p-tree,
.inputBox p-tree .ui-tree,
.inputBox p-calendar,
.inputBox p-calendar .ui-calendar,
.inputBox p-inputmask,
.inputBox p-inputmask input.ui-inputtext,
.inputBox p-editor,
.p-dropdown,
.p-multiselect,
.p-tree {
    background-color: rgba(var(--inputBg)) !important;
    color: rgba(var(--inputTxt)) !important;
    border-color: rgba(var(--inputborder))
}

.inputBox .form-control:disabled,
.inputBox .form-control[readonly] {
    background-color: rgba(var(--disableFormBG)) !important;
    opacity: 1
}

::placeholder {
    color: rgba(var(--inputTxt)) !important
}

.inputBox select:focus,
.inputBox .form-control:focus,
.inputBox textarea:focus,
input.ui-inputtext:focus {
    box-shadow: none !important;
    border: 1px solid rgba(var(--inputFocusborder));
    background-color: rgba(var(--inputFocusbg)) !important;
    color: rgba(var(--inputFocusTxt)) !important
}

.required .is-invalid .ui-dropdown,
.required p-calendar.is-invalid .ui-inputtext,
.required .is-invalid .ui-multiselect,
.required .is-invalid .p-inputnumber input,
.inputBox input.form-control.is-invalid,
.inputBox input.form-select.is-invalid,
.inputBox p-calendar.is-invalid input {
    border-color: #dc3545
}

.required .inputBox .ng-invalid.ng-touched .ui-dropdown,
.required .inputBox .ng-invalid.ng-touched .ui-inputtext,
.required .inputBox .ng-invalid.ng-touched .ui-multiselect,
.required .inputBox .ng-invalid.ng-touched .p-inputnumber input,
.required .inputBox .ng-invalid.ng-touched .form-control,
.required .inputBox .ng-invalid.ng-touched .form-select {
    border-color: #dc3545
}

.required .is-valid .ui-dropdown,
.required p-calendar.is-valid .ui-inputtext,
.required .is-valid .ui-multiselect,
.required .is-valid .p-inputnumber input,
.inputBox .form-select.is-valid,
.inputBox .form-control.is-valid,
.inputBox p-calendar.is-valid input {
    border-color: #198754 !important
}

.page-footer ul.dropdown,
.page-footer ul.dropdown li,
.page-footer ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.page-footer ul.dropdown>li {
    white-space: nowrap
}

.page-footer ul.dropdown ul {
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    z-index: 598
}

.page-footer .footer-left-menu ul.dropdown li ul li ul {
    left: 100%;
    bottom: 0
}

.page-footer button,
.page-footer a.btn {
    margin-right: 1px !important
}

.page-footer .footer-left-menu>ul,
.page-footer .footer-right-menu>ul {
    margin-left: auto;
    display: flex
}

.page-footer ul.dropdown li {
    position: relative;
    padding: 0;
    margin: 0 1px 0 0
}

.page-footer .footer-left-menu .fullScreenOn>ul,
.page-footer .footer-right-menu .fullScreenOn>ul {
    margin-left: auto;
    display: unset
}

.page-footer ul .first:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    position: absolute;
    top: 14px;
    right: 3px
}

.page-footer ul .first ul .first:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    position: absolute;
    top: 10px;
    right: 0
}

.page-footer .footer-right-menu ul .first ul .first:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-left: 0;
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    position: absolute;
    top: 10px;
    left: 2px
}

.page-footer .footer-right-menu ul.dropdown ul {
    right: 0;
    background-color: #fff;
    margin: 0;
    padding: 0
}

.page-footer .dropdown li>ul li button {
    border-radius: 4px;
    padding: 0 10px
}

.page-footer ul.dropdown ul {
    padding: 4px 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    min-width: 160px;
    box-shadow: 0 2px 15px -3px #00000012, 0 10px 20px -2px #0000000a
}

.page-footer ul.dropdown ul button.btn-primary {
    background-color: transparent;
    color: #000
}

.page-footer ul.dropdown ul li {
    border-bottom: 0px none
}

.page-footer ul.dropdown ul li .btn {
    padding: 0 15px;
    border: 0px none
}

.page-footer ul.dropdown ul li .btn span {
    padding: 8px 5px
}

.page-footer ul.dropdown ul li .btn:hover {
    box-shadow: none;
    background-color: #f2f2f2
}

.page-footer ul.dropdown ul li:last-child {
    border-bottom: 0px
}

.sag-tooltip {
    position: absolute;
    max-width: 250px;
    font-size: 14px;
    text-align: center;
    color: #f8f8f2;
    padding: 3px 8px;
    background: #000;
    border-radius: 4px;
    z-index: 1000;
    opacity: 0
}

.sag-tooltip:after {
    content: "";
    position: absolute;
    border-style: solid
}

.sag-tooltip-top:after {
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: #000 transparent transparent transparent
}

.sag-tooltip-bottom:after {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: transparent transparent #000 transparent
}

.sag-tooltip-left:after {
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent transparent transparent #000
}

.sag-tooltip-right:after {
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent #000 transparent transparent
}

.sag-tooltip-show {
    opacity: 1
}

body .inputBox .p-datepicker .p-datepicker-header {
    padding: 0rem;
    background: rgba(var(--cardbg));
    border-bottom: 1px solid rgba(var(--inputborder))
}

body .inputBox .p-datepicker,
body .inputBox .p-datepicker-group-container thead,
body .inputBox .p-datepicker-group-container tbody,
body .inputBox .p-datepicker-group-container tfoot,
body .inputBox .p-datepicker-group-container tr,
body .inputBox .p-datepicker-group-container td,
body .inputBox .p-datepicker-group-container th {
    padding: 0
}

body .inputBox .p-datepicker-calendar th {
    text-align: center
}

body .inputBox p-calendar .p-calendar .p-datepicker-buttonbar button {
    padding: 2px 8px !important
}

body .inputBox .p-calendar .p-datepicker-title button.p-datepicker-year,
body .inputBox .p-calendar .p-datepicker-title button.p-datepicker-month {
    height: auto !important;
    padding: 0 8px
}

body .inputBox .p-datepicker .p-datepicker-buttonbar {
    padding: 0;
    border-top: 1px solid rgba(var(--inputborder))
}

body .inputBox .p-datepicker table td>span {
    width: 24px;
    height: 24px
}

body .inputBox .p-multiselect-items-wrapper ul {
    padding-left: 0rem
}

body .inputBox .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    padding: .5rem 1rem !important
}

body .inputBox .p-datepicker .p-timepicker span {
    font-size: 1rem
}

body .inputBox .p-datepicker .p-timepicker {
    padding: .1rem
}

body .inputBox .p-datepicker:not(.p-datepicker-inline) {
    background: rgba(var(--cardbg));
    box-shadow: 0 4px 20px #8b8b8b1a
}

body .inputBox .p-datepicker .p-yearpicker .p-yearpicker-year,
body .inputBox .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: .2rem
}

.p-component-overlay.p-datepicker-mask.p-datepicker-mask-scrollblocker.p-component-overlay-enter {
    z-index: 0 !important
}

.inputBox:has(.fa-info-circle.info-icon) .fa-info-circle.info-icon {
    position: absolute;
    right: 28px;
    top: 16px;
    margin: auto;
    z-index: 9;
    font-size: 13px;
    color: #4f5864;
    cursor: pointer
}

.inputBox:has(input+input+.input-group-text+.fa-info-circle.info-icon) .fa-info-circle.info-icon {
    right: 50px
}

.inputBox.right:has(input[type=number]+.fa-info-circle.info-icon) input[type=number],
::ng-deep input.form-control.p-inputnumber-input {
    padding-right: 50px !important
}

::ng-deep .inputBox:has(p-dropdown+.invalid-feedback+.fa-info-circle.info-icon) .fa-info-circle.info-icon,
::ng-deep .inputBox:has(p-multiselect+.invalid-feedback+.fa-info-circle.info-icon) .fa-info-circle.info-icon,
::ng-deep .inputBox:has(select+.invalid-feedback+.fa-info-circle.info-icon) .fa-info-circle.info-icon {
    right: 45px !important
}

.inputBox:has(p-dropdown+.fa-info-circle.info-icon) .fa-info-circle.info-icon,
.inputBox:has(p-multiselect+.fa-info-circle.info-icon) .fa-info-circle.info-icon,
.inputBox:has(select+.fa-info-circle.info-icon) .fa-info-circle.info-icon {
    right: 45px !important
}

.inputBox:has(input+span+.fa-info-circle.info-icon) .fa-info-circle.info-icon,
.inputBox:has(p-calendar+.fa-info-circle.info-icon) .fa-info-circle.info-icon,
::ng-deep .inputBox:has(p-calendar+error.invalid-feedback+.fa-info-circle.info-icon) .fa-info-circle.info-icon {
    right: 55px !important
}

.inputBox:has(input+.fa-info-circle.info-icon) input,
.inputBox:has(select+.fa-info-circle.info-icon) select,
.inputBox:has(textarea+.fa-info-circle.info-icon) textarea,
.inputBox:has(sag-inputnumber+.fa-info-circle.info-icon) sag-inputnumber,
.inputBox:has(p-inputmask+.fa-info-circle.info-icon) p-inputmask,
.inputBox:has(p-dropdown+.fa-info-circle.info-icon) p-dropdown,
.inputBox:has(p-calendar+.fa-info-circle.info-icon) p-calendar,
.inputBox:has(p-multiselect+.fa-info-circle.info-icon) p-multiselect,
.inputBox:has(input+span+.fa-info-circle.info-icon) input,
.inputBox {
    position: relative
}

.required select.form-select {
    background: url("./media/required-NBW4JAZ2.png") no-repeat top left / 1vh 1vh, 3vh, 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") no-repeat right .75rem center / 25px 15px !important
}

.fa-info-circle.info-icon {
    font-size: 12px;
    color: #4f5864;
    cursor: pointer
}

.form_group_label label {
    display: flex;
    align-items: center
}

.form_group_label.form-group.label-off {
    align-items: center
}

.bootPills {
    display: flex;
    margin: 0;
    padding: 0
}

.bootPills li {
    list-style: none;
    margin-right: 1px
}

.bootPills li button,
.bootPills li a button {
    margin-right: 1px;
    border-radius: 0
}

p-overlay .p-overlay.p-component .p-overlay-content .p-dropdown-items-wrapper ul.p-dropdown-items,
p-overlay .p-overlay.p-component .p-overlay-content .p-multiselect-items-wrapper ul.p-multiselect-items {
    margin: 0;
    padding: 0
}

.form_group_label:has(label+.inputBox.input-group .input-group-text .validationBox) .inputBox.input-group {
    flex-wrap: nowrap;
    width: -webkit-fill-available
}

.form_group_label:has(label+.inputBox.input-group .input-group-text .validationBox) .input-group-text {
    width: 100%;
    text-align: left;
    align-items: baseline;
    line-height: inherit !important
}

.form-group.form_group_label:has(label+.input-group.inputBox .validationBox+.validationBox+.input-group-text) .input-group {
    flex-wrap: nowrap
}

.form-group.form_group_label:has(label+.input-group.inputBox .validationBox) .input-group {
    flex-wrap: nowrap
}

.form-group.form_group_label:has(label+.input-group.inputBox .validationBox+.validationBox+.input-group-text i) .input-group-text i {
    height: auto;
    align-self: flex-start;
    padding: 12px !important
}

.validationBox {
    width: 100%
}

.form_group_label:has(label+.inputBox.input-group .input-group-text .validationBox) .input-group-text label {
    background: none;
    border: 0
}

@media only screen and (max-width: 768px) {
    .form_group_label:has(label+.inputBox.input-group .input-group-text .validationBox) .input-group-text {
        display: block
    }

    .form-group.form_group_label:has(label+.input-group.inputBox .validationBox) .input-group {
        flex-wrap: wrap !important
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .coverPage {
        display: flex
    }
}

@media (max-width: 768px) {
    .form_group_label {
        flex-direction: column
    }

    .form-area {
        overflow-y: auto;
        overflow-x: hidden
    }

    .inputlabel_120 {
        width: auto
    }

    .smlFullPageScreen {
        left: 0;
        top: 52px
    }
}

@media (max-width: 991px) {
    .coverPage {
        display: initial !important;
        overflow-y: auto !important;
        overflow-x: hidden !important
    }

    footer.page-footer {
        display: inline-flex;
        flex-wrap: nowrap;
        overflow: scroll
    }

    .footer-left-menu {
        display: flex;
        flex-direction: row
    }

    .footer-right-menu {
        display: flex;
        flex-direction: row;
        padding-right: 0
    }

    .nav-pills.nav-one .nav-item .nav-link,
    .nav-pills.nav-two .nav-item .nav-link {
        padding: 4px 12px !important;
        border-bottom: 1px solid;
        border-right: 0;
        text-align: left;
        font-size: 12px
    }

    .page-header .nav-pills.nav-one {
        display: flex;
        flex-wrap: nowrap;
        overflow: scroll
    }
}

.carousel-control-prev,
.carousel-control-next {
    height: 100px;
    width: 40px;
    background: none;
    margin: auto 0;
    background: #0003
}

.carousel-control-prev i,
.carousel-control-next i {
    font-size: 30px;
    position: absolute;
    top: 50%;
    display: inline-block;
    margin: -16px 0 0;
    z-index: 5;
    left: 0;
    right: 0;
    color: #000c;
    text-shadow: none;
    font-weight: 700
}

.carousel-control-prev i {
    margin-left: -3px
}

.carousel-control-next i {
    margin-right: -3px
}

.carousel-indicators {
    z-index: 199 !important
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 10px !important;
    height: 10px !important;
    margin: 4px !important;
    border-radius: 50%;
    border-color: transparent !important;
    border: none !important
}

.carousel-indicators li {
    background: #0003
}

.carousel-indicators li.active {
    background: #0009
}

.carousel-control-prev {
    left: 0
}

.carousel-inner {
    padding: 0
}

.indigator .carousel-indicators {
    bottom: -50px;
    right: inherit;
    margin-left: 10%
}

.hideIndicator,
a.hideArrows {
    display: none
}

.carousel-inner,
.carousel-item,
.carousel img {
    height: inherit
}

.carousel-control-prev {
    left: 0 !important
}

.carousel-control-next {
    right: 0
}

.forSlide .fixedNone,
.forfixed .slideNone {
    display: none
}

.forSlide.captionTop .carousel-caption {
    transform: translateY(-0%);
    inset: 0 0 auto;
    z-index: 1
}

.forSlide.captionCenter .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto
}

.forSlide.captionbottom .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.forfixed.captionTop .carousel-caption {
    top: 0;
    bottom: inherit;
    left: 0;
    right: 0;
    z-index: 1
}

.forfixed.captionbottom .carousel-caption {
    bottom: 20px;
    right: 0;
    left: 0;
    z-index: 1
}

.forfixed.captionCenter .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: inherit;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto
}

.contentHidden .carousel-caption {
    display: none
}

.overlay {
    background-color: #000;
    inset: 0;
    opacity: .5;
    position: absolute
}

.forfixed.captionCenterLeft .carousel-caption,
.forSlide.captionCenterLeft .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: inherit;
    left: 52px;
    right: auto;
    z-index: 1
}

.forfixed.captionCenterRight .carousel-caption,
.forSlide.captionCenterRight .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: inherit;
    left: auto;
    right: 50px;
    z-index: 1
}

@media (max-width: 991px) {

    .forfixed.captionCenterRight .carousel-caption,
    .forfixed.captionCenterLeft .carousel-caption,
    .forfixed.captionCenter .carousel-caption {
        left: 0;
        right: 0;
        width: 100% !important
    }

    .forfixed.captionTop .carousel-caption,
    .forfixed.captionbottom .carousel-caption {
        width: 100% !important
    }

    .carousel img {
        object-fit: cover
    }

    .mob-size-1 {
        height: 250px
    }

    .mob-size-2 {
        height: 350px
    }

    .mob-size-3 {
        height: 450px
    }
}

.carousel-indicators li {
    list-style: none
}

.control-style-1 .carousel-control-prev,
.control-style-1 .carousel-control-next {
    background: transparent
}

.control-style-1 .carousel-control-next .carousel-control-next-icon,
.control-style-1 .carousel-control-prev .carousel-control-prev-icon {
    background-color: #fff;
    background-size: 60% 60%
}

.control-style-1 .carousel-control-next .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='%23000'%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-.708z'/%3e%3c/svg%3e")
}

.control-style-1 .carousel-control-prev .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='%23000'%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 0z'/%3e%3c/svg%3e")
}

.control-style-2 .carousel-control-prev,
.control-style-2 .carousel-control-next {
    background: transparent
}

.control-style-2 .carousel-control-next .carousel-control-next-icon,
.control-style-2 .carousel-control-prev .carousel-control-prev-icon {
    background-color: #fff;
    background-size: 60% 60%;
    border-radius: 50%
}

.control-style-2 .carousel-control-next .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='%23000'%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-.708z'/%3e%3c/svg%3e")
}

.control-style-2 .carousel-control-prev .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='%23000'%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 0z'/%3e%3c/svg%3e")
}

.control-style-3 .carousel-control-prev,
.control-style-3 .carousel-control-next {
    background: transparent
}

.control-style-3 .carousel-control-next .carousel-control-next-icon,
.control-style-3 .carousel-control-prev .carousel-control-prev-icon {
    background-color: transparent;
    border: 1px solid #000;
    background-size: 60% 60%
}

.control-style-3 .carousel-control-next .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='%23000'%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-.708z'/%3e%3c/svg%3e")
}

.control-style-3 .carousel-control-prev .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='%23000'%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 0z'/%3e%3c/svg%3e")
}

.control-style-3 .carousel-indicators li,
.control-style-3 .carousel-indicators li.active {
    border-radius: 0
}

.control-style-4 .carousel-control-prev,
.control-style-4 .carousel-control-next {
    background: transparent
}

.control-style-4 .carousel-control-next .carousel-control-next-icon,
.control-style-4 .carousel-control-prev .carousel-control-prev-icon {
    background-color: #fff;
    background-size: 60% 60%
}

.control-style-4 .carousel-control-next .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='%23000'%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-.708z'/%3e%3c/svg%3e")
}

.control-style-4 .carousel-control-prev .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='%23000'%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 0z'/%3e%3c/svg%3e")
}

.control-style-4 .carousel-control-prev,
.control-style-4 .carousel-control-next {
    width: 2rem
}

.control-style-4 .carousel-control-prev .carousel-control-prev-icon,
.control-style-4 .carousel-control-next .carousel-control-next-icon {
    height: 70px
}

.control-style-4 .carousel-indicators [data-bs-target] {
    width: 50px;
    height: 5px;
    margin-right: 5px;
    margin-left: 5px
}

.control-style-5 .carousel-control-prev,
.control-style-5 .carousel-control-next {
    background: transparent
}

.control-style-5 .carousel-control-next .carousel-control-next-icon,
.control-style-5 .carousel-control-prev .carousel-control-prev-icon {
    background-color: #0000007f;
    background-size: 60% 60%
}

.control-style-5 .carousel-control-prev,
.control-style-5 .carousel-control-next {
    width: 5%;
    border-radius: 50%
}

.control-style-5 .carousel-control-prev .carousel-control-prev-icon,
.control-style-5 .carousel-control-next .carousel-control-next-icon {
    height: 50px;
    width: 50px;
    border-radius: 50%
}

.control-style-5 .carousel-indicators [data-bs-target] {
    width: 50px;
    height: 5px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #000
}

.control-style-6 .carousel-control-prev,
.control-style-6 .carousel-control-next {
    background: transparent
}

.control-style-6 .carousel-control-next .carousel-control-next-icon,
.control-style-6 .carousel-control-prev .carousel-control-prev-icon {
    background-color: #000000b3;
    background-size: 60% 60%
}

.control-style-6 .carousel-control-prev,
.control-style-6 .carousel-control-next {
    width: 5%;
    border-radius: 50%;
    bottom: 20px;
    top: inherit
}

.control-style-6 .carousel-control-prev .carousel-control-prev-icon,
.control-style-6 .carousel-control-next .carousel-control-next-icon {
    height: 50px;
    width: 50px;
    border-radius: 50%
}

.control-style-6 .carousel-indicators [data-bs-target] {
    height: 2px !important;
    margin: 15px 0 !important;
    background-color: #000;
    width: 100% !important;
    border-radius: 0 !important
}

.control-style-6 .carousel-indicators {
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    right: auto;
    margin: 0;
    display: block;
    min-width: 80px;
    bottom: inherit;
    z-index: 33 !important
}

.control-style-6 .carousel-control-prev {
    right: 60px;
    left: auto !important
}

@media (max-width:768px) {
    .control-style-6 .carousel-indicators [data-bs-target] {
        width: 45% !important
    }

    .control-style-6 .carousel-control-prev,
    .control-style-6 .carousel-control-next,
    .control-style-5 .carousel-control-prev,
    .control-style-5 .carousel-control-next {
        width: 25%
    }
}

.control-style-7 .carousel-control-prev,
.control-style-7 .carousel-control-next {
    opacity: 1 !important;
    height: 25px !important;
    margin: auto !important;
    background: transparent;
    width: auto
}

.control-style-7 .carousel-control-prev {
    left: 4%
}

.control-style-7 .carousel-control-next {
    right: 4%
}

.control-style-7 .carousel-control-prev:hover .carousel-control-prev-icon,
.control-style-7 .carousel-control-next:hover .carousel-control-next-icon {
    transform: scale(1.3)
}

.control-style-7 .carousel-control-prev:hover .sr-only,
.control-style-7 .carousel-control-next:hover .sr-only {
    transform: scale(1.1);
    font-weight: 600
}

.control-style-7 .carousel-control-prev .sr-only,
.control-style-7 .carousel-control-next .sr-only {
    height: auto !important;
    width: 100% !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: unset !important;
    padding: 0 4px !important;
    cursor: pointer !important;
    font-size: 20px
}

.control-style-7 .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='M24 12.001H2.914l5.294-5.295-.707-.707L1 12.501l6.5 6.5.707-.707-5.293-5.293H24v-1z' data-name='Left'/%3E%3C/svg%3E") !important;
    background-size: 80% !important;
    margin-right: 5px !important;
    cursor: pointer !important;
    margin-top: 5px !important;
    width: 3rem
}

.control-style-7 .carousel-control-next {
    flex-direction: row-reverse
}

.control-style-7 .carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='m17.5 5.999-.707.707 5.293 5.293H1v1h21.086l-5.294 5.295.707.707L24 12.499l-6.5-6.5z' data-name='Right'/%3E%3C/svg%3E") !important;
    background-size: 80% !important;
    margin-left: 5px !important;
    cursor: pointer !important;
    margin-top: 5px !important;
    width: 3rem
}

.control-style-7 .carousel-indicators [data-bs-target] {
    height: 3px !important;
    margin: 15px 3px !important;
    background-color: #fff;
    width: 26px !important;
    border-radius: 0;
    opacity: .5
}

.control-style-7 .carousel-indicators .active {
    opacity: 1
}

@media (max-width:768px) {

    .control-style-7 .carousel-control-prev .sr-only,
    .control-style-7 .carousel-control-next .sr-only {
        display: none !important
    }
}

.control-style-8 .carousel-control-prev,
.control-style-8 .carousel-control-next {
    opacity: 1 !important;
    height: 45px;
    width: 45px;
    padding: 10px;
    background-color: transparent
}

.control-style-8 .carousel-control-prev:hover,
.control-style-8 .carousel-control-next:hover {
    border: 1px solid #1b1b1b
}

.control-style-8 .carousel-control-prev {
    inset: auto 4% 70px auto
}

.control-style-8 .carousel-control-next {
    inset: auto 4% 20px auto
}

.control-style-8 .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%237d7d7d'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E")
}

.control-style-8 .carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%237d7d7d' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E")
}

.control-style-8 .carousel-indicators [data-bs-target] {
    height: 3px !important;
    width: 35px !important;
    position: relative;
    transition: all .3s ease-in-out;
    background-color: #1b1b1b;
    border-radius: 0;
    margin-bottom: 10px !important
}

.control-style-8 .carousel-indicators [data-bs-target]:before {
    content: "";
    width: 0px;
    height: 3px;
    background-color: #1b1b1b;
    position: absolute;
    left: -11px;
    top: 0;
    bottom: 0;
    transition: all .3s ease-in-out
}

.control-style-8 .carousel-indicators {
    margin: auto 2%;
    height: fit-content;
    top: 0;
    flex-direction: column
}

.control-style-8 .carousel-indicators .active {
    width: 40px !important;
    margin-left: 15px !important
}

.control-style-8 .carousel-indicators .active:before {
    width: 4px
}

@media (max-width:768px) {
    .control-style-8 .carousel-indicators [data-bs-target] {
        width: 30px !important;
        height: 2px !important
    }

    .control-style-8 .carousel-indicators .active {
        width: 35px !important
    }
}

.control-style-9 .carousel-control-prev,
.control-style-9 .carousel-control-next {
    opacity: 1 !important;
    height: 45px;
    width: 45px;
    padding: 10px;
    bottom: 20px;
    top: auto;
    background: transparent
}

.control-style-9 .carousel-control-prev:hover,
.control-style-9 .carousel-control-next:hover {
    transform: scale(1.5)
}

.control-style-9 .carousel-control-prev {
    left: 2%
}

.control-style-9 .carousel-control-next {
    right: auto;
    left: 5%
}

.control-style-9 .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='M24 12.001H2.914l5.294-5.295-.707-.707L1 12.501l6.5 6.5.707-.707-5.293-5.293H24v-1z' data-name='Left'/%3E%3C/svg%3E");
    background-size: 100%
}

.control-style-9 .carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='m17.5 5.999-.707.707 5.293 5.293H1v1h21.086l-5.294 5.295.707.707L24 12.499l-6.5-6.5z' data-name='Right'/%3E%3C/svg%3E")
}

.control-style-9 .carousel-indicators [data-bs-target] {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: transparent;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid transparent;
    transition: all .3s ease;
    padding: 8px
}

.control-style-9 .carousel-indicators [data-bs-target]:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    inset: 0;
    margin: auto;
    box-shadow: 0 0 2px 2px #f1f1f16b
}

.control-style-9 .carousel-indicators {
    margin: auto 2%;
    height: fit-content;
    top: 0;
    right: 0;
    left: auto;
    flex-direction: column
}

.control-style-9 .carousel-indicators .active {
    border: 1px solid #fff !important
}

@media (max-width:1024px) {
    .control-style-9 .carousel-control-next {
        left: 7% !important
    }
}

@media (max-width:991px) {
    .control-style-9 .carousel-control-next {
        left: 9% !important
    }
}

@media (max-width:768px) {
    .control-style-9 .carousel-control-next {
        left: 10% !important
    }
}

@media (max-width:550px) {
    .control-style-9 .carousel-control-next {
        left: 15% !important
    }
}

.control-style-10 .carousel-control-prev,
.control-style-10 .carousel-control-next {
    opacity: 1 !important;
    height: 45px;
    width: 45px;
    padding: 10px;
    background-color: transparent
}

.control-style-10 .carousel-control-prev {
    inset: 20% 3.5% auto auto
}

.control-style-10 .carousel-control-next {
    inset: auto 3.5% 20% auto
}

.control-style-10 .carousel-control-prev .carousel-control-prev-icon:hover,
.control-style-10 .carousel-control-next .carousel-control-next-icon:hover {
    transform: scaleY(1.2)
}

.control-style-10 .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23fff'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E");
    cursor: pointer;
    transition: transform .2s ease-in-out
}

.control-style-10 .carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E");
    cursor: pointer;
    transition: transform .2s ease-in-out
}

.control-style-10 .carousel-indicators [data-bs-target] {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: transparent;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid transparent !important;
    transition: all .3s ease;
    opacity: 1;
    padding: 8px
}

.control-style-10 .carousel-indicators [data-bs-target]:before {
    content: "";
    width: 11px;
    height: 11px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    inset: 0;
    margin: auto;
    transition: all .2s ease
}

.control-style-10 .carousel-indicators [data-bs-target]:after {
    content: "";
    width: 1px;
    height: 50px;
    background-color: #ffffff8a;
    position: absolute;
    border-radius: 50%;
    inset: 0;
    opacity: 1;
    margin: auto
}

.control-style-10 .carousel-indicators {
    margin: auto 0;
    height: fit-content;
    top: 0;
    right: 3.7%;
    left: auto;
    flex-direction: column;
    transition: all .2s ease
}

.control-style-10 .carousel-indicators .active {
    border: 1px solid #fff !important
}

.control-style-10 .carousel-indicators .active:before {
    background-color: #fff;
    z-index: 1;
    width: 13px;
    height: 13px
}

@media (max-width:550px) {
    .control-style-10 .carousel-indicators [data-bs-target] {
        height: 20px !important;
        width: 20px !important
    }

    .control-style-10 .carousel-indicators .active:before {
        width: 10px !important;
        height: 10px !important
    }

    .control-style-10 .carousel-indicators {
        right: 4.8% !important
    }

    .control-style-10 .carousel-indicators [data-bs-target] {
        padding: 2px
    }
}

.control-style-11 .carousel-control-prev,
.control-style-11 .carousel-control-next {
    opacity: 1 !important;
    height: 45px;
    width: 45px;
    padding: 10px;
    background-color: transparent
}

.control-style-11 .carousel-control-prev {
    left: 3.5%;
    top: 20%;
    bottom: auto
}

.control-style-11 .carousel-control-next {
    inset: auto auto 20% 3.5%
}

.control-style-11 .carousel-control-prev .carousel-control-prev-icon:hover,
.control-style-11 .carousel-control-next .carousel-control-next-icon:hover {
    transform: scaleY(1.2)
}

.control-style-11 .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E");
    cursor: pointer;
    transition: transform .2s ease-in-out
}

.control-style-11 .carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E");
    cursor: pointer;
    transition: transform .2s ease-in-out
}

.control-style-11 .carousel-indicators [data-bs-target] {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #000 !important;
    transition: all .3s ease;
    opacity: 1;
    background-color: transparent
}

.control-style-11 .carousel-indicators [data-bs-target]:before {
    content: "";
    width: 0px;
    height: 1px;
    position: absolute;
    right: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .2s ease;
    z-index: -1;
    background-color: #000
}

.control-style-11 .carousel-indicators {
    margin: auto 4%;
    height: fit-content;
    top: 0;
    left: 0;
    bottom: 0;
    flex-direction: column;
    width: fit-content;
    transition: all .2s ease
}

.control-style-11 .carousel-indicators .active {
    border: 1px solid #000000 !important;
    background-color: #000
}

.control-style-11 .carousel-indicators .active:before {
    width: 70px !important
}

@media (max-width:768px) {
    .control-style-11 .carousel-indicators [data-bs-target] {
        width: 10px !important;
        height: 10px !important
    }

    .control-style-11 .carousel-indicators [data-bs-target]:before {
        right: 0 !important
    }

    .control-style-11 .carousel-indicators {
        left: 1% !important
    }
}

@media (max-width:550px) {
    .control-style-11 .carousel-indicators {
        left: 3.4% !important
    }
}

.dashboard_content {
    width: 100%
}

.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.left_open) .dashboard_content,
.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_right.right_open) .dashboard_content {
    width: calc(100% - 230px)
}

.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.left_open+.dashboard_content+.sidebar_right.right_open) .dashboard_content {
    width: calc(100% - 460px)
}

.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.left_close+.dashboard_content+.sidebar_right.right_close) .dashboard_content {
    width: 100%
}

.dashboard_wrapperMain .sidebar_right.right_close {
    min-width: 0 !important;
    max-width: 0
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain .sidebar_left.left_close {
    width: 0;
    min-width: 0 !important;
    max-width: 0;
    margin-left: 0
}

.dashboard_wrapperMain {
    display: flex;
    flex-direction: column;
    height: 100vh
}

.dashboard_wrapperMain .dashboard_bodyMain {
    height: 100%;
    overflow: hidden;
    flex: 1
}

.dashboard_wrapperMain .dashboard_bodyMain .dashboard_content {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #ebeff8;
    height: 100%;
    padding: 0 .5rem .25rem .3rem
}

.dashboard_wrapperMain.pageOverlayCss .d-flex.h-100.flex-column {
    overflow: unset
}

.dashboard_wrapperMain .dashboard_bodyMain .dashboard_content .dashboard_main-body {
    overflow: auto;
    display: flex;
    flex: 1
}

.dashboard_wrapperMain .dashboard_bodyMain .dashboard_content .dashboard_main-body .main-card {
    display: flex;
    width: 100%;
    padding: 0;
    overflow: auto
}

.dashboard_wrapperMain .dashboard_bodyMain .dashboard_content .dashboard_main-body .main-card .main-card-body {
    display: flex;
    flex-direction: column;
    padding: 0 !important
}

.dashboard_wrapperMain .dashboard_bodyMain .dashboard_content .dashboard_main-body .main-card .form-area {
    background: #f2f3f3;
    padding: 10px 10px 0
}

.dashboard_wrapperMain .dashboard_bodyMain .dashboard_content .dashboard_main-body .main-card .table-area {
    overflow: auto
}

.dashboard_wrapperMain .footerMain_bottom {
    background: #fff;
    color: #fff;
    overflow: auto
}

.dashboard_wrapperMain .footerMain_bottom ul.list-inline {
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.dashboard_wrapperMain .footerMain_bottom ul.list-inline li {
    padding: 0 .5rem;
    white-space: nowrap
}

.dashboard_wrapperMain .footerMain_bottom ul.list-inline li label {
    font-weight: 700;
    padding-right: .5rem;
    margin: 0
}

.dashboard_page-footer {
    display: flex;
    justify-content: space-between
}

.page_container_div1 {
    border: 1px #dee2e6 solid;
    height: 72px
}

.dashboard_wrapperMain .header {
    align-items: center !important;
    height: 100%;
    padding: 2px;
    min-height: 43px;
    box-shadow: 0 .46875rem 2.1875rem #21242c08, 0 .9375rem 1.40625rem #04091408, 0 .25rem .53125rem #0409140d, 0 .125rem .1875rem #04091408;
    z-index: 2;
    background: #fff;
    border-bottom: 1px #d1d1d1 solid
}

.customHeader {
    align-items: center;
    position: relative
}

.dashboard_wrapperMain .mainPage {
    height: 100%
}

.dashboard_wrapperMain.pageOverlayCss .mainPage {
    height: auto
}

.dashboard_wrapperMain.pageOverlayCss {
    display: unset
}

.pageOverlayCss .dashboard_bodyMain {
    height: auto !important;
    overflow: unset !important;
    flex: unset !important
}

.dashboard_wrapperMain.pageOverlayCss .dashboard_content {
    padding: 0;
    overflow: unset
}

.rightArticle.rightArticle_left .rightArticle_top_right {
    position: fixed;
    left: auto;
    right: auto;
    width: 45px;
    top: 0;
    transform: translateY(80px);
    z-index: 1
}

.rightArticle.rightArticle_left .rightArticle_center_right {
    position: fixed;
    left: auto;
    right: auto;
    width: 45px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.rightArticle.rightArticle_left .rightArticle_bottom_right {
    position: fixed;
    left: auto;
    right: auto;
    width: 45px;
    bottom: 0;
    transform: translateY(-15%);
    z-index: 1
}

.social_design1 {
    margin: 0;
    padding: 0
}

.social_design1 li {
    list-style: none
}

.social_design1 li a {
    color: #fff;
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-bottom: 2px;
    z-index: 2
}

.social_design1 li a:hover {
    color: #fff
}

.social_design1 li a:hover>span {
    visibility: visible;
    right: 40px;
    opacity: 1
}

.social_design1 li a span {
    line-height: 40px;
    right: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: .5s;
    z-index: 999999;
    opacity: 0
}

.default_class,
.default_class span {
    background-color: #000
}

.fixed-facebook,
.fixed-facebook span {
    background-color: #00aae5
}

.fixed-twitter,
.fixed-twitter span {
    background-color: #7d3895
}

.fixed-google-plus,
.fixed-google-plus span {
    background-color: #00af54
}

.fixed-linkedin,
.fixed-linkedin span {
    background-color: #ffc41e
}

.fixed-instagram,
.fixed-instagram span {
    background-color: #ed2b29
}

.fixed-tumblr,
.fixed-tumblr span,
.fixed-youtube,
.fixed-youtube span {
    background-color: #eb1471
}

.social_design2 {
    margin: 0;
    padding: 0
}

.social_design2 li {
    list-style: none
}

.rightArticle.rightArticle_left1 .rightArticle_center_right {
    position: fixed;
    left: auto;
    right: -5px;
    width: 45px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.rightArticle.rightArticle_left1 .rightArticle_top_right {
    position: fixed;
    left: auto;
    right: -5px;
    width: 45px;
    top: 0%;
    transform: translateY(80px);
    z-index: 1
}

.rightArticle.rightArticle_left1 .rightArticle_bottom_right {
    position: fixed;
    left: auto;
    right: -5px;
    width: 45px;
    bottom: 0;
    transform: translateY(-15%);
    z-index: 1
}

.social_design2 li a {
    width: 150px;
    display: flex;
    border-radius: 30px 0 0 30px;
    padding: 8px 14px 8px 19px;
    color: #fff;
    margin-bottom: 2px;
    text-decoration: none;
    position: relative;
    right: 8px;
    transition: right 1s;
    font-size: 18px
}

.social_design2 li a:hover {
    right: 105px;
    transition: right 1s;
    color: #fff
}

.social_design2 li a i {
    padding: 4px 15px 0 0
}

.social_design3 {
    margin: 0;
    padding: 0
}

.social_design3 li {
    list-style: none
}

.social_design3 li a {
    transform: translate(0);
    border-radius: 50px 0 0 50px;
    text-align: left;
    margin: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
    font-size: 18px;
    font-family: Oswald, sans-serif;
    transition: all .8s;
    display: block;
    width: 170px
}

.social_design3 li a:hover {
    color: #fff;
    transform: translate(-130px)
}

.social_design3 li a i {
    background-color: #fff;
    height: 30px;
    width: 30px;
    color: #000;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 20px;
    transition: all .5s
}

.social_design3 li a:hover i {
    transform: rotate(360deg)
}

.social_design4 {
    margin: 0;
    padding: 0
}

.social_design4 li {
    list-style: none
}

.social_design4 li a {
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-bottom: 5px;
    z-index: 2;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0 0 0 1px #e7e7e9 inset;
    color: #0d0c22;
    border-radius: 8px;
    margin-right: 0
}

.social_design4 li a:hover>span {
    visibility: visible;
    right: 40px;
    opacity: 1
}

.social_design4 li a span {
    line-height: 40px;
    right: 20px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: .5s;
    z-index: 999999;
    opacity: 0;
    background: #000;
    border-radius: 8px;
    margin-right: 20px;
    color: #fff
}

.social_design4 li a span:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #000;
    right: -4px;
    transform: rotate(45deg);
    top: 10px
}

.rightArticle_left .social_design1 li a:hover>span {
    visibility: visible;
    left: 40px;
    opacity: 1
}

.rightArticle_left .social_design1 li a span {
    line-height: 40px;
    left: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: .5s;
    z-index: 999999;
    opacity: 0
}

.rightArticle_left .social_design2 li a {
    width: 150px;
    display: flex;
    border-radius: 0 30px 30px 0;
    padding: 8px 19px 8px 14px;
    color: #fff;
    margin-bottom: 2px;
    text-decoration: none;
    position: relative;
    left: -103px;
    transition: left 1s;
    font-size: 18px
}

.rightArticle_left .social_design2 li a:hover {
    left: -0px;
    transition: left 1s
}

.rightArticle_left .social_design2 li a i {
    padding: 4px 15px 0 0;
    position: absolute;
    right: 4px
}

.rightArticle_left .social_design3 {
    margin: 0;
    padding: 0
}

.rightArticle_left .social_design3 li {
    list-style: none
}

.rightArticle_left .social_design3 li a {
    transform: translate(-132px);
    border-radius: 0 50px 50px 0;
    text-align: left;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
    font-size: 18px;
    font-family: Oswald, sans-serif;
    transition: all .8s;
    width: 170px;
    height: 40px;
    align-items: center;
    display: flex
}

.rightArticle_left .social_design3 li a span {
    padding-left: 20px
}

.rightArticle_left .social_design3 li a:hover {
    color: #fff;
    transform: translate(0)
}

.rightArticle_left .social_design3 li a i {
    background-color: #fff;
    height: 30px;
    width: 30px;
    color: #000;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 5px;
    transition: all .5s;
    position: absolute;
    right: 0;
    top: 5px
}

.rightArticle_left .social_design3 li a:hover i {
    transform: rotate(360deg)
}

.rightArticle_left .social_design4 li a {
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-bottom: 5px;
    z-index: 2;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #e7e7e9 inset;
    box-shadow: 0 0 0 1px #e7e7e9 inset;
    color: #0d0c22;
    border-radius: 8px;
    margin-left: 0
}

.rightArticle_left .social_design4 li a:hover>span {
    visibility: visible;
    left: 40px;
    opacity: 1
}

.rightArticle_left .social_design4 li a span {
    line-height: 40px;
    left: 20px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: .5s;
    z-index: 999999;
    opacity: 0;
    background: #000;
    border-radius: 8px;
    margin-left: 20px;
    color: #fff
}

.rightArticle_left .social_design4 li a span:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #000;
    left: -4px;
    transform: rotate(45deg);
    top: 10px
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    display: none
}

#btn-back-to-top.right {
    right: 20px
}

#btn-back-to-top.left {
    left: 20px
}

@media (max-width: 991px) {
    .dashboard_wrapperMain .dashboard_bodyMain .dashboard_content {
        padding: 0
    }
}

.dashboard-design2 .sidebar_left {
    box-shadow: 0 .5rem 1rem #0000001a;
    background-color: rgba(var(--sbLevel1BgClr));
    position: relative
}

.dashboard-design2 .sidebar_right {
    box-shadow: 0 .5rem 1rem #0000001a
}

.dashboard-design2 .sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #d3d3d3
}

.dashboard-design2 .sidebar-footer {
    display: flex;
    align-items: center;
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #d3d3d3;
    background-color: rgba(var(--sbLevel1BgClr))
}

.dashboard-design2 .dashboard_content:not(.dashboard-design2.dashboardScroll .dashboard_content) {
    padding: 0 .3rem .25rem
}

.dashboard-design2.dashboard_wrapperMain #top_nav_bar.sticky-top {
    position: sticky;
    top: 0
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .dashboard_bodyMain .dashboard_content::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .dashboard_bodyMain .dashboard_content::-webkit-scrollbar-thumb {
    background: #a3a3a3
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .dashboard_bodyMain .dashboard_content::-webkit-scrollbar-track {
    background: #fff0
}

.dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close {
    width: 55px;
    min-width: 55px !important;
    max-width: 55px;
    margin-left: 0
}

.dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close .category-content ul li a {
    width: 55px
}

.dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close a {
    margin-left: 0
}

.dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close a span {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.dashboard-design2.dashboard_wrapperMain .sidebar_right {
    min-width: 230px !important
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .dashboard_bodyMain .dashboard_content {
    padding: 0 0rem 0rem .3rem;
    overflow-y: scroll;
    display: unset;
    position: relative
}

.dashboard-design2.dashboard_wrapperMain .sidebar_left.nav_left_menu.left_open~.dashboard_content #top_nav_bar.fixed-top,
.dashboard-design2.dashboard_wrapperMain .sidebar_left.nav_left_menu.left_open~.dashboard_content .footerMain_bottom.fixed-bottom {
    width: calc(100% - 245px);
    margin-left: auto;
    margin-right: 10px
}

.dashboard-design2.dashboard_wrapperMain .sidebar_left.nav_left_menu.left_close~.dashboard_content #top_nav_bar.fixed-top,
.dashboard-design2.dashboard_wrapperMain:not(.theme_2, .theme_1) .sidebar_left.nav_left_menu.left_close~.dashboard_content .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain:not(.theme_2, .theme_1) .sidebar_left.nav_left_menu.left_close~.dashboard_content .footerMain_bottom {
    width: calc(100% - 65px);
    margin-left: auto;
    margin-right: 5px
}

.dashboard-design2.dashboard_wrapperMain .sidebar_left.nav_left_menu.left_close~.dashboard_content .footerMain_bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_close+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content .footerMain_bottom {
    width: calc(100% - 295px);
    margin-left: 0 !important
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain .sidebar_left.nav_left_menu.left_close ul li>ul li a,
.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain .sidebar_left.nav_left_menu.left_close ul li>ul li>ul li a {
    padding-left: 12px !important
}

.dashboard-design2.dashboard_wrapperMain.pageOverlayCss .dashboard_content {
    padding: 0 !important;
    overflow: unset !important
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .dashboard_content {
    display: block !important
}

.dashboard-design2.dashboard_wrapperMain #top_nav_bar:not(.dashboard-design2.dashboard_wrapperMain.dashboardScroll #top_nav_bar) {
    display: initial;
    min-height: unset
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .footerMain_bottom:not(.footerMain_bottom.fixed-bottom),
.dashboard-design2.dashboard_wrapperMain.pageOverlayCss .footerMain_bottom:not(.footerMain_bottom.fixed-bottom) {
    position: unset !important;
    width: 100% !important
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain.pageOverlayCss .footerMain_bottom.fixed-bottom {
    position: fixed;
    margin: 0 !important
}

.dashboard-design2.dashboard_wrapperMain:has(.sidebar_left):not(.theme_2, .theme_1) .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain.dashboardScroll:has(.sidebar_left):not(.theme_2, .theme_1) .footerMain_bottom.fixed-bottom {
    width: calc(100% - 245px);
    margin-left: auto !important;
    margin-right: 10px !important
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_close+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_close+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content #top_nav_bar.fixed-top {
    width: calc(100% - 241px);
    margin-right: auto
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_open+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_open+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content #top_nav_bar.fixed-top {
    width: calc(100% - 482px);
    margin: auto
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_close+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_close+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content #top_nav_bar.fixed-top {
    width: calc(100% - 295px);
    margin-left: 60px !important
}

.dashboard-design2.dashboard_wrapperMain:has(.sidebar_right.right_open) .dashboard_content #top_nav_bar.fixed-top,
.dashboard-design2.dashboard_wrapperMain:has(.sidebar_right.right_open) .dashboard_content .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain:has(.sidebar_right.right_open) .dashboard_content .footerMain_bottom {
    width: calc(100% - 240px);
    margin-left: 5px !important
}

.dashboard-design2.pageOverlayCss .dashboard_bodyMain {
    min-height: 100vh
}

.dashboard-design2 .rightbar.rightbar-dark.toggled.right_close {
    margin-right: -230px
}

.dashboard-design2.dashboard_wrapperMain:has(.sidebar_right.right_open) .dashboard_content .footerMain_bottom,
.dashboard-design2.dashboard_wrapperMain:has(.sidebar_left.left_open) .dashboard_content .footerMain_bottom {
    position: fixed;
    bottom: 0;
    width: calc(100% - 240px);
    margin-left: auto;
    margin-right: 5px;
    right: 0;
    left: 0
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.rightbar.rightbar-dark.toggled.sidebar_right.right_close) .dashboard_content .footerMain_bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_open+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_open+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content #top_nav_bar.fixed-top {
    width: calc(100% - 470px);
    margin: auto !important
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_open+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_open) .dashboard_content .footerMain_bottom {
    width: calc(100% - 470px);
    margin: auto;
    position: fixed;
    bottom: 0
}

.dashboard-design2.dashboard_wrapperMain .sidebar_left.nav_left_menu.left_open~.dashboard_content #top_nav_bar.fixed-top,
.dashboard-design2.dashboard_wrapperMain .sidebar_left.nav_left_menu.left_open~.dashboard_content .footerMain_bottom.fixed-bottom {
    width: calc(100% - 240px);
    margin-left: auto !important;
    margin-right: 5px
}

.dashboard_wrapperMain.dashboard-design2:not(.dashboard_wrapperMain.dashboard-design2.dashboardScroll) .dashboard_content>div,
.dashboard_wrapperMain.dashboard-design2:not(.dashboard_wrapperMain.dashboard-design2.dashboardScroll) .dashboard_content:has(#top_nav_bar.fixed-top)>div,
.dashboard_wrapperMain.dashboard-design2.dashboardScroll .dashboard_content>div:has(section.sagPage) {
    height: 100% !important
}

.dashboard_wrapperMain.dashboard-design2.dashboardScroll .dashboard_content>div,
.dashboard_wrapperMain.dashboard-design2.dashboardScroll .dashboard_content>div:has(div) {
    height: unset !important
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .sidebar_left.nav_left_menu.left_open~.dashboard_content #top_nav_bar.fixed-top,
.dashboard-design2.dashboard_wrapperMain.dashboardScroll .sidebar_left.nav_left_menu.left_open~.dashboard_content .footerMain_bottom.fixed-bottom {
    width: calc(100% - 245px);
    margin-left: auto !important;
    margin-right: 10px
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .sidebar_left.nav_left_menu.left_close~.dashboard_content #top_nav_bar.fixed-top,
.dashboard-design2.dashboard_wrapperMain.dashboardScroll:not(.theme_2, .theme_1) .sidebar_left.nav_left_menu.left_close~.dashboard_content .footerMain_bottom.fixed-bottom {
    width: calc(100% - 70px);
    margin-left: auto;
    margin-right: 11px
}

.dashboard-design2.dashboard_wrapperMain.pageOverlayCss .sidebar_left.nav_left_menu.left_open~.dashboard_content #top_nav_bar.fixed-top,
.dashboard-design2.dashboard_wrapperMain.pageOverlayCss .sidebar_left.nav_left_menu.left_open~.dashboard_content .footerMain_bottom.fixed-bottom {
    width: calc(100% - 230px);
    margin-left: auto !important;
    margin-right: 0 !important
}

.dashboard-design2.dashboard_wrapperMain.pageOverlayCss .sidebar_left.nav_left_menu.left_close~.dashboard_content #top_nav_bar.fixed-top,
.dashboard-design2.dashboard_wrapperMain.pageOverlayCss .sidebar_left.nav_left_menu.left_close~.dashboard_content .footerMain_bottom.fixed-bottom {
    width: calc(100% - 55px);
    margin-left: auto;
    margin-right: 0
}

.dashboard-design2.dashboard_wrapperMain .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_open+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_close) .dashboard_content .footerMain_bottom.fixed-bottom {
    width: auto
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_open+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_close) .dashboard_content .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain:not(.dashboard-design2.dashboard_wrapperMain.dashboardScroll) .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_open+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_close) .dashboard_content .footerMain_bottom.fixed-bottom {
    width: calc(100% - 245px) !important
}

.dashboard-design2.dashboard_wrapperMain.dashboardScroll .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_close+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_close) .dashboard_content .footerMain_bottom.fixed-bottom,
.dashboard-design2.dashboard_wrapperMain:not(.dashboard-design2.dashboard_wrapperMain.dashboardScroll) .dashboard_bodyMain:has(.sidebar_left.nav_left_menu.left_close+.dashboard_content+.rightbar.rightbar-dark.toggled.sidebar_right.right_close) .dashboard_content .footerMain_bottom.fixed-bottom {
    width: calc(100% - 70px) !important
}

@media only screen and (max-width:1200px) {
    .dashboard_wrapperMain.dashboard-design2:has(.rightbar) .dashboard_content .rightbar-toggle.ms-auto.d-none.d-xl-block {
        display: block !important
    }

    .dashboard-design2.dashboard_wrapperMain:has(.sidebar_right) .navbar-toggler {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .dashboard-design2.dashboard_wrapperMain:has(.sidebar_left) .navbar-toggler {
        display: none
    }

    .dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close .category-content ul li a {
        width: auto
    }

    .sidebar_left.left_close.nav_left_menu .sidebar.sidebar-dark ul ul {
        margin: 0 12px !important
    }

    .dashboard-design2.dashboard_wrapperMain .sidebar_left.left_open {
        width: 0px;
        min-width: 0px !important;
        max-width: 0px;
        margin-left: 0
    }

    .dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close {
        position: fixed;
        z-index: 9999;
        height: 100%;
        min-width: 230px !important;
        margin-left: 0;
        box-shadow: 1px 1px 2px 2px #cccccc45
    }

    .dashboard-design2.dashboard_wrapperMain .sidebar_right.right_open {
        position: fixed;
        z-index: 9999;
        height: 100%;
        min-width: 230px !important;
        right: 0;
        box-shadow: 1px 1px 2px 2px #cccccc45
    }

    .dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close a {
        margin: 2px 12px
    }

    .dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close a span {
        width: auto;
        opacity: 1;
        visibility: visible;
        height: auto
    }

    .dashboard-design2:has(.right_open) .dashboard_content {
        padding: 0 !important
    }

    .dashboard-design2.dashboard_wrapperMain .dashboard_content #top_nav_bar.fixed-top,
    .dashboard-design2.dashboard_wrapperMain .dashboard_content .footerMain_bottom.fixed-bottom {
        width: 100% !important;
        margin: 0 !important
    }

    .dashboard-design2.dashboard_wrapperMain.dashboardScroll .footerMain_bottom.fixed-bottom,
    .dashboard-design2.dashboard_wrapperMain.pageOverlayCss .footerMain_bottom.fixed-bottom {
        position: fixed
    }

    .dashboard-design2.dashboard_wrapperMain .footerMain_bottom {
        width: 100% !important;
        margin: 0 !important;
        overflow: unset !important
    }

    .dashboard-design2.dashboard_wrapperMain:has(.sidebar_left) .footerMain_bottom.fixed-bottom,
    .dashboard-design2.dashboard_wrapperMain.dashboardScroll:has(.sidebar_left) .footerMain_bottom.fixed-bottom {
        margin: 0 !important
    }

    .dashboard-design2:has(.left_close) .dashboard_content .overlayCss,
    .dashboard-design2:has(.right_open) .dashboard_content .overlayCss {
        width: 100%;
        height: 100%;
        background: #00000070;
        position: fixed;
        z-index: 1111;
        inset: 0
    }

    .dashboard-design2.dashboard_wrapperMain .sidebar_left.left_open {
        position: fixed
    }

    .dashboard-design2.dashboard_wrapperMain.pageOverlayCss #top_nav_bar .navbar {
        flex-direction: row
    }

    .dashboard-design2.dashboard_wrapperMain #top_nav_bar .navbar {
        flex-direction: row-reverse
    }

    .dashboard_wrapperMain.dashboard-design2:has(.rightbar) .dashboard_content #top_nav_bar .navbar {
        flex-direction: row
    }
}

@media only screen and (max-width:550px) {
    .dashboard-design2.dashboard_wrapperMain.dashboardScroll .dashboard_bodyMain .dashboard_content {
        padding: 0 !important
    }
}

.backtotop-design1 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    z-index: 99;
    color: #0445c6 !important;
    text-align: center;
    background: #0055ff24 !important;
    border: 2px dashed #0445c6 !important;
    padding: 10px;
    animation: zoom .7s infinite;
    transition: .5s all ease-in-out
}

.backtotop-design1 i {
    font-size: 18px
}

.backtotop-design1:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, #00000040, #0000 80%)
}

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

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.backtotop-design2 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 3px solid #5c54ec !important;
    background-color: #dddbff !important;
    color: #5c54ec !important;
    padding: 10px
}

.backtotop-design3 {
    width: 45px;
    height: 45px;
    background-color: transparent !important;
    color: #009ed4 !important;
    border-radius: 0 !important;
    border: 3px solid #009ed4 !important;
    padding: 10px
}

.backtotop-design3:hover {
    background-color: #009ed4 !important;
    color: #fff !important;
    border: 3px solid #009ed4 !important
}

.backtotop-design4 {
    width: 60px;
    height: 60px;
    border: 2px solid #000000 !important;
    border-radius: 50%;
    background-color: #0003 !important;
    color: #000 !important;
    padding: 10px
}

.backtotop-design4 i:after {
    position: absolute;
    content: "scroll top";
    top: 14px;
    left: 0;
    font-size: 9px;
    right: 0;
    letter-spacing: .5px
}

.backtotop-design4 i:before {
    bottom: 9px;
    position: absolute;
    left: 0;
    right: 0
}

.backtotop-design4 i {
    font-size: 20px
}

.backtotop-design5 {
    width: 50px;
    height: 50px;
    background: linear-gradient(120deg, #13296d 0% 35%, #00d4ff);
    color: #fff !important;
    border: 0px none;
    animation: Gradient 5s ease infinite;
    background-size: 400% 400%
}

.backtotop-design5 i {
    font-size: 16px
}

.backtotop-design6 {
    width: 50px;
    height: 50px;
    color: #fff;
    border: 0px none;
    animation: Gradient 5s ease infinite;
    background: linear-gradient(90deg, #ca3506, #fd1d1d, #fcb045);
    background-size: 400% 400%
}

.backtotop-design6 i {
    font-size: 16px
}

@keyframes Gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.backtotop-design7 {
    width: 45px;
    height: 65px;
    background: #000 !important;
    color: #fff !important;
    border-radius: 100px;
    border: 3px solid #fff !important;
    padding: 10px
}

.backtotop-design7 i {
    animation: backtoptop 3s ease infinite;
    position: relative;
    bottom: 10px
}

@keyframes backtoptop {
    0% {
        bottom: -10px
    }

    50% {
        bottom: 15px
    }

    to {
        bottom: -10px
    }
}

.backtotop-design8 {
    width: 50px;
    height: 50px;
    color: #ff8500 !important;
    border-radius: 50%;
    border: 1px solid #ffe4c9 !important;
    background: #ffe4c9 !important
}

.backtotop-design8 i {
    animation: backtoptop2 3s ease infinite;
    position: relative;
    bottom: 0;
    font-size: 20px
}

@keyframes backtoptop2 {
    0% {
        bottom: -5px
    }

    50% {
        bottom: 8px
    }

    to {
        bottom: -5px
    }
}

.backtotop-design9 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #000 !important;
    background-color: #fff !important;
    padding: 10px
}

.backtotop-design9 i {
    font-size: 14px;
    color: #000
}

.backtotop-design9:hover {
    background-color: #000 !important
}

.backtotop-design9:hover i {
    color: #fff
}

@keyframes movingLeftToRight {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes movingLeftToRight {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@-moz-keyframes movingLeftToRight {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@-o-keyframes movingLeftToRight {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@-ms-keyframes movingLeftToRight {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

.parentBox {
    height: 300px;
    width: 100%;
    overflow: hidden
}

.leftToRight {
    animation: movingLeftToRight 15s linear infinite;
    position: relative;
    width: 100%;
    display: inline-block
}

@keyframes movingBottomToTop {
    to {
        top: -100%
    }

    0% {
        top: 100%
    }
}

@-webkit-keyframes movingBottomToTop {
    to {
        top: -100%
    }

    0% {
        top: 100%
    }
}

@-moz-keyframes movingBottomToTop {
    to {
        top: -100%
    }

    0% {
        top: 100%
    }
}

@-o-keyframes movingBottomToTop {
    to {
        top: -100%
    }

    0% {
        top: 100%
    }
}

@-ms-keyframes movingBottomToTop {
    to {
        top: -100%
    }

    0% {
        top: 100%
    }
}

.bottomToTop {
    animation: movingBottomToTop 15s linear infinite;
    position: relative;
    width: 100%;
    display: inline-block
}

@keyframes movingTopToBottom {
    0% {
        top: -100%
    }

    to {
        top: 100%
    }
}

@-webkit-keyframes movingTopToBottom {
    0% {
        top: -100%
    }

    to {
        top: 100%
    }
}

@-moz-keyframes movingTopToBottom {
    0% {
        top: -100%
    }

    to {
        top: 100%
    }
}

@-o-keyframes movingTopToBottom {
    0% {
        top: -100%
    }

    to {
        top: 100%
    }
}

@-ms-keyframes movingTopToBottom {
    0% {
        top: -100%
    }

    to {
        top: 100%
    }
}

.topToBottom {
    animation: movingTopToBottom 15s linear infinite;
    position: relative;
    width: 100%;
    display: inline-block
}

@keyframes movingRightToLeft {
    0% {
        right: -100%
    }

    to {
        right: 100%
    }
}

@-webkit-keyframes movingRightToLeft {
    0% {
        right: -100%
    }

    to {
        right: 100%
    }
}

@-moz-keyframes movingRightToLeft {
    0% {
        right: -100%
    }

    to {
        right: 100%
    }
}

@-o-keyframes movingRightToLeft {
    0% {
        right: -100%
    }

    to {
        right: 100%
    }
}

@-ms-keyframes movingRightToLeft {
    0% {
        right: -100%
    }

    to {
        right: 100%
    }
}

.rightToLeft {
    animation: movingRightToLeft 15s linear infinite;
    position: relative;
    width: 100%;
    display: inline-block
}

.parentBox:hover .topToBottom,
.parentBox:hover .bottomToTop,
.parentBox:hover .leftToRight,
.parentBox:hover .rightToLeft {
    animation-play-state: paused
}

.parentBoxHeight200 {
    height: 200px !important
}

.parentBoxHeight250 {
    height: 250px !important
}

.parentBoxHeight300 {
    height: 300px !important
}

.parentBoxHeight350 {
    height: 350px !important
}

.parentBoxHeight400 {
    height: 400px !important
}

.parentBoxHeight450 {
    height: 450px !important
}

.parentBoxHeight500 {
    height: 500px !important
}

.filewrapper1.basic .uploadDocument img,
.filesingle.basic .uploadDocument img {
    width: 50px;
    height: 50px
}

.filesingle {
    position: relative
}

.filesingle .preview .previewUl,
.filesingle .preview .previewUl .previewLi {
    height: 100%
}

.filesingle:has(.preview) .fileuploadDesign {
    display: none
}

.filesingle:has(.preview) .preview {
    display: block
}

.filesingle .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #f79eac dashed;
    background: #fefafb
}

.filesingle {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    flex-direction: column-reverse;
    display: flex
}

.filesingle .afterBefore {
    position: relative
}

.filesingle .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filesingle .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filesingle .fileuploadinput {
    display: flex;
    justify-content: center
}

.filesingle .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filesingle .form_group_label .inputBox .form-control {
    display: none
}

.filesingle label {
    width: auto !important;
    border: 1px #f69dac solid;
    color: #f77087;
    padding: 10px 25px;
    border-radius: 10px
}

.filesingle .preview .previewUl .previewLi {
    list-style: none;
    display: block;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    padding: 5px;
    background: #fefafb
}

.filesingle .preview .previewUl {
    margin: 0;
    padding: 0
}

.filesingle .preview .previewUl .previewLi img {
    margin: 10px;
    border: 3px #e2dfdf solid;
    box-shadow: #00000029 0 1px 4px
}

.filesingle .fileBtnBox {
    text-align: end
}

.filesingle .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filesingle .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filesingle .horizontalprobar {
    display: none
}

.filesingle .uploadDocument {
    display: block
}

.filesingle .filenamesize {
    display: grid;
    justify-content: center;
    text-align: center
}

.filesingle .filenamesize span {
    font-size: 13px;
    font-weight: 500
}

.filesingle .filenamesize .imgsize {
    color: #959494;
    margin-top: 10px
}

.filesingle .horizontalprobar {
    min-width: 250px
}

.filewrapper1 .fileuploadDesign,
.filewrapper1.bottom .fileuploadDesign,
.filewrapper1.right .fileuploadDesign,
.filewrapper1.left .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #8a97f3 dashed
}

.filewrapper1,
.filewrapper1.bottom,
.filewrapper1.right,
.filewrapper1.left {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px
}

.filewrapper1 .afterBefore,
.filewrapper1.bottom .afterBefore,
.filewrapper1.right .afterBefore,
.filewrapper1.left .afterBefore {
    position: relative
}

.filewrapper1 .afterBefore:after,
.filewrapper1.bottom .afterBefore:after,
.filewrapper1.right .afterBefore:after,
.filewrapper1.left .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filewrapper1 .afterBefore:before,
.filewrapper1.bottom .afterBefore:before,
.filewrapper1.right .afterBefore:before,
.filewrapper1.left .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filewrapper1 .fileuploadinput,
.filewrapper1.bottom .fileuploadinput,
.filewrapper1.right .fileuploadinput,
.filewrapper1.left .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper1 .form_group_label,
.filewrapper1.bottom .form_group_label,
.filewrapper1.right .form_group_label,
.filewrapper1.left .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper1 .form_group_label .inputBox .form-control,
.filewrapper1.bottom .form_group_label .inputBox .form-control,
.filewrapper1.right .form_group_label .inputBox .form-control,
.filewrapper1.left .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper1 label,
.filewrapper1.bottom label,
.filewrapper1.right label,
.filewrapper1.left label {
    width: auto !important;
    border: 1px #4239d1 solid;
    color: #4239d1;
    background: #fff;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper1 .preview .previewUl .previewLi,
.filewrapper1.bottom .preview .previewUl .previewLi,
.filewrapper1.right .preview .previewUl .previewLi,
.filewrapper1.left .preview .previewUl .previewLi {
    list-style: none;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    justify-content: space-between;
    padding: 5px;
    overflow: auto
}

.filewrapper1 .preview .previewUl,
.filewrapper1.bottom .preview .previewUl,
.filewrapper1.right .preview .previewUl,
.filewrapper1.left .preview .previewUl {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow: auto;
    height: 100%
}

.filewrapper1 .preview .previewUl .previewLi img,
.filewrapper1.bottom .preview .previewUl .previewLi img,
.filewrapper1.right .preview .previewUl .previewLi img,
.filewrapper1.left .preview .previewUl .previewLi img {
    border-radius: 5px
}

.filewrapper1 .preview .previewUl .previewLi p,
.filewrapper1.bottom .preview .previewUl .previewLi p,
.filewrapper1.right .preview .previewUl .previewLi p,
.filewrapper1.left .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filewrapper1 .horizontalprobar .percentage,
.filewrapper1.bottom .horizontalprobar .percentage,
.filewrapper1.right .horizontalprobar .percentage,
.filewrapper1.left .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper1 .uploadDocument,
.filewrapper1.bottom .uploadDocument,
.filewrapper1.right .uploadDocument,
.filewrapper1.left .uploadDocument {
    display: flex
}

.filewrapper1 .filenamesize,
.filewrapper1.bottom .filenamesize,
.filewrapper1.right .filenamesize,
.filewrapper1.left .filenamesize {
    display: grid;
    text-align: left;
    margin-left: 10px
}

.filewrapper1 .filenamesize span,
.filewrapper1.bottom .filenamesize span,
.filewrapper1.right .filenamesize span,
.filewrapper1.left .filenamesize span {
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100px
}

.filewrapper1 .filenamesize .imgsize,
.filewrapper1.bottom .filenamesize .imgsize,
.filewrapper1.right .filenamesize .imgsize,
.filewrapper1.left .filenamesize .imgsize {
    color: #959494
}

.filewrapper1 .horizontalprobar,
.filewrapper1.bottom .horizontalprobar,
.filewrapper1.right .horizontalprobar,
.filewrapper1.left .horizontalprobar {
    min-width: 190px;
    margin: 10px
}

.filewrapper1.right {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center
}

.filewrapper1.right .fileuploadDesign {
    width: 100%
}

.filewrapper1.right .preview {
    margin-right: 20px
}

.filewrapper1.left {
    flex-direction: row;
    display: flex;
    align-items: center
}

.filewrapper1.left .fileuploadDesign {
    width: 100%
}

.filewrapper1.left .preview {
    margin-left: 20px
}

.filewrapper1.top {
    flex-direction: column-reverse;
    display: flex
}

.filewrapper1.top .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #8a97f3 dashed
}

.filewrapper1.top {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px
}

.filewrapper1.top .afterBefore {
    position: relative
}

.filewrapper1.top .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filewrapper1.top .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filewrapper1.top .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper1.top .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper1.top .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper1.top label {
    width: auto !important;
    border: 1px #4239d1 solid;
    color: #4239d1;
    background: #fff;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper1.top .preview .previewUl .previewLi {
    list-style: none;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    justify-content: space-between;
    padding: 5px;
    overflow: auto
}

.filewrapper1.top .preview .previewUl {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow: auto;
    height: 100%
}

.filewrapper1.top .preview .previewUl .previewLi img {
    border-radius: 5px
}

.filewrapper1.top .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filewrapper1.top .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper1.top .uploadDocument {
    display: flex
}

.filewrapper1.top .filenamesize {
    display: grid;
    text-align: left;
    margin-left: 10px
}

.filewrapper1.top .filenamesize span {
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100px
}

.filewrapper1.top .filenamesize .imgsize {
    color: #959494
}

.filewrapper1.top .horizontalprobar {
    min-width: 190px;
    margin: 10px
}

.filewrapper2 .fileuploadDesign,
.filewrapper2.bottom .fileuploadDesign,
.filewrapper2.right .fileuploadDesign,
.filewrapper2.left .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #f79eac dashed;
    background: #fefafb
}

.filewrapper2,
.filewrapper2.bottom,
.filewrapper2.right,
.filewrapper2.left {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px
}

.filewrapper2 .afterBefore,
.filewrapper2.bottom .afterBefore,
.filewrapper2.right .afterBefore,
.filewrapper2.left .afterBefore {
    position: relative
}

.filewrapper2 .afterBefore:after,
.filewrapper2.bottom .afterBefore:after,
.filewrapper2.right .afterBefore:after,
.filewrapper2.left .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filewrapper2 .afterBefore:before,
.filewrapper2.bottom .afterBefore:before,
.filewrapper2.right .afterBefore:before,
.filewrapper2.left .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filewrapper2 .fileuploadinput,
.filewrapper2.bottom .fileuploadinput,
.filewrapper2.right .fileuploadinput,
.filewrapper2.left .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper2 .form_group_label,
.filewrapper2.bottom .form_group_label,
.filewrapper2.right .form_group_label,
.filewrapper2.left .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper2 .form_group_label .inputBox .form-control,
.filewrapper2.bottom .form_group_label .inputBox .form-control,
.filewrapper2.right .form_group_label .inputBox .form-control,
.filewrapper2.left .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper2 label,
.filewrapper2.bottom label,
.filewrapper2.right label,
.filewrapper2.left label {
    border: 1px #f69dac solid;
    color: #f77087;
    width: auto !important;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper2 .preview .previewUl .previewLi,
.filewrapper2.bottom .preview .previewUl .previewLi,
.filewrapper2.right .preview .previewUl .previewLi,
.filewrapper2.left .preview .previewUl .previewLi {
    list-style: none;
    display: flex;
    align-items: center;
    background: #fefafb;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    justify-content: space-between;
    padding: 5px
}

.filewrapper2 .preview .previewUl,
.filewrapper2.bottom .preview .previewUl,
.filewrapper2.right .preview .previewUl,
.filewrapper2.left .preview .previewUl {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow: auto;
    height: 100%;
    overflow-x: hidden
}

.filewrapper2 .preview .previewUl .previewLi img,
.filewrapper2.bottom .preview .previewUl .previewLi img,
.filewrapper2.right .preview .previewUl .previewLi img,
.filewrapper2.left .preview .previewUl .previewLi img {
    border-radius: 5px
}

.filewrapper2 .preview .previewUl .previewLi p,
.filewrapper2.bottom .preview .previewUl .previewLi p,
.filewrapper2.right .preview .previewUl .previewLi p,
.filewrapper2.left .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filewrapper2 .horizontalprobar .percentage,
.filewrapper2.bottom .horizontalprobar .percentage,
.filewrapper2.right .horizontalprobar .percentage,
.filewrapper2.left .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper2 .horizontalprobar,
.filewrapper2.bottom .horizontalprobar,
.filewrapper2.right .horizontalprobar,
.filewrapper2.left .horizontalprobar {
    display: none
}

.filewrapper2 .uploadDocument,
.filewrapper2.bottom .uploadDocument,
.filewrapper2.right .uploadDocument,
.filewrapper2.left .uploadDocument {
    display: flex
}

.filewrapper2 .filenamesize,
.filewrapper2.bottom .filenamesize,
.filewrapper2.right .filenamesize,
.filewrapper2.left .filenamesize {
    display: grid;
    text-align: left;
    margin-left: 10px
}

.filewrapper2 .filenamesize span,
.filewrapper2.bottom .filenamesize span,
.filewrapper2.right .filenamesize span,
.filewrapper2.left .filenamesize span {
    font-size: 13px;
    font-weight: 500
}

.filewrapper2 .filenamesize .imgsize,
.filewrapper2.bottom .filenamesize .imgsize,
.filewrapper2.right .filenamesize .imgsize,
.filewrapper2.left .filenamesize .imgsize {
    color: #959494
}

.filewrapper2 .horizontalprobar,
.filewrapper2.bottom .horizontalprobar,
.filewrapper2.right .horizontalprobar,
.filewrapper2.left .horizontalprobar {
    min-width: 250px
}

.filewrapper2.right {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center
}

.filewrapper2.right .fileuploadDesign {
    width: 100%
}

.filewrapper2.right .preview .previewUl .previewLi {
    margin-right: 20px;
    min-width: 330px
}

.filewrapper2.left {
    display: flex;
    flex-direction: row;
    align-items: center
}

.filewrapper2.left .fileuploadDesign {
    width: 100%
}

.filewrapper2.left .preview .previewUl .previewLi {
    margin-left: 20px;
    min-width: 330px
}

.filewrapper2.top {
    flex-direction: column-reverse;
    display: flex
}

.filewrapper2.top .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #f79eac dashed;
    background: #fefafb
}

.filewrapper2.top {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px
}

.filewrapper2.top .afterBefore {
    position: relative
}

.filewrapper2.top .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filewrapper2.top .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filewrapper2.top .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper2.top .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper2.top .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper2.top label {
    border: 1px #f69dac solid;
    color: #f77087;
    width: auto !important;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper2.top .preview .previewUl .previewLi {
    list-style: none;
    display: flex;
    align-items: center;
    background: #fefafb;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    justify-content: space-between;
    padding: 5px
}

.filewrapper2.top .preview .previewUl {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow: auto;
    height: 100%
}

.filewrapper2.top .preview .previewUl .previewLi img {
    border-radius: 5px
}

.filewrapper2.top .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filewrapper2.top .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper2.top .horizontalprobar {
    display: none
}

.filewrapper2.top .uploadDocument {
    display: flex
}

.filewrapper2.top .filenamesize {
    display: grid;
    text-align: left;
    margin-left: 10px
}

.filewrapper2.top .filenamesize span {
    font-size: 13px;
    font-weight: 500
}

.filewrapper2.top .filenamesize .imgsize {
    color: #959494
}

.filewrapper2.top .horizontalprobar {
    min-width: 250px
}

.filewrapper3 .fileuploadDesign,
.filewrapper3.bottom .fileuploadDesign,
.filewrapper3.top .fileuploadDesign,
.filewrapper3.right .fileuploadDesign,
.filewrapper3.left .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #f79eac dashed;
    background: #fefafb
}

.filewrapper3,
.filewrapper3.bottom,
.filewrapper3.top,
.filewrapper3.right,
.filewrapper3.left {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    display: flex;
    justify-content: space-between
}

.filewrapper3 .afterBefore,
.filewrapper3.bottom .afterBefore,
.filewrapper3.top .afterBefore,
.filewrapper3.right .afterBefore,
.filewrapper3.left .afterBefore {
    position: relative
}

.filewrapper3 .afterBefore:after,
.filewrapper3.bottom .afterBefore:after,
.filewrapper3.top .afterBefore:after,
.filewrapper3.right .afterBefore:after,
.filewrapper3.left .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filewrapper3 .afterBefore:before,
.filewrapper3.bottom .afterBefore:before,
.filewrapper3.top .afterBefore:before,
.filewrapper3.right .afterBefore:before,
.filewrapper3.left .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filewrapper3 .fileuploadinput,
.filewrapper3.bottom .fileuploadinput,
.filewrapper3.top .fileuploadinput,
.filewrapper3.right .fileuploadinput,
.filewrapper3.left .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper3 .form_group_label,
.filewrapper3.bottom .form_group_label,
.filewrapper3.top .form_group_label,
.filewrapper3.right .form_group_label,
.filewrapper3.left .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper3 .form_group_label .inputBox .form-control,
.filewrapper3.bottom .form_group_label .inputBox .form-control,
.filewrapper3.top .form_group_label .inputBox .form-control,
.filewrapper3.right .form_group_label .inputBox .form-control,
.filewrapper3.left .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper3 label,
.filewrapper3.bottom label,
.filewrapper3.top label,
.filewrapper3.right label,
.filewrapper3.left label {
    border: 1px #f69dac solid;
    color: #f77087;
    width: auto !important;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper3 .preview .previewUl .previewLi,
.filewrapper3.bottom .preview .previewUl .previewLi,
.filewrapper3.top .preview .previewUl .previewLi,
.filewrapper3.right .preview .previewUl .previewLi,
.filewrapper3.left .preview .previewUl .previewLi {
    list-style: none;
    display: flex;
    align-items: center;
    background: #fefafb;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    justify-content: space-between;
    padding: 5px;
    overflow: auto
}

.filewrapper3 .preview .previewUl,
.filewrapper3.bottom .preview .previewUl,
.filewrapper3.top .preview .previewUl,
.filewrapper3.right .preview .previewUl,
.filewrapper3.left .preview .previewUl {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow: auto
}

.filewrapper3 .preview .previewUl .previewLi img,
.filewrapper3.bottom .preview .previewUl .previewLi img,
.filewrapper3.top .preview .previewUl .previewLi img,
.filewrapper3.right .preview .previewUl .previewLi img,
.filewrapper3.left .preview .previewUl .previewLi img {
    border-radius: 5px
}

.filewrapper3 .preview .previewUl .previewLi p,
.filewrapper3.bottom .preview .previewUl .previewLi p,
.filewrapper3.top .preview .previewUl .previewLi p,
.filewrapper3.right .preview .previewUl .previewLi p,
.filewrapper3.left .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filewrapper3 .horizontalprobar .percentage,
.filewrapper3.bottom .horizontalprobar .percentage,
.filewrapper3.top .horizontalprobar .percentage,
.filewrapper3.right .horizontalprobar .percentage,
.filewrapper3.left .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper3 .horizontalprobar,
.filewrapper3.bottom .horizontalprobar,
.filewrapper3.top .horizontalprobar,
.filewrapper3.right .horizontalprobar,
.filewrapper3.left .horizontalprobar {
    display: none
}

.filewrapper3 .preview,
.filewrapper3.bottom .preview,
.filewrapper3.top .preview,
.filewrapper3.right .preview,
.filewrapper3.left .preview {
    width: calc(100% - 300px);
    margin-left: 30px
}

.filewrapper3 .fileuploadDesign,
.filewrapper3.bottom .fileuploadDesign,
.filewrapper3.top .fileuploadDesign,
.filewrapper3.right .fileuploadDesign,
.filewrapper3.left .fileuploadDesign {
    width: 400px
}

.filewrapper3 .uploadDocument,
.filewrapper3.bottom .uploadDocument,
.filewrapper3.top .uploadDocument,
.filewrapper3.right .uploadDocument,
.filewrapper3.left .uploadDocument {
    display: flex
}

.filewrapper3 .filenamesize,
.filewrapper3.bottom .filenamesize,
.filewrapper3.top .filenamesize,
.filewrapper3.right .filenamesize,
.filewrapper3.left .filenamesize {
    display: grid;
    text-align: left;
    margin-left: 10px
}

.filewrapper3 .filenamesize span,
.filewrapper3.bottom .filenamesize span,
.filewrapper3.top .filenamesize span,
.filewrapper3.right .filenamesize span,
.filewrapper3.left .filenamesize span {
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 180px
}

.filewrapper3 .filenamesize .imgsize,
.filewrapper3.bottom .filenamesize .imgsize,
.filewrapper3.top .filenamesize .imgsize,
.filewrapper3.right .filenamesize .imgsize,
.filewrapper3.left .filenamesize .imgsize {
    color: #959494
}

.filewrapper3 .horizontalprobar,
.filewrapper3.bottom .horizontalprobar,
.filewrapper3.top .horizontalprobar,
.filewrapper3.right .horizontalprobar,
.filewrapper3.left .horizontalprobar {
    min-width: 250px
}

.filewrapper3.top {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    display: flex;
    flex-direction: column-reverse
}

.filewrapper3.top .fileuploadDesign {
    width: 100%
}

.filewrapper3.top .preview {
    width: 100%;
    margin-left: 0
}

.filewrapper3.bottom {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    display: flex;
    flex-direction: column
}

.filewrapper3.bottom .fileuploadDesign {
    width: 100%
}

.filewrapper3.bottom .preview {
    width: 100%;
    margin-left: 0
}

.filewrapper3.right {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center
}

.filewrapper3.right .preview {
    margin-right: 30px;
    margin-left: 0
}

.filewrapper3.left {
    display: flex;
    flex-direction: row;
    align-items: center
}

.filewrapper3.left .preview {
    margin-left: 30px
}

.filewrapper4 .fileuploadDesign,
.filewrapper4.top .fileuploadDesign,
.filewrapper4.bottom .fileuploadDesign,
.filewrapper4.left .fileuploadDesign,
.filewrapper4.right .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #92cfd3 dashed;
    background: #e5f4f5
}

.filewrapper4,
.filewrapper4.top,
.filewrapper4.bottom,
.filewrapper4.left,
.filewrapper4.right {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    display: flex;
    justify-content: space-between
}

.filewrapper4 .afterBefore,
.filewrapper4.top .afterBefore,
.filewrapper4.bottom .afterBefore,
.filewrapper4.left .afterBefore,
.filewrapright.right .afterBefore {
    position: relative
}

.filewrapper4 .afterBefore:after,
.filewrapper4.top .afterBefore:after,
.filewrapper4.bottom .afterBefore:after,
.filewrapper4.left .afterBefore:after,
.filewrapper4.right .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 1px
}

.filewrapper4 .afterBefore:before,
.filewrapper4.top .afterBefore:before,
.filewrapper4.bottom .afterBefore:before,
.filewrapper4.left .afterBefore:before,
.filewrapper4.right .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 1px
}

.filewrapper4 .fileuploadinput,
.filewrapper4.top .fileuploadinput,
.filewrapper4.bottom .fileuploadinput,
.filewrapper4.left .fileuploadinput,
.filewrapper4.right .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper4 .form_group_label,
.filewrapper4.top .form_group_label,
.filewrapper4.bottom .form_group_label,
.filewrapper4.left .form_group_label,
.filewrapper4.right .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper4 .form_group_label .inputBox .form-control,
.filewrapper4.top .form_group_label .inputBox .form-control,
.filewrapper4.bottom .form_group_label .inputBox .form-control,
.filewrapper4.left .form_group_label .inputBox .form-control,
.filewrapper4.right .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper4 label,
.filewrapper4.top label,
.filewrapper4.bottom label,
.filewrapper4.left label,
.frightrapper4.right label {
    width: auto !important;
    border: 1px #91cfd2 solid;
    color: #213b3c;
    background: #fff;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper4 .preview .previewUl .previewLi,
.filewrapper4.top .preview .previewUl .previewLi,
.filewrapper4.bottom .preview .previewUl .previewLi,
.filewrapper4.left .preview .previewUl .previewLi,
.filewrapper4.right .previewrighteviewUl .previewLi {
    list-style: none;
    background: #fefafb;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    padding: 30px 7px 10px;
    width: 48%;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    position: relative
}

.filewrapper4 .preview .previewUl,
.filewrapper4.top .preview .previewUl,
.filewrapper4.bottom .preview .previewUl,
.filewrapper4.left .preview .previewUl,
.filewrapper4.right .preview .previewUl {
    margin: 0;
    padding: 0;
    text-align: left;
    max-height: 315px;
    overflow-y: auto !important;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.filewrapper4 .preview .previewUl .previewLi img,
.filewrapper4.top .preview .previewUl .previewLi img,
.filewrapper4.bottom .preview .previewUl .previewLi img,
.filewrapper4.left .preview .previewUl .previewLi img,
.filewrapper4.right .preview .prrightwUl .previewLi img {
    border-radius: 5px
}

.filewrapper4 .preview .previewUl .previewLi,
.filewrapper4.top .preview .previewUl .previewLi,
.filewrapper4.bottom .preview .previewUl .previewLi,
.filewrapper4.left .preview .previewUl .previewLi,
.filewrapper4.right .preview .previewUl .previewLi {
    margin-bottom: 0
}

.filewrapper4 .horizontalprobar .percentage,
.filewrapper4.top .horizontalprobar .percentage,
.filewrapper4.bottom .horizontalprobar .percentage,
.filewrapper4.left .horizontalprobar .percentage,
.filewrapper4.right .horizorightprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper4 .horizontalprobar,
.filewrapper4.top .horizontalprobar,
.filewrapper4.bottom .horizontalprobar,
.filewrapper4.left .horizontalprobar,
.filewrapper4.right .horizontalprobar {
    display: none
}

.filewrapper4 .preview,
.filewrapper4.top .preview,
.filewrapper4.bottom .preview,
.filewrapper4.left .preview,
.filewrapper4.right .preview {
    width: calc(100% - 330px);
    margin-left: 10px
}

.filewrapper4 .fileuploadDesign,
.filewrapper4.top .fileuploadDesign,
.filewrapper4.bottom .fileuploadDesign,
.filewrapper4.left .fileuploadDesign,
.filewrapper4.right .fileuploadDesign {
    width: 330px
}

.filewrapper4 .uploadDocument,
.filewrapper4.top .uploadDocument,
.filewrapper4.bottom .uploadDocument,
.filewrapper4.left .uploadDocument,
.filewrapperrightft .uploadDocument {
    display: block;
    align-items: flex-start;
    justify-content: center
}

.filewrapper4 .filenamesize,
.filewrapper4.top .filenamesize,
.filewrapper4.bottom .filenamesize,
.filewrapper4.left .filenamesize,
.filewrapper4.right .filenamesize {
    display: flex;
    justify-content: center
}

.filewrapper4 .filenamesize span,
.filewrapper4.top .filenamesize span,
.filewrapper4.bottom .filenamesize span,
.filewrapper4.left .filenamesize span,
.filewrapper4.right .filenamesize span {
    font-size: 13px;
    font-weight: 500;
    word-break: break-all;
    padding: 10px 0
}

.filewrapper4 .filenamesize .imgsize,
.filewrapper4.top .filenamesize .imgsize,
.filewrapper4.bottom .filenamesize .imgsize,
.filewrapper4.left .filenamesize .imgsize,
.filewrapper4.right .filenamesize .imgsize {
    color: #959494;
    position: absolute;
    top: 2px;
    left: 6px;
    padding: 0
}

.filewrapper4 .horizontalprobar,
.filewrapper4.top .horizontalprobar,
.filewrapper4.bottom .horizontalprobar,
.filewrapper4.left .horizontalprobar,
.filewrapper4.right .horizontalprobar {
    min-width: 250px
}

.filewrapper4 .fileBtnBox,
.filewrapper4.top .fileBtnBox,
.filewrapper4.bottom .fileBtnBox,
.filewrapper4.left .fileBtnBox,
.filewraright4.right .fileBtnBox {
    position: absolute;
    top: 2px;
    right: 6px
}

.filewrapper4.top {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse
}

.filewrapper4 .preview,
.filewrapper4.top .preview,
.filewrapper4 .fileuploadDesign,
.filewrapper4.top .fileuploadDesign,
.filewrapper4.bottom .fileuploadDesign {
    width: 100%
}

.filewrapper4.bottom .preview {
    width: 100%;
    margin-left: 0
}

.filewrapper4.bottom {
    flex-direction: column
}

.filewrapper4.right {
    flex-direction: row-reverse;
    align-items: center
}

.filewrapper4.right .fileuploadDesign {
    width: 100%
}

.filewrapper4.right .preview {
    margin-right: 10px;
    margin-left: 0
}

.filewrapper4.right .preview .previewUl .previewLi {
    width: 100%
}

.filewrapper4.left {
    display: flex;
    flex-direction: row;
    align-items: center
}

.filewrapper4.left .preview {
    margin-left: 30px
}

.filewrapper5 .fileuploadDesign,
.filewrapper5.top .fileuploadDesign,
.filewrapper5.bottom .fileuploadDesign,
.filewrapper5.left .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #f79eac dashed;
    background: #fefafb
}

.filewrapper5,
.filewrapper5.top,
.filewrapper5.bottom,
.filewrapper5.left {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    display: flex;
    justify-content: space-between
}

.filewrapper5 .afterBefore,
.filewrapper5.top .afterBefore,
.filewrapper5.bottom .afterBefore,
.filewrapper5.left .afterBefore {
    position: relative
}

.filewrapper5 .afterBefore:after,
.filewrapper5.top .afterBefore:after,
.filewrapper5.bottom .afterBefore:after,
.filewrapper5.left .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filewrapper5 .afterBefore:before,
.filewrapper5.top .afterBefore:before,
.filewrapper5.bottom .afterBefore:before,
.filewrapper5.left .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filewrapper5 .fileuploadinput,
.filewrapper5.top .fileuploadinput,
.filewrapper5.bottom .fileuploadinput,
.filewrapper5.left .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper5 .form_group_label,
.filewrapper5.top .form_group_label,
.filewrapper5.bottom .form_group_label,
.filewrapper5.left .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper5 .form_group_label .inputBox .form-control,
.filewrapper5.top .form_group_label .inputBox .form-control,
.filewrapper5.bottom .form_group_label .inputBox .form-control,
.filewrapper5.left .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper5 label,
.filewrapper5.top label,
.filewrapper5.bottom label,
.filewrapper5.left label {
    border: 1px #f69dac solid;
    color: #f77087;
    width: auto !important;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper5 .preview .previewUl .previewLi,
.filewrapper5.top .preview .previewUl .previewLi,
.filewrapper5.bottom .preview .previewUl .previewLi,
.filewrapper5.left .preview .previewUl .previewLi {
    list-style: none;
    display: inline-flex;
    align-items: center;
    background: #fefafb;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    padding: 26px 5px 5px;
    width: 49%;
    margin-left: 1%;
    position: relative
}

.filewrapper5 .fileBtnBox,
.filewrapper5.top .fileBtnBox,
.filewrapper5.bottom .fileBtnBox,
.filewrapper5.left .fileBtnBox {
    position: absolute;
    top: 3px;
    right: 5px
}

.filewrapper5 .preview .previewUl,
.filewrapper5.top .preview .previewUl,
.filewrapper5.bottom .preview .previewUl,
.filewrapper5.left .preview .previewUl {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow: auto;
    height: 100%;
    display: flex;
    flex-wrap: wrap
}

.filewrapper5 .preview .previewUl .previewLi img,
.filewrapper5.top .preview .previewUl .previewLi img,
.filewrapper5.bottom .preview .previewUl .previewLi img,
.filewrapper5.left .preview .previewUl .previewLi img {
    border-radius: 5px
}

.filewrapper5 .preview .previewUl .previewLi p,
.filewrapper5.top .preview .previewUl .previewLi p,
.filewrapper5.bottom .preview .previewUl .previewLi p,
.filewrapper5.left .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filewrapper5 .horizontalprobar .percentage,
.filewrapper5.top .horizontalprobar .percentage,
.filewrapper5.bottom .horizontalprobar .percentage,
.filewrapper5.left .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper5 .horizontalprobar,
.filewrapper5.top .horizontalprobar,
.filewrapper5.bottom .horizontalprobar,
.filewrapper5.left .horizontalprobar {
    display: none
}

.filewrapper5 .preview,
.filewrapper5.top .preview,
.filewrapper5.bottom .preview,
.filewrapper5.left .preview {
    width: calc(100% - 330px);
    margin-left: 10px;
    text-align: left
}

.filewrapper5 .fileuploadDesign,
.filewrapper5.top .fileuploadDesign,
.filewrapper5.bottom .fileuploadDesign,
.filewrapper5.left .fileuploadDesign {
    width: 330px
}

.filewrapper5 .uploadDocument,
.filewrapper5.top .uploadDocument,
.filewrapper5.bottom .uploadDocument,
.filewrapper5.left .uploadDocument {
    display: flex
}

.filewrapper5 .filenamesize,
.filewrapper5.top .filenamesize,
.filewrapper5.bottom .filenamesize,
.filewrapper5.left .filenamesize {
    display: grid;
    text-align: left;
    margin-left: 10px
}

.filewrapper5 .filenamesize span,
.filewrapper5.top .filenamesize span,
.filewrapper5.bottom .filenamesize span,
.filewrapper5.left .filenamesize span {
    font-size: 11px;
    font-weight: 600;
    word-break: break-all
}

.filewrapper5 .filenamesize .imgsize,
.filewrapper5.top .filenamesize .imgsize,
.filewrapper5.bottom .filenamesize .imgsize,
.filewrapper5.left .filenamesize .imgsize {
    color: #959494;
    position: absolute;
    top: 5px;
    left: 8px
}

.filewrapper5 .horizontalprobar,
.filewrapper5.top .horizontalprobar,
.filewrapper5.bottom .horizontalprobar,
.filewrapper5.left .horizontalprobar {
    min-width: 250px
}

.filewrapper5.top,
.filewrapper5.bottom {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    display: flex;
    flex-direction: column-reverse
}

.filewrapper5.top .fileuploadDesign,
.filewrapper5.bottom .fileuploadDesign {
    width: 100%
}

.filewrapper5.top .preview,
.filewrapper5.bottom .preview {
    width: 100%;
    margin-left: 0;
    text-align: left
}

.filewrapper5.top .preview .previewUl .previewLi,
.filewrapper5.bottom .preview .previewUl .previewLi {
    width: 100%;
    margin-left: 0
}

.filewrapper5.bottom {
    flex-direction: column
}

.filewrapper5.left {
    display: flex;
    flex-direction: row;
    align-items: center
}

.filewrapper5.left .preview {
    margin-left: 30px
}

.filewrapper5.right {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.filewrapper5.right .preview {
    width: calc(100% - 300px);
    margin-right: 30px
}

.filewrapper5.right .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #f79eac dashed;
    background: #fefafb
}

.filewrapper5.right {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    display: flex;
    justify-content: space-between
}

.filewrapper5.right .afterBefore {
    position: relative
}

.filewrapper5.right .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filewrapper5.right .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filewrapper5.right .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper5.right .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper5.right .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper5.right label {
    border: 1px #f69dac solid;
    color: #f77087;
    width: auto !important;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper5.right .preview .previewUl .previewLi {
    list-style: none;
    display: inline-flex;
    align-items: center;
    background: #fefafb;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    padding: 26px 5px 5px;
    width: 49%;
    margin-left: 1%;
    position: relative
}

.filewrapper5.right .fileBtnBox {
    position: absolute;
    top: 3px;
    right: 5px
}

.filewrapper5.right .preview .previewUl {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow: auto;
    height: 100%;
    display: flex;
    flex-wrap: wrap
}

.filewrapper5.right .preview .previewUl .previewLi img {
    border-radius: 5px
}

.filewrapper5.right .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filewrapper5.right .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper5.right .horizontalprobar {
    display: none
}

.filewrapper5.right .preview {
    width: calc(100% - 330px);
    margin-left: 10px;
    text-align: left
}

.filewrapper5.right .fileuploadDesign {
    width: 330px
}

.filewrapper5.right .uploadDocument {
    display: flex
}

.filewrapper5.right .filenamesize {
    display: grid;
    text-align: left;
    margin-left: 10px
}

.filewrapper5.right .filenamesize span {
    font-size: 11px;
    font-weight: 600;
    word-break: break-all
}

.filewrapper5.right .filenamesize .imgsize {
    color: #959494;
    position: absolute;
    top: 5px;
    left: 8px
}

.filewrapper5.right .horizontalprobar {
    min-width: 250px
}

.filewrapper6 .fileuploadDesign,
.filewrapper6.bottom .fileuploadDesign,
.filewrapper6.top .fileuploadDesign,
.filewrapper6.right .fileuploadDesign,
.filewrapper6.left .fileuploadDesign {
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px;
    padding: 22px;
    border: 2px #f79eac dashed;
    background: #fefafb
}

.filewrapper6,
.filewrapper6.bottom,
.filewrapper6.top,
.filewrapper6.right,
.filewrapper6.left {
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    box-shadow: #63636333 0 2px 8px
}

.filewrapper6 .afterBefore,
.filewrapper6.bottom .afterBefore,
.filewrapper6.top .afterBefore,
.filewrapper6.right .afterBefore,
.filewrapper6.left .afterBefore {
    position: relative
}

.filewrapper6 .afterBefore:after,
.filewrapper6.bottom .afterBefore:after,
.filewrapper6.top .afterBefore:after,
.filewrapper6.right .afterBefore:after,
.filewrapper6.left .afterBefore:after {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    left: 30px
}

.filewrapper6 .afterBefore:before,
.filewrapper6.bottom .afterBefore:before,
.filewrapper6.top .afterBefore:before,
.filewrapper6.right .afterBefore:before,
.filewrapper6.left .afterBefore:before {
    content: "";
    position: absolute;
    width: 42%;
    height: 1px;
    background: #dfdfdf;
    top: 12px;
    right: 30px
}

.filewrapper6 .fileuploadinput,
.filewrapper6.bottom .fileuploadinput,
.filewrapper6.top .fileuploadinput,
.filewrapper6.right .fileuploadinput,
.filewrapper6.left .fileuploadinput {
    display: flex;
    justify-content: center
}

.filewrapper6 .form_group_label,
.filewrapper6.bottom .form_group_label,
.filewrapper6.top .form_group_label,
.filewrapper6.right .form_group_label,
.filewrapper6.left .form_group_label {
    display: flex;
    width: auto;
    padding-right: 0
}

.filewrapper6 .form_group_label .inputBox .form-control,
.filewrapper6.bottom .form_group_label .inputBox .form-control,
.filewrapper6.top .form_group_label .inputBox .form-control,
.filewrapper6.right .form_group_label .inputBox .form-control,
.filewrapper6.left .form_group_label .inputBox .form-control {
    display: none
}

.filewrapper6 label,
.filewrapper6.bottom label,
.filewrapper6.top label,
.filewrapper6.right label,
.filewrapper6.left label {
    border: 1px #f69dac solid;
    color: #f77087;
    width: auto !important;
    padding: 10px 25px;
    border-radius: 10px
}

.filewrapper6 .preview .previewUl .previewLi,
.filewrapper6.bottom .preview .previewUl .previewLi,
.filewrapper6.top .preview .previewUl .previewLi,
.filewrapper6.right .preview .previewUl .previewLi,
.filewrapper6.left .preview .previewUl .previewLi {
    list-style: none;
    display: flex;
    align-items: center;
    background: #fefafb;
    border: 1px #dbe0e4 solid;
    border-radius: 10px;
    box-shadow: #63636333 0 2px 8px;
    margin-top: 10px;
    justify-content: space-between;
    padding: 5px
}

.filewrapper6 .preview .previewUl,
.filewrapper6.bottom .preview .previewUl,
.filewrapper6.top .preview .previewUl,
.filewrapper6.right .preview .previewUl,
.filewrapper6.left .preview .previewUl {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow: auto;
    height: 100%;
    overflow-x: hidden
}

.filewrapper6 .preview .previewUl .previewLi img,
.filewrapper6.bottom .preview .previewUl .previewLi img,
.filewrapper6.top .preview .previewUl .previewLi img,
.filewrapper6.right .preview .previewUl .previewLi img,
.filewrapper6.left .preview .previewUl .previewLi img {
    border-radius: 50px;
    border: 2px #d9d9d9 solid
}

.filewrapper6 .preview .previewUl .previewLi p,
.filewrapper6.bottom .preview .previewUl .previewLi p,
.filewrapper6.top .preview .previewUl .previewLi p,
.filewrapper6.right .preview .previewUl .previewLi p,
.filewrapper6.left .preview .previewUl .previewLi p {
    margin-bottom: 0
}

.filewrapper6 .horizontalprobar .percentage,
.filewrapper6.bottom .horizontalprobar .percentage,
.filewrapper6.top .horizontalprobar .percentage,
.filewrapper6.right .horizontalprobar .percentage,
.filewrapper6.left .horizontalprobar .percentage {
    font-size: 0px;
    font-weight: 700;
    height: 7px
}

.filewrapper6 .horizontalprobar,
.filewrapper6.bottom .horizontalprobar,
.filewrapper6.top .horizontalprobar,
.filewrapper6.right .horizontalprobar,
.filewrapper6.left .horizontalprobar {
    display: none
}

.filewrapper6 .uploadDocument,
.filewrapper6.bottom .uploadDocument,
.filewrapper6.top .uploadDocument,
.filewrapper6.right .uploadDocument,
.filewrapper6.left .uploadDocument {
    display: flex
}

.filewrapper6 .filenamesize,
.filewrapper6.bottom .filenamesize,
.filewrapper6.top .filenamesize,
.filewrapper6.right .filenamesize,
.filewrapper6.left .filenamesize {
    display: grid;
    text-align: left;
    margin-left: 10px
}

.filewrapper6 .filenamesize span,
.filewrapper6.bottom .filenamesize span,
.filewrapper6.top .filenamesize span,
.filewrapper6.right .filenamesize span,
.filewrapper6.left .filenamesize span {
    font-size: 13px;
    font-weight: 500;
    color: #ff5b79
}

.filewrapper6 .fileBtnBox,
.filewrapper6.bottom .fileBtnBox,
.filewrapper6.top .fileBtnBox,
.filewrapper6.right .fileBtnBox,
.filewrapper6.left .fileBtnBox {
    background: #fbe7e7;
    padding: 5px;
    border-radius: 10px;
    align-items: center;
    display: flex;
    border: 1px #d9d7d7 solid
}

.filewrapper6 .filenamesize .imgsize,
.filewrapper6.bottom .filenamesize .imgsize,
.filewrapper6.top .filenamesize .imgsize,
.filewrapper6.right .filenamesize .imgsize,
.filewrapper6.left .filenamesize .imgsize {
    color: #959494
}

.filewrapper6 .horizontalprobar,
.filewrapper6.bottom .horizontalprobar,
.filewrapper6.top .horizontalprobar,
.filewrapper6.right .horizontalprobar,
.filewrapper6.left .horizontalprobar {
    min-width: 250px
}

.filewrapper6.right .preview .previewUl .previewLi {
    width: 100%;
    min-width: 330px
}

.filewrapper6.right {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center
}

.filewrapper6.right .preview {
    margin-right: 20px
}

.filewrapper6.right .fileuploadDesign {
    width: 100%
}

.filewrapper6.left {
    display: flex;
    flex-direction: row;
    align-items: center
}

.filewrapper6.left .preview {
    margin-left: 30px
}

.filewrapper6.left .preview .previewUl .previewLi {
    min-width: 330px;
    width: 100%
}

.filewrapper6.left .fileuploadDesign {
    width: 100%
}

.filewrapper6.top {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.filewrapper6.top {
    display: flex;
    flex-direction: column-reverse
}

.filewrapper1 .fileBtnBox,
.filewrapper2 .fileBtnBox,
.filewrapper3 .fileBtnBox {
    display: flex
}

.filewrapper1.previewonTop,
.filewrapper2.previewonTop,
.filewrapper6.previewonTop {
    flex-direction: column-reverse;
    display: flex
}

.filewrapper3.previewonRight,
.filewrapper5.previewonRight {
    display: flex;
    flex-direction: row-reverse
}

.filewrapper3.previewonRight .preview {
    width: calc(100% - 300px);
    margin-right: 30px
}

@media only screen and (max-width: 1198px) {
    .filewrapper4 .preview .previewUl .previewLi {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {

    .filewrapper3,
    .filewrapper3.right,
    .filewrapper3.bottom .filewrapper3.top,
    .filewrapper4.right,
    .filewrapper5.right {
        display: block
    }

    .filewrapper3.right .preview,
    .filewrapper3.bottom .preview,
    .filewrapper3.top .preview,
    .filewrapper5.top .preview,
    .filewrapper5.bottom .preview,
    .filewrapper4.right .preview,
    .filewrapper5.right .preview {
        width: 100%
    }

    .filewrapper3.right .fileuploadDesign,
    .filewrapper3.bottom .fileuploadDesign,
    .filewrapper3.top .fileuploadDesign,
    n .filewrapper5.top .fileuploadDesign,
    .filewrapper5.bottom .fileuploadDesign,
    .filewrapper5.right .fileuploadDesign {
        width: 100%
    }

    .filewrapper3.right .preview,
    .filewrapper3.bottom .preview,
    .filewrapper3.top .preview,
    .filewrapper5.top .preview,
    .filewrapper5.bottom .preview,
    .filewrapper5.right .preview {
        margin: 0
    }

    .filewrapper2 .filenamesize span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 200px
    }

    .filewrapper3 .preview,
    .filewrapper3.bottom .preview,
    .filewrapper3.top .preview {
        width: 100%;
        margin-left: 0
    }

    .filewrapper4 {
        display: block
    }

    .filewrapper4 .fileuploadDesign {
        width: 100%
    }

    .filewrapper4 .preview {
        width: 100%;
        margin-left: 0
    }

    .filewrapper4 .preview .previewUl {
        height: 100%;
        overflow-y: auto !important;
        overflow: hidden;
        max-height: 250px
    }

    .filewrapper4 .preview .previewUl .previewLi {
        width: 100%;
        display: flex;
        margin-left: 0;
        margin-right: 0;
        justify-content: space-between;
        align-items: center
    }

    .filewrapper4 .uploadDocument {
        display: flex;
        align-items: flex-start
    }

    .filewrapper4 .preview .previewUl .previewLi img {
        width: 50px !important;
        height: 50px !important
    }

    .filewrapper3 .fileuploadDesign,
    .filewrapper3.bottom .fileuploadDesign,
    .filewrapper3.top .fileuploadDesign {
        width: 100%
    }

    .filewrapper1 .horizontalprobar,
    .filewrapper1.right .horizontalprobar,
    .filewrapper1.top .horizontalprobar {
        min-width: 100px
    }

    .filewrapper5 .fileuploadDesign,
    .filewrapper5.top .fileuploadDesig,
    .filewrapper5.bottom .fileuploadDesign,
    .filewrapper5.right .fileuploadDesign {
        width: 100%
    }

    .filewrapper5 .preview,
    .filewrapper5.top .previe,
    .filewrapper5.bottom .preview,
    .filewrapper5.right .preview {
        width: 100%;
        margin-left: 0
    }

    .filewrapper5,
    .filewrapper5.to,
    .filewrapper5.bottom,
    .filewrapper5.right {
        display: block
    }

    .filewrapper5 .preview .previewUl .previewLi,
    .filewrapper5.top .preview .previewUl .previewL,
    .filewrapper5.bottom .preview .previewUl .previewLi,
    .filewrapper5.right .preview .previewUl .previewLi {
        width: 100%
    }

    .filewrapper5 .filenamesize,
    .filewrapper5.top .filenamesiz,
    .filewrapper5.bottom .filenamesize,
    .filewrapper5.right .filenamesize {
        align-items: center
    }

    .filesingle .upfilename {
        padding: 10px 40px
    }

    .filewrapper1.top .upfilename {
        padding: 0
    }

    .filewrapper1.top .fileBtnBox {
        display: flex
    }

    .filewrapper4 .filenamesize span {
        padding: 10px
    }

    .filewrapper4 .preview .previewUl .previewLi {
        width: 100%
    }

    .filewrapper1.right {
        display: block
    }

    .filewrapper1.right .preview {
        margin: 0
    }

    .previewonRight2 {
        display: block
    }

    .previewonRight2 .preview .previewUl .previewLi {
        width: 100%;
        margin-right: 0
    }

    .filewrapper6.right {
        display: block
    }

    .filewrapper6.right .preview {
        margin-right: 0
    }

    .filewrapper2.right {
        display: block
    }

    .filewrapper2.right .preview .previewUl .previewLi {
        margin-right: 0
    }

    .filewrapper6.right {
        flex-direction: column
    }

    .filewrapper1.left,
    .filewrapper2.left,
    .filewrapper3.left,
    .filewrapper4.left,
    .filewrapper5.left,
    .filewrapper6.left {
        display: block
    }

    .filewrapper1.left .preview,
    .filewrapper2.left .preview,
    .filewrapper3.left .preview,
    .filewrapper4.left .preview,
    .filewrapper5.left .preview,
    .filewrapper6.left .preview {
        margin-left: 0;
        width: 100%
    }

    .filewrapper1.left .preview .previewUl .previewLi,
    .filewrapper2.left .preview .previewUl .previewLi,
    .filewrapper3.left .preview .previewUl .previewLi,
    .filewrapper4.left .preview .previewUl .previewLi,
    .filewrapper5.left .preview .previewUl .previewLi,
    .filewrapper6.left .preview .previewUl .previewLi {
        width: 100%;
        margin-left: 0
    }

    .filewrapper1.left .fileuploadDesign,
    .filewrapper2.left .fileuploadDesign,
    .filewrapper3.left .fileuploadDesign,
    .filewrapper4.left .fileuploadDesign,
    .filewrapper5.left .fileuploadDesign,
    .filewrapper6.left .fileuploadDesign {
        width: 100%
    }

    .filewrapper4,
    .filewrapper4.top {
        flex-direction: column-reverse
    }

    .filewrapper4 .preview,
    .filewrapper4.top .preview {
        margin-left: 0
    }

    .filewrapper4.top .preview .previewUl .previewLi,
    .filewrapper4.bottom .preview .previewUl .previewLi {
        width: 100%
    }
}

.hrline1 {
    background: #000;
    border: 0;
    height: 2px;
    position: relative;
    opacity: 1;
    box-sizing: content-box;
    overflow: visible
}

.hrline1:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 6px;
    background: #e95c30;
    width: 60px;
    margin: 0 auto
}

.hrline2 {
    background: #e95c30;
    border: 0;
    height: 2px;
    opacity: 1;
    box-sizing: content-box;
    overflow: visible
}

.hrline3 {
    border-bottom: dashed 2px #000 !important;
    border: 0;
    height: 2px;
    opacity: 1;
    box-sizing: content-box;
    overflow: visible
}

.hrline4 {
    background: #000;
    border: 0;
    height: 2px;
    position: relative;
    opacity: 1;
    box-sizing: content-box;
    overflow: visible
}

.hrline4:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 13px;
    background: #e95c30;
    width: 13px;
    margin: 0 auto;
    border-radius: 50px
}

.hrline5 {
    position: relative;
    border: none;
    height: 1px;
    opacity: 1;
    padding: 6px 0
}

.hrline5:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 6px;
    background-image: repeating-linear-gradient(135deg, #63abde 0px, #63abde 7px, transparent 7px, transparent 14px), repeating-linear-gradient(45deg, #265fdd 0px, #265fdd 7px, transparent 7px, transparent 14px), repeating-linear-gradient(135deg, #fff 0px 7px, #fff 7px 14px)
}

.timeline:before {
    content: "";
    display: block;
    position: absolute;
    top: 37px;
    left: 50%;
    border-left: 1px solid #eaeaea;
    height: 85%;
    transform: translate(-50%)
}

.timeline-nodes:nth-child(odd) h3:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 0
}

.timeline-nodes:nth-child(2n) h3:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    width: 0
}

.timeline-nodes .firstDivs:after {
    border-left: 10px solid #41516c;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.timeline-nodes .secondDivs:after {
    border-right: 10px solid #fbca3e;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.timeline-nodes .thirdDivs:after {
    border-left: 10px solid #e24a68;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.timeline-nodes .fourDivs:after {
    border-right: 10px solid #1b5f8c;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.timeline-nodes .fiveDivs:after {
    border-left: 10px solid #4cadad;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.timeline-icons:before {
    content: "";
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 1rem 3rem #0000002d
}

.timeline-icons.firstDiv:before {
    background-color: #41516c
}

.timeline-icons.secondDiv:before {
    background-color: #fbca3e
}

.timeline-icons.thirdDiv:before {
    background-color: #e24a68
}

.timeline-icons.fourDiv:before {
    background-color: #1b5f8c
}

.timeline-icons.fiveDiv:before {
    background-color: #4cadad
}

.timeline-icon {
    color: #fff
}

.timeline-content:hover {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.iconEffect {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-2px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-2px)
    }
}

.timeline-icons {
    transition: ease all .5s
}

.timeline-icons:hover {
    transform: scale(1.1)
}

.timeline-nodes:nth-child(2n) {
    flex-direction: row-reverse
}

@media (max-width:767px) {
    .timeline:before {
        top: 60px;
        left: 30px;
        height: 87%
    }

    .timeline-nodes:nth-child(odd) h3,
    .timeline-nodes:nth-child(odd) p {
        text-align: left !important
    }

    .timeline-nodes .firstDivs:after {
        left: auto !important;
        border-left: 0;
        right: 100%;
        border-right: 10px solid #41516c;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes .secondDivs:after {
        left: auto;
        border-right: 10px solid #fbca3e;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes .thirdDivs:after {
        left: auto !important;
        border-left: 0;
        right: 100%;
        border-right: 10px solid #e24a68;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes .fourDivs:after {
        left: auto;
        border-right: 10px solid #1b5f8c;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes .fiveDivs:after {
        left: auto !important;
        border-left: 0;
        right: 100%;
        border-right: 10px solid #4cadad;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-icons:before {
        width: 70px;
        height: 70px
    }

    .timeline-icon {
        line-height: 70px !important
    }

    .timeline-icons {
        position: absolute !important;
        left: -10px;
        top: 60px
    }

    .timeline-nodes:nth-child(2n) {
        flex-direction: row
    }
}

@media (max-width:576px) {
    .timeline:before {
        top: 60px;
        left: 30px;
        height: 87%
    }

    .timeline-nodes:nth-child(odd) h3,
    .timeline-nodes:nth-child(odd) p {
        text-align: left !important
    }

    .timeline-nodes .firstDivs:after {
        left: auto !important;
        border-left: 0;
        right: 100%;
        border-right: 10px solid #41516c;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes .secondDivs:after {
        left: auto;
        border-right: 10px solid #fbca3e;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes .thirdDivs:after {
        left: auto !important;
        border-left: 0;
        right: 100%;
        border-right: 10px solid #e24a68;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes .fourDivs:after {
        left: auto;
        border-right: 10px solid #1b5f8c;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes .fiveDivs:after {
        left: auto !important;
        border-left: 0;
        right: 100%;
        border-right: 10px solid #4cadad;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-icons:before {
        width: 70px;
        height: 70px
    }

    .timeline-icon {
        line-height: 70px !important
    }

    .timeline-icons {
        position: absolute !important;
        left: -10px;
        top: 60px
    }

    .timeline-nodes:nth-child(2n) {
        flex-direction: row
    }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.elemLeftRightAnimation {
    animation: animName 6s infinite;
    display: inline-block
}

@keyframes animName {
    0% {
        transform: translate(0)
    }

    30% {
        transform: translate(50px)
    }

    to {
        transform: translate(0)
    }
}

.upDownAnimation {
    animation: float_up_down 3s infinite linear;
    -webkit-animation: float_up_down 3s infinite linear;
    -moz-animation: float_up_down 3s infinite linear;
    display: inline-block
}

@keyframes float_up_down {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(30px);
        opacity: 1
    }

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

.zoomInOutAnimation {
    animation: zoom-fade 6s infinite linear;
    -webkit-animation: zoom-fade 6s infinite linear;
    -moz-animation: zoom-fade 6s infinite linear
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.rotateAnimation {
    animation: rotateme 15s infinite linear;
    -webkit-animation: rotateme 15s infinite linear;
    -moz-animation: rotateme 15s infinite linear
}

@keyframes rotateme {
    0% {
        transform: rotate(0);
        opacity: 1
    }

    50% {
        transform: rotate(180deg)
    }

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

.comingsoon-loading {
    position: relative;
    display: inline-block
}

.comingsoon-loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    color: #333;
    -webkit-text-stroke: 0px #333;
    border-right: 2px solid #333;
    overflow: hidden;
    animation: animate 5s linear infinite;
    white-space: nowrap
}

@keyframes animate {

    0%,
    10%,
    to {
        width: 0
    }

    50%,
    70% {
        width: 100%
    }
}

.focusEffect {
    transition: all 2s ease-out;
    animation: pulse 6s ease-out infinite
}

@keyframes pulse {

    0%,
    20% {
        transform: scale(1);
        filter: blur(5px)
    }

    50%,
    70% {
        transform: scale(1.3);
        filter: none
    }

    to {
        transform: scale(1);
        filter: blur(5px)
    }
}

.animate-charcter {
    background-image: linear-gradient(-225deg, #231557, #44107a 29%, #ff1361 67%, #fff800);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

.textAnim {
    animation: ani 2s linear;
    overflow: hidden
}

@keyframes ani {
    0% {
        letter-spacing: 1rem;
        filter: blur(5px);
        opacity: 0
    }

    to {
        letter-spacing: 0;
        filter: blur(0);
        opacity: 1
    }
}

.simple-shape {
    -webkit-animation: simple-square-to-circle 2s 0s linear infinite alternate;
    animation: simple-square-to-circle 2s 0s linear infinite alternate
}

@-webkit-keyframes simple-square-to-circle {
    0% {
        -webkit-border-radius: 0%
    }

    to {
        -webkit-border-radius: 50%
    }
}

@keyframes simple-square-to-circle {
    0% {
        border-radius: 0%
    }

    to {
        border-radius: 50%
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

@keyframes bounce {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

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

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

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

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

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

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

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

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

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

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

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

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

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

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

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

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

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none
    }

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

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

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

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

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

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

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

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

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

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

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

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

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

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

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

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

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

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

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

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

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

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

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

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

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

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

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

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

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

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

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

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

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

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

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

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

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

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

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

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

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

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

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

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

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

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

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

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

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

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

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

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

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

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

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

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

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

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

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

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

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

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

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

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

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

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

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

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

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

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

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

    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg)
    }

    60%,
    80% {
        opacity: 1
    }

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg)
    }

    60%,
    80% {
        opacity: 1
    }

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

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

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,
    to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

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

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

@keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,
    20%,
    60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

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

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

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

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

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50%,
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50%,
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

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

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

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

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

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

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

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

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

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

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

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

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

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

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

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

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

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

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

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

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.nocode-sec {
    background: #01000b;
    padding: 70px 0
}

.nocode-header {
    margin-bottom: 55px;
    position: relative;
    z-index: 1
}

.inner-sec {
    background: linear-gradient(to top, #04123b, #0d2a7e);
    border: 1px solid #5268a9;
    border-radius: 20px;
    padding: 47px 0 0 20px;
    overflow: hidden;
    position: sticky;
    top: 5rem;
    margin-bottom: 20px !important;
    box-shadow: 0 32px 32px #00000085
}

.nocode-sec h2 {
    font-weight: 700;
    color: #b9b9b9;
    letter-spacing: 2.5px;
    margin-bottom: 20px
}

.nocode-sec .nocode-header p {
    color: #cccccf !important;
    font-size: 22px;
    margin: 15px 0 30px
}

.nocode-sec button {
    background: linear-gradient(to right, #4fb0eb 3%, #1e93fc 51%);
    border: none;
    font-size: 18px !important;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 15px 20px !important;
    border-radius: 10px
}

::ng-deep .dashboard_wrapperMain .dashboard_bodyMain .dashboard_content {
    overflow: unset !important
}

.inner-sec img {
    box-shadow: 3px 4px 12px 6px #02081dbf;
    border-radius: 11px
}

.inner-sec p {
    color: #b4bacd;
    font-size: 19px;
    line-height: 2rem
}

.inner-sec.sticky-9 {
    z-index: 2;
    top: auto;
    bottom: 1vh
}

.inner-sec.sticky-8 {
    z-index: 3;
    top: auto;
    bottom: 2vh
}

.inner-sec.sticky-7 {
    z-index: 4;
    top: auto;
    bottom: 3vh
}

.inner-sec.sticky-6 {
    z-index: 5;
    top: auto;
    bottom: 4vh
}

.inner-sec.sticky-5 {
    z-index: 6;
    top: auto;
    bottom: 5vh
}

.inner-sec.sticky-4 {
    z-index: 7;
    top: auto;
    bottom: 6vh
}

.inner-sec.sticky-3 {
    z-index: 8;
    top: auto;
    bottom: 7vh
}

.inner-sec.sticky-2 {
    z-index: 9;
    top: auto;
    bottom: 8vh
}

.inner-sec.sticky-1 {
    z-index: 10;
    opacity: 1;
    top: auto;
    bottom: 9vh
}

.inner-sec button {
    background: #1d2a53fa;
    border: 1px solid #505b7c;
    padding: 12px 25px !important;
    box-shadow: 10px 5px 10px 5px #082762b0;
    margin: 15px 0
}

@media (max-width: 767px) {
    .nocode-header p {
        font-size: 18px;
        margin: 10px 0 20px
    }
}

.scroll__links .scroll__view {
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    opacity: .15;
    transition: opacity .3s
}

.scroll__links .scroll__view.active {
    opacity: 1
}

.scrolled__featured {
    position: sticky;
    top: 140px;
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.scrolled__featured video {
    max-width: 100%;
    height: auto;
    vertical-align: baseline;
    aspect-ratio: 1;
    border-radius: 4px;
    width: 100%;
    transition: display .4s ease-out;
    -webkit-transition: display .4s ease-out;
    -moz-transition: display .4s ease-out;
    -ms-transition: display .4s ease-out;
    -o-transition: display .4s ease-out
}

.scrolled__image,
.scrolled__video {
    background-attachment: fixed
}

.modal .modal-fullScreenBottom .modal-content .modal-header,
.modal .modal-fullScreenBottom-md .modal-content .modal-header {
    border-bottom: 1px solid #DFE3E8 !important;
    padding: 20px !important;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0 !important
}

.modal .modal-fullScreenBottom .modal-content .modal-header button,
.modal .modal-fullScreenBottom-md .modal-content .modal-header button {
    width: 27px !important;
    height: 27px !important;
    font-size: 18px !important;
    background-color: #dfe3e8 !important;
    position: absolute;
    top: -45px;
    right: 12px;
    padding: 0;
    border: none
}

.modal .modal-fullScreenBottom .modal-content .modal-header button {
    width: 27px !important;
    height: 27px !important;
    font-size: 18px !important;
    background-color: #dfe3e8 !important;
    position: absolute;
    top: -45px;
    right: 12px;
    color: #000
}

.modal.show .modal-fullScreenBottom .modal-dialog {
    transform: translateY(0) !important
}

.modal .modal-fullScreenBottom .modal-dialog {
    transform: translateY(100%) !important
}

.modal .modal-fullScreenBottom>.modal-dialog,
.modal .modal-fullScreenBottom {
    width: 100vw;
    max-width: none;
    margin: 0;
    position: absolute;
    bottom: 0;
    max-height: calc(100vh - 90px);
    height: auto
}

.modal-dialog-centered.modal-fullScreenBottom {
    align-items: initial;
    min-height: initial
}

.modal .modal-fullScreenBottom .modal-body {
    max-height: calc(100vh - 240px)
}

.modal .modal-fullScreenBottom .modal-content .modal-footer {
    border-radius: 0 !important
}

.incdec_design1 .input-group-text {
    height: 50px
}

.incdec_design1 .input-group-text button {
    background-color: transparent;
    color: #000;
    border: 0px
}

.incdec_design1 .input-group-text input.form-control {
    border: 0px;
    width: 50px;
    text-align: center !important;
    height: 100%;
    padding: 0 !important
}

.incdec_design1 .input-group-text button:focus {
    background-color: transparent
}

.incdec_design1 .input-group-text button:not(:disabled):not(.disabled):active {
    background-color: transparent !important;
    color: #000 !important
}

.incdec_design2 .input-group-text {
    height: 50px
}

.incdec_design2 .btn:first-child:active {
    border: 0px;
    background-color: rgb(var(--bg-Light-main))
}

.incdec_design2 .input_width {
    width: 50px;
    text-align: center;
    height: 100%
}

.incdec_design2 .reset-btn {
    min-width: 60px !important
}

.incdec_design2 .input-group-text button {
    min-width: 60px
}

.incdec_design2 .input-group-text input {
    height: 100%;
    width: 60px;
    text-align: center
}

.incdec_design2 .input-group-text button.fas.fa-minus {
    background-color: #f0f0f0;
    border-radius: 50px 0 0 50px !important;
    color: #000
}

.incdec_design2 .input-group-text button.fas.fa-plus {
    background-color: #f0f0f0;
    border-radius: 0 50px 50px 0 !important;
    color: #000
}

.incdec_design2 .input-group-text button.fas.fa-undo-alt {
    background-color: #f0f0f0;
    border-radius: 50px !important;
    color: #000
}

.incdec_design3 .input-group-text {
    height: 50px
}

.incdec_design3 .btn:first-child:active {
    border: 0px;
    background-color: rgb(var(--bg-Light-main))
}

.incdec_design3 .input_width {
    width: 50px;
    text-align: center;
    height: 100%
}

.incdec_design3 .reset-btn {
    min-width: 60px !important
}

.incdec_design3 .input-group-text button {
    min-width: 50px
}

.incdec_design3 .input-group-text input {
    height: 100%;
    width: 60px;
    text-align: center
}

.incdec_design3 .input-group-text button.fas.fa-minus,
.incdec_design3 .input-group-text button.fas.fa-plus,
.incdec_design3 .input-group-text button.fas.fa-undo-alt {
    background-color: #f0f0f0;
    color: #000
}

.xzoom-gallery {
    margin-top: 10px
}

.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {
    display: block;
    max-width: none;
    max-height: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.xzoom-container {
    display: inline-block;
    width: 100%;
    height: inherit
}

.xzoom-container .xzoom {
    width: 100% !important
}

.xzoom-thumbs {
    text-align: center;
    margin-bottom: 10px
}

.xzoom,
.xzoom2,
.xzoom3,
.xzoom4,
.xzoom5 {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px #00000080
}

.xzoom-gallery,
.xzoom-gallery2,
.xzoom-gallery3,
.xzoom-gallery4,
.xzoom-gallery5 {
    border: 1px solid #cecece;
    margin-left: 5px;
    margin-bottom: 10px;
    object-fit: contain
}

.xzoom-source,
.xzoom-hidden {
    display: block;
    position: static;
    float: none;
    clear: both
}

.xzoom-hidden {
    overflow: hidden
}

.xzoom-preview {
    border: 1px solid #888;
    background: #2f4f4f;
    box-shadow: -0px -0px 10px #00000080
}

.xzoom-lens {
    border: 1px solid #555;
    box-shadow: -0px -0px 10px #00000080;
    cursor: crosshair
}

.xzoom-loading {
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    opacity: .7;
    width: 48px;
    height: 48px
}

.xactive {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
    box-shadow: 0 0 3px #4aa9d2;
    border: 1px solid #4aaad2
}

.xzoom-caption {
    position: absolute;
    bottom: -43px;
    left: 0;
    background: #000;
    width: 100%;
    text-align: left
}

.xzoom-caption span {
    color: #fff;
    font-family: Arial, sans-serif;
    display: block;
    font-size: .75em;
    font-weight: 700;
    padding: 10px
}

.xzoom-thumbs {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center
}

.xzoom-thumbs .carousel-control-prev,
.xzoom-thumbs .carousel-control-next {
    height: 40px;
    width: 25px
}

.bottom_gallary {
    width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden
}

.zoomContainerLeft .xzoom-thumbs .control-prev,
.zoomContainerLeft .xzoom-thumbs .control-next,
.zoomContainerRight .xzoom-thumbs .control-prev,
.zoomContainerRight .xzoom-thumbs .control-next {
    position: relative;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #06a3da;
    border-radius: 2px;
    font-size: 22px;
    transition: .5s;
    margin: auto 0;
    transform: rotate(270deg)
}

.zoomContainerBottom :is(.xzoom-thumbs .control-prev, .xzoom-thumbs .control-next) {
    position: relative;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #06a3da;
    border-radius: 2px;
    font-size: 22px;
    transition: .5s;
    margin: auto 6px;
    transform: rotate(0)
}

.zoomContainerTop :is(.xzoom-thumbs .control-prev, .xzoom-thumbs .control-next) {
    position: relative;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #06a3da;
    border-radius: 2px;
    font-size: 22px;
    transition: .5s;
    margin: auto 6px;
    transform: rotate(0)
}

.zoomContainerTop {
    display: flex;
    flex-direction: column-reverse
}

.zoomTopImage {
    margin-top: 0
}

.zoomContainerTop .xzoom-thumbs {
    margin-bottom: 0
}

.zoomContainerTop .xzoom {
    margin-top: 0
}

.zoomContainerTop .bottom_gallary {
    width: 100%;
    overflow: hidden
}

.productContentTop {
    padding: 0
}

.zoomContainerLeft .xzoom-thumbs {
    align-items: center;
    justify-content: center;
    height: 381px;
    flex-direction: column-reverse;
    margin: auto;
    width: 92px
}

.zoomContainerLeft .bottom_gallary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    height: calc(100% - 155px);
    width: 100%;
    overflow: hidden
}

.productContentRight {
    padding: 0 0 0 70px
}

.xzoom-container.zoomContainerLeft,
.xzoom-container.zoomContainerRight {
    width: 100% !important
}

.zoomContainerLeft #xzoom-default,
.zoomContainerRight #xzoom-default {
    width: calc(100% - 92px) !important
}

.zoomContainerBottom #xzoom-default,
.zoomContainerTop #xzoom-default {
    width: 100% !important;
    height: calc(100% - 114px);
    object-fit: contain;
    margin: 10px auto;
    display: flex
}

.zoomContainerRight,
.zoomContainerLeft {
    display: flex
}

.zoomContainerRight .xzoom {
    order: 2
}

.zoomContainerRight .xzoom-thumbs {
    align-items: center;
    justify-content: center;
    height: 381px;
    flex-direction: column-reverse;
    margin: auto;
    width: 92px
}

.zoomContainerRight .bottom_gallary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    height: calc(100% - 155px);
    width: 100%;
    overflow: hidden;
    justify-content: center
}

.zoomContainerLeft #xzoom-default {
    order: 2
}

.zoomContainerRight .bottom_gallary a,
.zoomContainerLeft .bottom_gallary a {
    width: inherit
}

@media screen and (min-width:768px) and (max-width:1024px) {

    .zoomContainerBottom #xzoom-default,
    .zoomContainerTop #xzoom-default {
        width: 100% !important
    }
}

@media (max-width: 991px) {

    .zoomContainerRight,
    .zoomContainerLeft {
        display: inline-block !important
    }

    .zoomContainerRight #xzoom-default,
    .zoomContainerLeft #xzoom-default {
        width: 100% !important;
        height: calc(100% - 114px);
        object-fit: contain;
        margin: 10px auto;
        display: flex
    }

    .zoomContainerRight .xzoom-thumbs,
    .zoomContainerLeft .xzoom-thumbs {
        align-items: initial;
        height: auto !important;
        margin-top: auto;
        margin-bottom: 10px;
        flex-direction: row;
        margin-right: 10px;
        width: 100%;
        justify-content: center !important
    }

    .xzoom-thumbs #prevId,
    .xzoom-thumbs #nextId {
        display: none
    }

    .zoomContainerRight .bottom_gallary,
    .zoomContainerLeft .bottom_gallary,
    .zoomContainerBottom .bottom_gallary,
    .zoomContainerTop .bottom_gallary {
        display: inline-block;
        flex-direction: row;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        height: auto;
        width: calc(100% - 60px);
        overflow-x: auto
    }

    .zoomContainerTop {
        flex-direction: column
    }

    .zoomContainerBottom #xzoom-default,
    .zoomContainerTop #xzoom-default {
        width: 100% !important
    }
}

.arrow-design-one .control-prev,
.arrow-design-one .control-next {
    border: 3px #999 solid;
    opacity: 1.5;
    width: 47px !important;
    height: 43px !important;
    background: none !important;
    border-radius: 50px !important
}

.arrow-design-one .control-next span:before {
    content: "";
    position: absolute;
    width: 35%;
    height: 7%;
    top: 41%;
    left: 52%;
    background: #999;
    z-index: 2;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .2s linear
}

.arrow-design-one .control-next span:after {
    content: "";
    position: absolute;
    width: 35%;
    height: 7%;
    background: #999;
    transition: all .2s linear;
    z-index: 3;
    top: 59%;
    left: 52%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.arrow-design-one .control-prev span:before {
    content: "";
    position: absolute;
    width: 35%;
    height: 7%;
    top: 41%;
    left: 52%;
    background: #999;
    z-index: 2;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all .2s linear
}

.arrow-design-one .control-prev span:after {
    content: "";
    position: absolute;
    width: 35%;
    height: 7%;
    background: #999;
    transition: all .2s linear;
    z-index: 3;
    top: 59%;
    left: 52%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.arrow-design-two .control-prev,
.arrow-design-two .control-next {
    background: #121212 !important;
    opacity: 1.5;
    border: 2px #5bd4ff solid;
    width: 50px !important
}

.arrow-design-three .control-prev,
.arrow-design-three .control-next {
    background: none !important
}

.arrow-design-three .control-next span:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 7%;
    top: 28%;
    left: 52%;
    background: #000;
    z-index: 2;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .2s linear
}

.arrow-design-three .control-next span:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 7%;
    background: #000;
    transition: all .2s linear;
    z-index: 3;
    top: 59%;
    left: 52%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.arrow-design-three .control-prev span:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 7%;
    top: 28%;
    left: 52%;
    background: #000;
    z-index: 2;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all .2s linear
}

.arrow-design-three .control-prev span:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 7%;
    background: #000;
    transition: all .2s linear;
    z-index: 3;
    top: 59%;
    left: 52%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.arrow-design-four .control-prev,
.arrow-design-four .control-next {
    opacity: 1.5;
    height: 42px !important;
    width: 45px !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d5d5d5), color-stop(50%, #ffffff), color-stop(50%, #11b8fe), color-stop(100%, #0187b8)) !important;
    background-image: -webkit-linear-gradient(#d5d5d5, #ffffff 50%, #11b8fe 50%, #0187b8) !important;
    background-image: -moz-linear-gradient(#d5d5d5, #ffffff 50%, #11b8fe 50%, #0187b8) !important;
    background-image: -o-linear-gradient(#d5d5d5, #ffffff 50%, #11b8fe 50%, #0187b8) !important;
    background-image: linear-gradient(#d5d5d5, #fff 50%, #11b8fe 50%, #0187b8) !important;
    border-radius: 50px !important
}

.arrow-design-four .control-prev:hover,
.arrow-design-four .control-next:hover {
    box-shadow: inset 0 0 6px #d1d1d14d, inset 0 2px 5px #cdabab4d, 0 0 28px 6px #a2c4ffcc !important
}

.arrow-design-four .control-prev-icon,
.arrow-design-four .control-next-icon {
    display: contents
}

.arrow-design-four .control-next span:before {
    content: "";
    position: absolute;
    width: 35%;
    height: 7%;
    top: 41%;
    left: 52%;
    background: #000;
    z-index: 2;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .2s linear
}

.arrow-design-four .control-next span:after {
    content: "";
    position: absolute;
    width: 35%;
    height: 7%;
    background: #000;
    transition: all .2s linear;
    z-index: 3;
    top: 59%;
    left: 52%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.arrow-design-four .control-prev span:before {
    content: "";
    position: absolute;
    width: 35%;
    height: 7%;
    top: 41%;
    left: 52%;
    background: #000;
    z-index: 2;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all .2s linear
}

.arrow-design-four .control-prev span:after {
    content: "";
    position: absolute;
    width: 35%;
    height: 7%;
    background: #000;
    transition: all .2s linear;
    z-index: 3;
    top: 59%;
    left: 52%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.owlCarouselSquare .owl-prev,
.owlCarouselSquare .owl-next {
    width: 45px;
    height: 45px;
    color: #fff !important;
    background: #827f7f !important;
    border: 1px solid #827f7f !important;
    font-size: 25px !important;
    border-radius: 0 !important;
    position: absolute;
    top: 50%;
    transition: .5s;
    opacity: .5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -26px
}

.owlCarouselSquare .owl-next:focus,
.owlCarouselSquare .owl-next:hover,
.owlCarouselSquare .owl-prev:focus,
.owlCarouselSquare .owl-prev:hover {
    color: #fff !important;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.owlCarouselSquare .owl-prev {
    left: 0
}

.owlCarouselSquare .owl-next {
    right: 0
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.graduation-content:hover {
    box-shadow: 1px 1.732px 60px #0000001a !important
}

.graduation-content {
    overflow: hidden;
    flex: 1
}

.graduation-content img {
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.graduation-content:hover img {
    transform: scale(1.2)
}

.graduation-inner-content h3:hover {
    color: #ff7350 !important
}

.date-content p {
    display: initial !important
}

.graduation-content.all-inner-graduation .graduation-inner-content:hover {
    background: #125875 !important;
    color: #96bece !important
}

.graduation-content.all-inner-graduation .graduation-inner-content:hover h3 {
    color: #fff !important
}

.graduation-content.all-inner-graduation .graduation-inner-content:hover p,
.graduation-content.all-inner-graduation .graduation-inner-content:hover .date-content span,
.graduation-content.all-inner-graduation .graduation-inner-content:hover .date-content a {
    color: #96bece !important
}

.graduation-content.all-inner-graduation .graduation-inner-content:hover .date-content p {
    color: #fff !important
}

.graduation-content.all-inner-graduation .biochemiestry-button {
    left: 30px;
    right: auto !important
}

.best_food {
    border: 1px #faf7f2 solid
}

.best_food:hover .fireimg,
.best_food:focus .fireimg {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.best_food .fireimg {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-animation: fireAni 1.6s ease-in-out infinite;
    animation: fireAni 1.6s ease-in-out infinite
}

.best_food:hover,
.best_food:focus {
    border: 1px #eb0029 solid
}

.spin {
    -webkit-animation: spin 60s linear infinite;
    animation: spin 60s linear infinite;
    border-radius: 9999px
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.clientslider3 div>img,
.clientslider2 .item>div img {
    object-fit: none
}

.clientslider2 .item>div:hover img {
    filter: opacity(1) grayscale(0) !important
}

.brand-title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #d9d9d9;
    z-index: -1
}

.brand-box {
    height: 80px;
    overflow: hidden;
    margin: 0 15px;
    position: relative;
    text-align: center
}

.brand-box img.gray {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transform: translateY(0%);
    transform: translateY(0);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.brand-box img.original {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.brand-box img {
    margin: 0 auto;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    position: absolute;
    inset: 0
}

.brand-box:hover img.original {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transform: translateY(0%);
    transform: translateY(0)
}

.brand-box:hover img.gray {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.boxhover {
    position: relative
}

.boxhover:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 2px;
    bottom: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    background-color: #f9313b
}

.boxhover:hover:before {
    width: 100%;
    background-color: #124a94
}

.boxhover:hover i,
.boxhover:hover h3,
.boxhover:hover p,
.boxhover:hover a {
    color: #fff !important
}

.boxhover i,
.boxhover h3,
.boxhover p,
.boxhover a {
    transition: all .3s
}

.rounded-carousel .owl-item.active.center .item {
    border: 1.4px solid #ccc !important;
    transition: .3s all;
    transform: scale(1.1);
    position: relative;
    background-color: #fff;
    z-index: 3;
    box-shadow: 0 0 4px 4px #4949491a
}

.rounded-carousel .user-image img {
    object-fit: cover
}

.rounded-carousel .owl-item.active.center .item .user-image {
    border: 1px solid #d7d7d7
}

.rounded-carousel .owl-item.active.center .item h3 {
    color: #000 !important;
    font-weight: 700
}

.rounded-carousel .owl-item.active.center .item p {
    color: #313131 !important
}

.rounded-carousel .owl-item.active:not(.center) .item {
    background-color: #f1f1f1;
    border: 1px solid #ccc !important;
    opacity: .9
}

.rounded-carousel .owl-item.active:not(.center) {
    z-index: -1 !important;
    filter: blur(.4px)
}

.rounded-carousel .owl-item.active:not(.center) .user-image img {
    filter: blur(1px)
}

.rounded-carousel .owl-item .item {
    transform: translate(0) scale(.99)
}

.rounded-carousel .owl-stage-outer {
    padding: 100px 0
}

.rounded-carousel .owl-carousel .owl-next span,
.rounded-carousel .owl-carousel .owl-prev span {
    display: none !important
}

.rounded-carousel .owl-carousel .owl-next {
    background: url(https://cdn-icons-png.flaticon.com/512/9589/9589961.png) !important;
    transform: rotate(180deg);
    right: -60px !important;
    background-color: transparent !important;
    border: none !important;
    background-repeat: no-repeat;
    background-size: contain !important;
    opacity: 1 !important
}

.rounded-carousel .owl-carousel .owl-prev {
    background: url(https://cdn-icons-png.flaticon.com/512/9589/9589961.png) !important;
    left: -60px !important;
    background-color: transparent !important;
    border: none !important;
    background-repeat: no-repeat;
    background-size: contain !important;
    opacity: 1 !important
}

.rounded-carousel .user-image {
    height: auto !important
}

@media (max-width:448px) {
    .rounded-carousel .user-image {
        height: auto !important
    }

    .rounded-carousel .owl-carousel .owl-next,
    .rounded-carousel .owl-carousel .owl-prev {
        top: 100%
    }

    .rounded-carousel .owl-carousel .owl-next {
        right: 35% !important
    }

    .rounded-carousel .owl-carousel .owl-prev {
        left: 35% !important
    }

    .rounded-carousel .owl-item.active.center .item {
        transform: scale(1);
        box-shadow: 0 0 6px #000000b3
    }

    .rounded-carousel .owlCarouselCircle .owl-prev,
    .rounded-carousel .owlCarouselCircle .owl-next,
    .rounded-carousel .owlCarouselRound .owl-prev,
    .rounded-carousel .owlCarouselRound .owl-next,
    .rounded-carousel .owlCarouselSquare .owl-prev,
    .rounded-carousel .owlCarouselSquare .owl-next {
        width: 30px;
        height: 30px
    }

    .rounded-carousel .owl-stage-outer {
        padding: 50px 0
    }

    .rounded-carousel .owl-item.active.center .item {
        box-shadow: 0 0 1px #0003
    }

    .rounded-carousel .owl-item.active.center .item p {
        padding: 0 20px;
        line-height: 24px
    }
}

.control-style-1 .owl-nav button.owl-prev {
    left: 2%;
    background-color: #fff !important;
    width: 35px;
    height: 35px
}

.control-style-1 .owl-nav button.owl-next {
    right: 2%;
    background-color: #fff !important;
    width: 35px;
    height: 35px
}

.control-style-1 .owl-nav button.owl-prev span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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 0z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center
}

.control-style-1 .owl-nav button.owl-next span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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-.708z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center
}

.control-style-2 .owl-nav button.owl-prev {
    left: 2%;
    background-color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 50% !important
}

.control-style-2 .owl-nav button.owl-next {
    right: 2%;
    background-color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 50% !important
}

.control-style-2 .owl-nav button.owl-prev span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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 0z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center
}

.control-style-2 .owl-nav button.owl-next span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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-.708z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center
}

.control-style-3 .owl-nav button.owl-prev {
    left: 2%;
    background-color: transparent !important;
    width: 35px;
    height: 35px;
    border: 1px solid #000 !important
}

.control-style-3 .owl-nav button.owl-next {
    right: 2%;
    background-color: transparent !important;
    width: 35px;
    height: 35px;
    border: 1px solid #000 !important
}

.control-style-3 .owl-nav button.owl-prev span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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 0z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center
}

.control-style-3 .owl-nav button.owl-next span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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-.708z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center
}

.control-style-3 .owl-dots .owl-dot.active span {
    background: transparent;
    border: 1px solid #000000
}

.control-style-3 .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #aeaeae;
    margin: 10px 5px;
    width: 10px;
    height: 10px;
    border-radius: 0
}

.control-style-3 .owl-dots .owl-dot span:hover {
    background: #000
}

.control-style-4 .owl-nav button.owl-prev {
    left: 0%;
    background-color: #fff !important;
    width: 35px;
    height: 70px;
    border: 0px !important;
    border-radius: 0 3px 3px 0 !important
}

.control-style-4 .owl-nav button.owl-next {
    right: 0%;
    background-color: #fff !important;
    width: 35px;
    height: 70px;
    border: 0px !important;
    border-radius: 0 3px 3px 0 !important
}

.control-style-4 .owl-nav button.owl-prev span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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 0z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center
}

.control-style-4 .owl-nav button.owl-next span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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-.708z'/%3e%3c/svg%3e");
    background-size: 60%;
    background-repeat: no-repeat;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center
}

.control-style-5 .owl-nav button.owl-prev {
    left: 2%;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important
}

.control-style-5 .owl-nav button.owl-next {
    right: 2%;
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important
}

.control-style-5 .owl-nav button.owl-prev span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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 0z'/%3e%3c/svg%3e");
    background-size: 50%;
    background-repeat: no-repeat;
    color: transparent;
    width: 50px;
    height: 50px;
    background-position: center
}

.control-style-5 .owl-nav button.owl-next span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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-.708z'/%3e%3c/svg%3e");
    background-size: 50%;
    background-repeat: no-repeat;
    color: transparent;
    width: 50px;
    height: 50px;
    background-position: center
}

.control-style-6 .owl-nav button.owl-prev {
    left: 0%;
    background-color: #fff !important;
    width: 50px;
    height: 42px;
    border: none !important;
    opacity: 0;
    transform: translate(-100px);
    border-radius: 0 30px 30px 0 !important
}

.control-style-6 .owl-nav button.owl-next {
    right: 0%;
    background-color: #fff !important;
    width: 50px;
    height: 42px;
    opacity: 0;
    border: none !important;
    transform: translate(100px);
    border-radius: 30px 0 0 30px !important
}

.control-style-6 .owl-nav button.owl-prev span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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 0z'/%3e%3c/svg%3e");
    background-size: 70% 70%;
    background-repeat: no-repeat;
    color: transparent;
    width: 30px;
    height: 50px;
    background-position: center
}

.control-style-6 .owl-nav button.owl-next span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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-.708z'/%3e%3c/svg%3e");
    background-size: 70% 70%;
    background-repeat: no-repeat;
    color: transparent;
    width: 30px;
    height: 50px;
    background-position: center
}

.control-style-6:hover .owl-nav button.owl-prev,
.control-style-6:hover .owl-nav button.owl-next {
    transform: translate(0);
    opacity: 1
}

.control-style-6 .owl-dots .owl-dot.active span {
    background: #000;
    border: 1px solid #000
}

.control-style-6 .owl-dots .owl-dot span {
    width: 10px;
    height: 5px;
    margin: 10px 4px;
    background: #e5e5e5;
    border-radius: 0
}

.control-style-6 .owl-dots .owl-dot span:hover {
    background: #000;
    border: 1px solid #000
}

.control-style-7 .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='M24 12.001H2.914l5.294-5.295-.707-.707L1 12.501l6.5 6.5.707-.707-5.293-5.293H24v-1z' data-name='Left'/%3E%3C/svg%3E") !important;
    background-size: 80% !important;
    margin-right: 5px;
    cursor: pointer !important;
    margin-top: 5px;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
    position: absolute;
    left: 5%;
    opacity: 1;
    cursor: pointer
}

.control-style-7 .owl-nav .owl-prev span,
.control-style-7 .owl-nav .owl-next span {
    position: relative;
    cursor: pointer
}

.control-style-7 .owl-nav .owl-prev span:before {
    content: "Previous";
    font-size: 20px;
    position: absolute;
    visibility: visible;
    margin-left: 40px;
    top: 0;
    bottom: 0;
    margin-top: 5px;
    opacity: 1;
    z-index: 11
}

.control-style-7 .owl-nav .owl-next span:before {
    content: "Next";
    font-size: 20px;
    position: absolute;
    visibility: visible;
    margin-left: -65px;
    top: 0;
    bottom: 0;
    margin-top: 5px;
    opacity: 1;
    z-index: 11
}

.control-style-7 .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='m17.5 5.999-.707.707 5.293 5.293H1v1h21.086l-5.294 5.295.707.707L24 12.499l-6.5-6.5z' data-name='Right'/%3E%3C/svg%3E") !important;
    background-size: 80% !important;
    margin-right: 5px;
    cursor: pointer !important;
    margin-top: 5px;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
    position: absolute;
    right: 5%;
    opacity: 1;
    cursor: pointer
}

.control-style-7 .owl-nav .owl-prev span,
.control-style-7 .owl-nav .owl-next span {
    visibility: hidden !important;
    opacity: 1
}

.control-style-7 .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0
}

.control-style-7 .owl-dots .owl-dot span {
    width: 30px;
    height: 3px;
    border-radius: 0;
    background-color: #fff;
    opacity: .5;
    margin: 5px !important
}

.control-style-7 .owl-dots .owl-dot.active span {
    opacity: 1;
    background-color: #fff
}

@media (max-width:768px) {

    .control-style-7 .owl-nav .owl-prev span:before,
    .control-style-7 .owl-nav .owl-next span:before {
        content: none
    }
}

.control-style-8 .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.control-style-8 .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

@media (max-width:768px) {
    .control-style-8 .owl-dots .owl-dot {
        width: 30px;
        height: 2px
    }

    .control-style-8 .owl-dots .owl-dot.active {
        width: 35px
    }
}

.control-style-9 .owl-nav .owl-prev,
.control-style-9 .owl-nav .owl-next {
    opacity: 1 !important;
    bottom: 40px;
    top: auto;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important
}

.control-style-9 .owl-nav .owl-prev span,
.control-style-9 .owl-nav .owl-next span {
    display: none
}

.control-style-9 .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='M24 12.001H2.914l5.294-5.295-.707-.707L1 12.501l6.5 6.5.707-.707-5.293-5.293H24v-1z' data-name='Left'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 70% !important;
    padding: 20px;
    left: 2%;
    background-position: center !important
}

.control-style-9 .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath style='fill:%23fff' d='m17.5 5.999-.707.707 5.293 5.293H1v1h21.086l-5.294 5.295.707.707L24 12.499l-6.5-6.5z' data-name='Right'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 70% !important;
    padding: 20px;
    left: 6%;
    background-position: center !important;
    right: auto
}

.control-style-9 .owl-dots .owl-dot {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-bottom: 15px;
    cursor: pointer !important
}

.control-style-9 .owl-dots .owl-dot span {
    background: #fff;
    opacity: .5
}

.control-style-9 .owl-dots {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    display: flex;
    flex-direction: column
}

.control-style-9 .owl-dots .owl-dot.active {
    border: 1px solid #fff
}

.control-style-9 .owl-dots .owl-dot.active span {
    background: #fff;
    opacity: 1
}

.control-style-9 .owl-dots .owl-dot:hover span {
    background: #fff
}

@media (max-width:1024px) {
    .control-style-9 .owl-nav .owl-next {
        left: 7% !important
    }
}

@media (max-width:991px) {
    .control-style-9 .owl-nav .owl-next {
        left: 9% !important
    }
}

@media (max-width:768px) {
    .control-style-9 .owl-nav .owl-next {
        left: 15% !important
    }
}

.control-style-10 .owl-nav .owl-prev,
.control-style-10 .owl-nav .owl-next {
    opacity: 1 !important;
    bottom: 40px;
    top: auto;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important
}

.control-style-10 .owl-nav .owl-prev span,
.control-style-10 .owl-nav .owl-next span {
    display: none
}

.control-style-10 .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23fff'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 80% !important;
    background-position: center !important;
    padding: 20px;
    right: 3.8%;
    left: auto;
    top: 20%;
    width: 30px;
    height: 30px
}

.control-style-10 .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 80% !important;
    background-position: center !important;
    padding: 20px;
    right: 3.8%;
    bottom: 20%;
    width: 30px;
    height: 30px
}

.control-style-10 .owl-dots .owl-dot {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-bottom: 15px
}

.control-style-10 .owl-dots .owl-dot span {
    background: #fff;
    opacity: 1
}

.control-style-10 .owl-dots {
    position: absolute;
    right: 4%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    display: flex;
    flex-direction: column;
    cursor: pointer !important
}

.control-style-10 .owl-dots .owl-dot:before {
    content: "";
    width: 1px;
    height: 100px;
    background-color: #ffffff8a;
    position: absolute;
    border-radius: 50%;
    inset: 0;
    margin: auto
}

.control-style-10 .owl-dots .owl-dot.active {
    border: 1px solid #fff
}

.control-style-10 .owl-dots .owl-dot.active span {
    background: #fff;
    opacity: 1
}

.control-style-10 .owl-dots .owl-dot:hover span {
    background: #fff
}

.control-style-8 .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.control-style-8 .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.control-style-8 .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.control-style-8 .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.control-style-8 .owl-nav .owl-prev,
.control-style-8 .owl-nav .owl-next {
    opacity: 1 !important;
    height: 45px;
    width: 45px;
    padding: 10px;
    cursor: pointer !important
}

.control-style-8 .owl-nav .owl-prev:hover,
.control-style-8 .owl-nav .owl-next:hover {
    border: 1px solid #1b1b1b !important
}

.control-style-8 .owl-nav .owl-prev {
    inset: auto 4% 70px auto;
    background: transparent !important;
    border: none !important
}

.control-style-8 .owl-nav .owl-next {
    inset: auto 4% 20px auto;
    background-color: transparent !important;
    border: none !important
}

.control-style-8 .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.control-style-8 .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.control-style-8 .owl-dots .owl-dot {
    height: 3px;
    width: 35px;
    position: relative;
    transition: all .3s ease-in-out;
    background-color: #1b1b1b;
    margin-bottom: 20px;
    opacity: .6;
    cursor: pointer !important
}

.control-style-8 .owl-dots .owl-dot:before {
    content: "";
    width: 0px;
    height: 3px;
    background-color: #1b1b1b;
    position: absolute;
    left: -11px;
    top: 0;
    bottom: 0;
    transition: all .3s ease-in-out
}

.control-style-8 .owl-dots {
    margin: auto 2%;
    height: fit-content;
    top: 0;
    bottom: 0;
    flex-direction: column;
    position: absolute;
    display: flex
}

.control-style-8 .owl-dots .owl-dot.active {
    width: 40px;
    margin-left: 15px;
    opacity: 1
}

.control-style-8 .owl-nav button span,
.control-style-8 .owl-dots .owl-dot span {
    display: none
}

.control-style-8 .owl-dots .owl-dot.active:before {
    width: 4px
}

.cardflow_sec {
    background-image: url(https://bracketweb.com/trevlo-html/assets/images/backgrounds/tour-bg-1.jpg);
    position: relative;
    background-position: top center;
    background-repeat: no-repeat
}

.orange-color {
    color: #ff5956
}

.orangebg {
    background-color: #ff5956
}

.black-color {
    color: #2d2330
}

.cardbody {
    background-color: #faf5ee
}

.socialimg span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #EBE6DE;
    font-size: 16px;
    color: #ff5956
}

.socialimg {
    position: absolute;
    top: -17px;
    right: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    z-index: 11
}

.cardBottom {
    padding: 32px 40px 39px
}

.cardMain:hover .cardImage:before {
    bottom: 0;
    height: 0%
}

.cardMain .cardImage {
    position: relative;
    overflow: hidden
}

.cardMain .cardImage:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: " ";
    left: 0;
    bottom: 0;
    background-color: #2d2330b3;
    z-index: 1;
    border-radius: 10px 10px 0 0;
    transition: all .5s ease
}

.cardMain:hover .cardbody:before {
    top: 0;
    height: 100%
}

.cardMain .cardbody {
    position: relative;
    z-index: 2
}

.cardMain .cardbody:before {
    width: 100%;
    height: 0%;
    position: absolute;
    content: " ";
    left: 0;
    bottom: 0;
    background-color: #ff5956;
    z-index: -1;
    border-radius: 10px 10px 0 0;
    transition: all .5s ease
}

.cardMain .cardbody i,
.cardMain .cardbody span {
    transition: .4s all
}

.cardMain:hover .cardbody i {
    color: #fff !important
}

.cardMain:hover .cardbody span {
    color: #fff !important;
    opacity: 1 !important
}

.cardMain:hover .cardImage img {
    transform: scale(1.1)
}

.cardMain .cardImage img {
    transition: .5s all ease-in-out
}

.heartbg span {
    width: 30px;
    height: 30px;
    background-color: #2d233042;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.heartbg span:hover {
    background-color: #ff5956 !important
}

.cardTitle a {
    position: relative;
    display: inline-block;
    transition: .4s all ease
}

.cardTitle:hover a {
    color: #ff5956
}

.cardTitle a:before {
    position: absolute;
    content: " ";
    bottom: -1px;
    left: 0;
    width: 0px;
    height: 1px;
    background: #ff5956;
    transition: .4s all ease
}

.cardTitle a:hover:before {
    width: 100%
}

::ng-deep .owl-carousel .item {
    display: flex
}

.cardMain {
    flex: 1
}

@media (max-width:1099px) {
    .cardBottom {
        padding: 29px 20px 28px
    }
}

@media (max-width:767px) {
    .cardBottom {
        padding: 28px 20px 25px
    }

    .cardMain .cardbody i,
    .cardMain .cardbody span {
        font-size: 12px !important
    }
}

.control-style-11 .owl-nav .owl-prev,
.control-style-11 .owl-nav .owl-next {
    opacity: 1 !important;
    bottom: 40px;
    top: auto;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important
}

.control-style-11 .owl-nav .owl-prev span,
.control-style-11 .owl-nav .owl-next span {
    display: none
}

.control-style-11 .owl-nav .owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000'  data-name='1-Arrow Up' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.71 10.29-10-10a1 1 0 0 0-1.41 0l-10 10 1.41 1.41L15 3.41V32h2V3.41l8.29 8.29z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 80% !important;
    background-position: center !important;
    padding: 20px;
    right: auto;
    left: 3.5%;
    top: 20%;
    width: 30px;
    height: 30px
}

.control-style-11 .owl-nav .owl-next {
    background-image: url("data:image/svg+xml,%3Csvg style='fill:%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.29 20.29 18 28.59V0h-2v28.59l-8.29-8.3-1.42 1.42 10 10a1 1 0 0 0 1.41 0l10-10z' data-name='2-Arrow Down'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 80% !important;
    padding: 20px;
    left: 3.5%;
    bottom: 20%;
    background-position: center !important;
    width: 30px;
    height: 30px
}

.control-style-11 .owl-dots .owl-dot {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin-bottom: 20px;
    border: 1px solid #000;
    position: relative;
    cursor: pointer !important
}

.control-style-11 .owl-dots .owl-dot span {
    display: none
}

.control-style-11 .owl-dots {
    position: absolute;
    inset: 0 auto 0 4%;
    margin: auto;
    height: fit-content;
    display: flex;
    flex-direction: column
}

.control-style-11 .owl-dots .owl-dot:before {
    content: "";
    width: 0px;
    height: 1px;
    position: absolute;
    right: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .4s ease;
    z-index: 1;
    background-color: #000
}

.control-style-11 .owl-dots .owl-dot.active {
    border: 1px solid #000000;
    background-color: #000
}

.control-style-11 .owl-dots .owl-dot.active:before {
    width: 70px
}

@media (max-width:768px) {
    .control-style-11 .owl-dots .owl-dot {
        width: 10px !important;
        height: 10px !important
    }

    .control-style-11 .owl-dots .owl-dot:before {
        right: 0 !important
    }
}

@media (max-width:448px) {
    .control-style-11 .owl-dots {
        left: 6.5%
    }
}

.nav_left_menu .sidebar::-webkit-scrollbar,
.rightbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
    background-color: #d5d5d500
}

.nav_left_menu .sidebar::-webkit-scrollbar-thumb,
.rightbar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #c3c3c3
}

.sidebar_right,
.sidebar_left {
    min-width: 230px;
    max-width: 230px;
    transition: all .3s;
    background-color: #eee;
    overflow: hidden
}

.sidebar ul {
    margin: 0;
    padding: 0
}

.sidebar ul li {
    list-style: none
}

.sidebar ul li a {
    display: flex;
    padding: 5px;
    align-items: center
}

.nav_left_menu .sidebar ul li>ul li a,
.rightbar .sidebar ul li>ul li a {
    border-left: 0px;
    padding-left: 10px !important
}

.nav_left_menu .sidebar ul li>ul li>ul li a {
    border-left: 0px;
    padding-left: 5px !important
}

.nav_left_menu ul li a {
    font-size: 13px;
    font-weight: 600;
    border-radius: 0;
    border: none !important;
    line-height: 20px;
    position: relative
}

.nav_left_menu .sidebar.sidebar-dark ul ul {
    border-radius: 0;
    margin-bottom: 0
}

.nav_left_menu .sidebar.sidebar-dark ul li a i {
    background-color: transparent !important;
    font-size: 14px;
    line-height: 20px;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav_left_menu .sidebar.sidebar-dark ul li a:hover i {
    background-color: none !important;
    font-size: 11px;
    line-height: 20px
}

.nav_left_menu .sidebar .nav .nav-item a[aria-expanded=true]:after,
.rightbar .sidebar .nav .nav-item a[aria-expanded=true]:after {
    content: "\f0d8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: auto;
    right: 10px
}

.nav_left_menu .sidebar .nav .nav-item a[aria-expanded=false]:after,
.rightbar .sidebar .nav .nav-item a[aria-expanded=false]:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    left: auto
}

.nav_left_menu ul li a.active,
.rightbar ul li a.active,
.nav_left_menu ul li a[aria-expanded=true],
.rightbar ul li a[aria-expanded=true] {
    background-color: rgba(var(--sbLevel1ActiveBgClr));
    color: rgba(var(--sbLevel1ActiveTxtClr)) !important
}

.nav_left_menu .sidebar ul li>ul li a.active {
    background-color: rgba(var(--sbLevel1ActiveBgClr)) !important;
    color: rgba(var(--sbLevel2ActiveTxtClr)) !important
}

.nav_left_menu .sidebar .nav .nav-item ul li[aria-expanded=false],
.nav_left_menu .sidebar ul li ul li li {
    list-style: none !important
}

.nav_left_menu .sidebar,
.rightbar {
    overflow: auto;
    min-width: 215px !important;
    max-width: 230px;
    overflow: hidden !important;
    overflow-y: auto !important
}

.nav_left_menu ul li a {
    background-color: rgba(var(--sbLevel1BgClr));
    color: rgba(var(--sbLevel1TxtClr))
}

.nav_left_menu .sidebar ul li>ul li a {
    background-color: rgba(var(--sbLevel2BgClr)) !important;
    color: rgba(var(--sbLevel2TxtClr)) !important
}

.nav_left_menu .sidebar .nav .nav-item a[aria-expanded=true]:after {
    content: "\f077"
}

.nav_left_menu .sidebar .nav .nav-item a[aria-expanded=false]:after {
    content: "\f078"
}

.nav_left_menu ul li a {
    margin: 2px 12px;
    border-radius: 8px;
    padding: 10px 12px;
    text-transform: capitalize;
    font-size: 15px;
    text-wrap: wrap
}

.nav_left_menu ul li a:hover,
.rightbar ul li a:hover,
.nav_left_menu .sidebar ul li>ul li a:not(.collapse.show li a):hover,
.rightbar .sidebar ul li>ul li a:not(.collapse.show li a):hover {
    color: rgba(var(--sbLevel1ActiveTxtClr)) !important;
    background-color: rgba(var(--sbLevel1ActiveBgClr)) !important
}

.nav_left_menu .sidebar.sidebar-dark ul ul {
    margin: 0 13px;
    border-radius: 8px;
    padding: 8px 0
}

.nav_left_menu .sidebar.sidebar-dark ul ul ul {
    padding: 6px 0
}

.nav_left_menu .sidebar.sidebar-dark ul ul {
    background: rgba(var(--leftmenu1bg))
}

.nav_left_menu .sidebar.sidebar-dark ul ul ul {
    background: rgba(var(--leftmenu2bg))
}

.rightbar {
    background-color: rgba(var(--sbLevel1BgClr))
}

.rightbar ul li a {
    font-size: 13px;
    font-weight: 600;
    color: #012970;
    border-radius: 0;
    background-color: rgba(var(--sbLevel1BgClr));
    border: none !important;
    line-height: 20px;
    position: relative
}

.rightbar .sidebar.sidebar-dark ul ul {
    border-radius: 0;
    margin-bottom: 0
}

.rightbar .sidebar.sidebar-dark ul li a i {
    background-color: none !important;
    color: #899bbd !important;
    font-size: 11px;
    line-height: 20px;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 50px;
    margin-right: 5px
}

.rightbar .sidebar.sidebar-dark ul li a:hover i {
    background-color: none !important;
    font-size: 11px;
    line-height: 20px
}

.rightbar .sidebar .nav .nav-item a[aria-expanded=true]:after {
    content: "\f0d8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: auto;
    right: 10px
}

.rightbar .sidebar .nav .nav-item a[aria-expanded=false]:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    left: auto
}

.rightbar .sidebar .nav .nav-item ul li[aria-expanded=false],
.rightbar .sidebar ul li ul li li {
    list-style: none !important
}

.rightbar .sidebar,
.rightbar {
    overflow: auto;
    min-width: 230px !important;
    max-width: 230px;
    overflow: hidden !important;
    overflow-y: auto !important
}

.nav_left_menu {
    background-color: rgba(var(--sbLevel1BgClr))
}

.nav_left_menu ul li a,
.rightbar ul li a {
    background-color: rgba(var(--sbLevel1BgClr));
    color: rgba(var(--sbLevel1TxtClr))
}

.nav_left_menu .sidebar ul li>ul li a,
.rightbar .sidebar ul li>ul li a {
    background-color: rgba(var(--sbLevel2BgClr)) !important;
    color: rgba(var(--sbLevel2TxtClr)) !important
}

.nav_left_menu .sidebar ul li>ul li>ul li a {
    background-color: rgba(var(--sbLevel3BgClr));
    color: rgba(var(--sbLevel3TxtClr)) !important
}

.nav_left_menu .sidebar .nav .nav-item a[aria-expanded=true]:after,
.rightbar .sidebar .nav .nav-item a[aria-expanded=true]:after {
    content: "\f077"
}

.nav_left_menu .sidebar .nav .nav-item a[aria-expanded=false]:after,
.rightbar .sidebar .nav .nav-item a[aria-expanded=false]:after {
    content: "\f078"
}

.nav_left_menu ul li a,
.rightbar ul li a {
    margin: 2px 12px;
    border-radius: 8px;
    padding: 10px 12px;
    text-transform: capitalize;
    font-size: 15px;
    text-wrap: wrap
}

.nav_left_menu ul li a:hover,
.rightbar ul li a:hover .nav_left_menu .sidebar ul li>ul li a:not(.collapse.show li a):hover,
.rightbar .sidebar ul li>ul li a:not(.collapse.show li a):hover {
    color: rgba(var(--sbLevel1ActiveTxtClr)) !important;
    background-color: rgba(var(--sbLevel1ActiveBgClr)) !important
}

.nav_left_menu .sidebar.sidebar-dark ul li a i {
    font-size: 14px
}

.nav_left_menu .sidebar.sidebar-dark ul li a:hover i,
.nav_left_menu .sidebar.sidebar-dark ul li a.active i {
    font-size: 14px !important
}

.nav_left_menu .sidebar.sidebar-dark ul ul,
.rightbar .sidebar.sidebar-dark ul ul {
    margin: 0 13px;
    border-radius: 8px;
    padding: 8px 0
}

.sidebar_left.left_close.nav_left_menu .sidebar.sidebar-dark ul ul {
    margin: 0
}

.sidebar_left.left_close.nav_left_menu .sidebar .nav .nav-item a[aria-expanded=false]:after,
.dashboard-design2.dashboard_wrapperMain .sidebar_left.left_close.nav_left_menu .sidebar .nav .nav-item a[aria-expanded=true]:after {
    font-size: 10px
}

.sidebar_left.left_close.nav_left_menu ul li a {
    margin: 2px 0
}

.nav_left_menu .sidebar.sidebar-dark ul ul ul,
.rightbar .sidebar.sidebar-dark ul ul ul {
    padding: 6px 0
}

.nav_left_menu .sidebar.sidebar-dark ul ul,
.rightbar .sidebar.sidebar-dark ul ul {
    background: rgba(var(--leftmenu1bg))
}

.nav_left_menu .sidebar.sidebar-dark ul ul ul,
.rightbar .sidebar.sidebar-dark ul ul ul {
    background: rgba(var(--leftmenu2bg))
}

#leftMenu ul ul li.active:hover,
#leftMenu ul ul li a:hover {
    border: 2px rgba(var(--sbLevel2ActiveBgClr)) solid !important
}

#leftMenu ul ul ul li.active:hover,
#leftMenu ul ul ul li a:hover {
    border: 2px rgba(var(--sbLevel3ActiveBgClr)) solid !important
}

#leftMenu>ul>li a[aria-expanded=true]~ul li div a.active~ul li a.active:hover,
#leftMenu>ul>li a[aria-expanded=true]~ul li div a.active~ul li a.active {
    border: 2px rgba(var(--sbLevel3ActiveBgClr)) solid !important
}

#leftMenu>ul>li a[aria-expanded=true]~ul li div a.active~ul li a.active {
    background-color: rgba(var(--sbLevel3ActiveBgClr));
    color: rgba(var(--sbLevel3ActiveTxtClr))
}

.nav_left_menu.leftnavbarDesign1 {
    background-color: #1e1e1e !important;
    border-right: 0px none;
    padding: 20px 10px
}

.nav_left_menu.leftnavbarDesign1 .sidebar ul li>ul li a {
    padding-left: 40px !important;
    color: #fff
}

.nav_left_menu.leftnavbarDesign1 .sidebar ul li>ul li a:hover .nav_left_menu.leftnavbarDesign2 .sidebar ul li>ul li a:hover {
    color: #fff
}

.nav_left_menu.leftnavbarDesign1 .sidebar ul li>ul li a:active .nav_left_menu.leftnavbarDesign2 .sidebar ul li>ul li a:active {
    color: #fff !important
}

.nav_left_menu.leftnavbarDesign1 .sidebar ul li>ul li a:before {
    content: "";
    width: 6px;
    height: 2px;
    position: absolute;
    left: 23px;
    top: 18px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-color: #cdcdcd
}

.nav_left_menu.leftnavbarDesign1 .sidebar ul li>ul li>ul li a {
    padding-left: 56px !important
}

.nav_left_menu.leftnavbarDesign1 .sidebar ul li>ul li>ul li a:hover {
    color: #fff !important
}

.nav_left_menu.leftnavbarDesign1 .sidebar ul li>ul li>ul li a:active {
    color: #fff !important
}

.nav_left_menu.leftnavbarDesign1 .sidebar ul li>ul li>ul li a:before,
.nav_left_menu.leftnavbarDesign2 .sidebar ul li>ul li>ul li a:before {
    height: 5px;
    width: 5px;
    left: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid;
    top: 16px
}

.nav_left_menu.leftnavbarDesign1.sidebar ul,
.nav_left_menu.leftnavbarDesign2.sidebar ul {
    margin: 0;
    padding: 0;
    padding-left: 1.75rem !important
}

.nav_left_menu.leftnavbarDesign1 .sidebar.sidebar-dark ul ul,
.nav_left_menu.leftnavbarDesign2 .sidebar.sidebar-dark ul ul {
    border-radius: 0;
    margin-bottom: 0;
    padding: 0
}

.nav_left_menu.leftnavbarDesign1 ul li a {
    border-radius: 0;
    border: none !important;
    position: relative;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    padding: .625rem;
    background-color: transparent !important;
    font-weight: 400;
    color: #fff
}

.nav_left_menu.leftnavbarDesign1 .sidebar.sidebar-dark ul li a i {
    color: #fff !important;
    font-size: 13px
}

.nav_left_menu.leftnavbarDesign1 ul li a:hover,
.nav_left_menu.leftnavbarDesign1 ul li a.active {
    color: #fff !important
}

.nav_left_menu.leftnavbarDesign1.sidebar.sidebar-dark ul ul.show li a.active:after,
.nav_left_menu.leftnavbarDesign2.sidebar.sidebar-dark ul ul.show li a.active:after {
    background-color: none !important
}

.nav_left_menu.leftnavbarDesign1 .sidebar .nav .nav-item a[aria-expanded=true]:after,
.nav_left_menu.leftnavbarDesign2 .sidebar .nav .nav-item a[aria-expanded=true]:after,
.nav_left_menu.leftnavbarDesign3 .sidebar .nav .nav-item a[aria-expanded=true]:after {
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: auto;
    right: 10px;
    background-color: transparent !important
}

.nav_left_menu.leftnavbarDesign1 .sidebar .nav .nav-item a[aria-expanded=false]:after,
.nav_left_menu.leftnavbarDesign2 .sidebar .nav .nav-item a[aria-expanded=false]:after,
.nav_left_menu.leftnavbarDesign3 .sidebar .nav .nav-item a[aria-expanded=false]:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    left: auto;
    background-color: transparent !important
}

.nav_left_menu.leftnavbarDesign1 [aria-expanded=true]:before,
.sidebar [aria-expanded=true]:before,
.nav_left_menu.leftnavbarDesign2 [aria-expanded=true]:before,
.nav_left_menu.leftnavbarDesign3 [aria-expanded=true]:before {
    content: "";
    display: unset
}

.nav_left_menu.leftnavbarDesign1 ul li a.active {
    background-color: #000 !important;
    border-radius: 4px
}

.nav_left_menu.leftnavbarDesign1 ul li a:hover {
    background-color: #000 !important
}

.nav_left_menu.leftnavbarDesign2 {
    background-color: #036 !important;
    border-right: 1px solid #2a4562;
    min-width: 280px;
    max-width: 280px
}

.nav_left_menu.leftnavbarDesign2 .sidebar {
    min-width: 275px !important;
    max-width: 285px
}

.nav_left_menu.leftnavbarDesign2 .sidebar.sidebar-dark ul li a i {
    background-color: transparent;
    line-height: 24px
}

.nav_left_menu.leftnavbarDesign2 .sidebar.sidebar-dark ul li:hover a i {
    color: #fa8c15 !important
}

.nav_left_menu.leftnavbarDesign2 ul li a {
    position: relative;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    padding: 10px 15px;
    background-color: transparent !important;
    font-weight: 400;
    color: #0da5f1
}

.nav_left_menu.leftnavbarDesign2 .sidebar ul li>ul li a {
    padding-left: 40px !important;
    color: #0da5f1
}

.nav_left_menu.leftnavbarDesign2 .sidebar ul li>ul li>ul li a {
    padding-left: 56px !important
}

.nav_left_menu.leftnavbarDesign2 .sidebar ul li>ul li>ul li a:hover {
    color: #fa8c15 !important
}

.nav_left_menu.leftnavbarDesign2 .sidebar ul li>ul li>ul li a:active {
    color: #0da5f1 !important
}

.nav_left_menu.leftnavbarDesign2 .sidebar.sidebar-dark ul ul {
    border-radius: 0;
    margin-bottom: 0;
    padding: 0
}

.nav_left_menu.leftnavbarDesign2 .sidebar.sidebar-dark ul li a i {
    color: #0da5f1 !important;
    font-size: 16px;
    margin-right: 12px
}

.nav_left_menu.leftnavbarDesign2 ul li a:hover i,
.nav_left_menu.leftnavbarDesign2 ul li a:hover {
    color: #fa8c15 !important
}

.nav_left_menu.leftnavbarDesign2 ul li a:hover:before {
    background-color: #fa8c15
}

.nav_left_menu.leftnavbarDesign2 ul li a.active,
.nav_left_menu.leftnavbarDesign2 .sidebar.sidebar-dark ul li a.active i {
    color: #fa8c15 !important
}

.nav_left_menu.leftnavbarDesign2.sidebar.sidebar-dark ul ul.show li a.active:after {
    background-color: none !important
}

.nav_left_menu.leftnavbarDesign2 .sidebar .nav .nav-item a[aria-expanded=true]:after {
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: auto;
    right: 10px;
    background-color: transparent !important
}

.nav_left_menu.leftnavbarDesign2 .sidebar .nav .nav-item a[aria-expanded=false]:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    left: auto;
    background-color: transparent !important
}

.nav_left_menu.leftnavbarDesign2 [aria-expanded=true]:before,
.sidebar [aria-expanded=true]:before {
    content: "";
    display: unset
}

.nav_left_menu.leftnavbarDesign2 .sidebar .nav .nav-item a[aria-expanded=false]:after {
    font-family: Line Awesome Free
}

.nav_left_menu.leftnavbarDesign2 .sidebar .nav .nav-item a[aria-expanded=true]:after {
    font-family: Line Awesome Free
}

.nav_left_menu.leftnavbarDesign3 ul li a {
    padding: .625rem;
    display: flex;
    font-size: 14px;
    color: #000;
    font-weight: 300;
    font-family: Poppins, sans-serif;
    background-color: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-bottom: 1px solid #ebebeb !important;
    border-left: 4px solid #fff !important
}

.nav_left_menu.leftnavbarDesign3 .sidebar.sidebar-dark ul li a i {
    color: #13afff !important;
    font-size: 15px
}

.nav_left_menu.leftnavbarDesign3 {
    background-color: #fff;
    transition: all .3s;
    position: relative;
    z-index: 11;
    box-shadow: none;
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px 0 0 20px;
    min-width: 280px;
    max-width: 280px;
    border-right: 1px solid #ccc
}

.nav_left_menu.leftnavbarDesign3 .sidebar.sidebar-dark ul ul {
    background-color: transparent
}

.nav_left_menu.leftnavbarDesign3 .sidebar ul li>ul li a {
    color: #000 !important;
    background-color: transparent
}

.nav_left_menu.leftnavbarDesign3 ul li a.active {
    color: #fff !important;
    background-color: #13afff;
    border-left: 4px solid #116fb9 !important
}

.nav_left_menu.leftnavbarDesign3 .sidebar.sidebar-dark ul li a.active i {
    color: #fff !important
}

.nav_left_menu.leftnavbarDesign3 ul li a:hover {
    background-color: #13afff;
    color: #fff !important;
    border-left: 4px solid #116fb9 !important
}

.nav_left_menu.leftnavbarDesign3 .sidebar.sidebar-dark ul li a:hover i {
    color: #fff !important
}

.nav_left_menu.leftnavbarDesign3 .sidebar ul li>ul li a:hover {
    background-color: #13afff;
    color: #fff !important
}

.nav_left_menu.leftnavbarDesign3 ul li a[aria-expanded=true] {
    background-color: transparent;
    color: #000
}

.nav_left_menu.leftnavbarDesign3 .sidebar.sidebar-dark ul li>ul li a.active i {
    color: #13afff !important
}

.nav_left_menu.leftnavbarDesign3 ul li a[aria-expanded=true] i {
    color: #13afff !important
}

.nav_left_menu.leftnavbarDesign3 ul li a[aria-expanded=true]:hover {
    background-color: #13afff
}

.nav_left_menu.leftnavbarDesign4 {
    padding: 0 0 0 8px;
    background-color: #f7f8fa;
    background-clip: padding-box;
    border-right: 1px solid #e2e3e4;
    box-shadow: 0 .5rem 1rem #00000026
}

.nav_left_menu.leftnavbarDesign4 ul li a.active {
    color: #3461ff;
    text-decoration: none;
    background-color: #3461ff1a;
    border-left: 4px solid #3461ff !important
}

.nav_left_menu.leftnavbarDesign4 .sidebar ul li a[aria-expanded=true],
.nav_left_menu.leftnavbarDesign4 .sidebar ul li a[aria-expanded=false],
.nav_left_menu.leftnavbarDesign4 ul li a.collapsed {
    font-size: 15px
}

.nav_left_menu.leftnavbarDesign4 ul li a {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 14px;
    color: #5f5f5f;
    outline-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .5px;
    border-left: 4px solid rgb(255 255 255 / 0%) !important;
    transition: all .2s ease-out;
    background-color: inherit
}

.nav_left_menu.leftnavbarDesign4 ul li a:hover,
.nav_left_menu.leftnavbarDesign4 ul li a:focus {
    color: #3461ff;
    text-decoration: none;
    background-color: #3461ff1a;
    border-left: 4px solid #3461ff !important
}

.nav_left_menu.leftnavbarDesign4 .sidebar ul li>ul li a.active {
    color: #3461ff;
    text-decoration: none;
    background-color: #3461ff1a;
    border-left: 4px solid #3461ff !important
}

.nav_left_menu.leftnavbarDesign4 .sidebar ul li>ul li a {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 14px;
    color: #5f5f5f;
    outline-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .5px;
    border-left: 4px solid rgb(255 255 255 / 0%) !important;
    transition: all .2s ease-out;
    background-color: inherit
}

.nav_left_menu.leftnavbarDesign4 .sidebar ul li>ul li a:hover {
    color: #3461ff;
    text-decoration: none;
    background-color: #3461ff1a;
    border-left: 4px solid #3461ff !important;
    box-shadow: 0 .125rem .25rem #00000014
}

.nav_left_menu.leftnavbarDesign4 .sidebar ul li>ul li a[aria-expanded=true],
.nav_left_menu.leftnavbarDesign4 .sidebar ul li>ul li a[aria-expanded=false] {
    font-size: 15px
}

.leftnavbarDesign4 .sidebar.sidebar-dark ul ul.show li a.active:after {
    background-color: transparent
}

.nav_left_menu.leftnavbarDesign4 .sidebar.sidebar-dark ul li a:hover i {
    color: #3461ff !important
}

.nav_left_menu.leftnavbarDesign4 .sidebar.sidebar-dark ul li a i {
    color: #899bbd !important
}

.nav_left_menu.leftnavbarDesign4 .sidebar .nav .nav-item a[aria-expanded=true]:after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: auto;
    right: 10px
}

.nav_left_menu.leftnavbarDesign4 .sidebar .nav .nav-item a[aria-expanded=false]:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    left: auto
}

.nav_left_menu.leftnavbarDesign4 .sidebar.sidebar-dark ul ul[aria-expanded=false] {
    background-color: #f8f9fa;
    box-shadow: inset 4px -2px .25rem #00000013
}

.top_header {
    background-color: #d5d5d5;
    border-bottom: 1px #dfdfe5 solid
}

.max-w-100 {
    flex-direction: row;
    margin: 0;
    padding: 0;
    flex: auto;
    white-space: nowrap
}

.max-w-100 li {
    list-style: none
}

.dropdown-submenu {
    position: relative;
    margin: 0 0 5px
}

.dropdown-submenu:last-child {
    margin-bottom: 0
}

.dropdown-submenu a:after {
    transform: rotate(-90deg);
    position: absolute;
    right: 12px;
    top: .8em;
    height: 7px;
    width: 7px
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%
}

.menu_icon {
    color: rgba(var(--topMenuIconClr));
    margin-right: 7px;
    font-size: 13px
}

.heading_dropdown h5 {
    text-decoration: none;
    margin-left: 10px !important;
    margin-bottom: 10px !important
}

.top_header121 .navbar-collapse {
    margin-right: 10px
}

.navbar-brand {
    margin-left: 1rem
}

#top_nav_bar .sidebar-toggle,
.rightbar-toggle {
    font-size: 20px;
    color: #4154f1 !important;
    background-color: #f5f5f5;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 31px
}

#top_nav_bar {
    min-height: 50px;
    z-index: 22
}

#top_nav_bar .navbar {
    padding: 0;
    height: 100%
}

#top_nav_bar .sidebar {
    max-width: 100%;
    overflow: visible
}

#top_nav_bar .bodyMain {
    flex-direction: column !important
}

#top_nav_bar #fruits-nav {
    flex-direction: initial !important
}

#top_nav_bar .sidebar.sidebar-dark ul ul {
    position: absolute !important
}

#top_nav_bar .sidebar ul li a {
    padding: 4px 25px 4px 20px !important
}

#top_nav_bar .sidebar.sidebar-dark ul ul {
    width: 220px
}

#top_nav_bar .sidebar.sidebar-dark ul li {
    list-style: none;
    display: initial
}

#top_nav_bar .page_container_div1 {
    border: none;
    padding: 0;
    overflow: inherit
}

#top_nav_bar .nav-link {
    border-radius: 0
}

#top_nav_bar .sidebar.sidebar-dark ul ul {
    background-color: none;
    padding: 0
}

#top_nav_bar .sidebar ul li a {
    border-radius: 0
}

#top_nav_bar .sidebar ul li a:hover {
    background-color: #eee;
    color: #000 !important
}

#top_nav_bar a.nav-link:focus {
    background-color: #eee;
    color: #fff !important
}

#top_nav_bar .big_box {
    position: absolute;
    margin-top: 10px;
    background-color: #fff !important;
    box-shadow: 0 0 30px #7f89a140;
    transition: .3s;
    padding: 10px
}

#top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 0;
    background-color: #fff;
    transition: .3s;
    padding: 10px 0;
    left: 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 30px #7f89a140
}

#top_nav_bar .navbar-expand-lg ul.navbar-nav.ms-auto .dropdown-menu {
    right: 0;
    left: auto !important
}

#top_nav_bar .navbar-expand-lg ul.navbar-nav.me-auto .dropdown-menu {
    left: 0;
    right: auto !important
}

#top_nav_bar .navbar .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    padding: 19px 10px;
    text-transform: capitalize
}

#top_nav_bar .dropdown-toggle:after {
    vertical-align: 3px
}

#top_nav_bar .dropdown-item {
    font-size: 15px;
    padding: 5px 15px;
    margin-right: 0;
    cursor: pointer;
    text-transform: capitalize
}

#top_nav_bar .dropdown-item:hover {
    background-color: #f8f9fa;
    border-radius: 0
}

#top_nav_bar .dropdown-toggle:after {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-right-style: solid !important;
    border-right-width: 1px !important;
    content: "";
    display: inline-block;
    height: 7px;
    width: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(46deg);
    margin-left: 3px;
    border: none
}

#top_nav_bar .nav-item {
    position: relative
}

#top_nav_bar .modal-body {
    overflow: inherit !important;
    padding: 0
}

.navbar .nav-link {
    color: var(--bs-nav-link-color)
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

#top_nav_bar .navbar-nav li a {
    border-radius: 0;
    background-color: rgba(var(--topMenuBgClr))
}

#top_nav_bar .navbar-nav li a h6 {
    padding: 10px 20px 0 6px;
    font-weight: 500;
    color: #2d2d34;
    font-size: 16px;
    text-transform: capitalize
}

#top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu.big_box ul li a h6 {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 4px !important
}

#top_nav_bar .rightbar [aria-expanded=true]:before,
.sidebar [aria-expanded=true]:before {
    content: "";
    display: none
}

#top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu ul {
    padding: 10px 0
}

#top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu.big_box ul {
    padding: 10px
}

#top_nav_bar ul.navbar-nav.ml-auto li.nav-item.dropdown.show .big_box.show {
    right: 0;
    left: auto
}

#top_nav_bar ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu {
    right: 100%;
    left: auto
}

#top_nav_bar ul.navbar-nav.me-auto .dropdown-submenu .dropdown-menu {
    right: auto;
    left: 100%
}

#top_nav_bar ul.navbar-nav.ms-auto .big_box {
    right: 0;
    left: auto
}

#top_nav_bar .nav-item:nth-child(n+1) .dropdown-menu.big_box {
    margin-top: 0;
    width: 100%;
    left: 0;
    box-shadow: 0 .1rem 1rem #00000005;
    top: 100%;
    border: 1px solid #e1e1e12d
}

#top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu.big_box ul a {
    padding: 3px 2px
}

#top_nav_bar .navbar ul li a.active i {
    color: #000
}

#top_nav_bar {
    background-color: rgba(var(--topheaderBg))
}

#top_nav_bar .navbar-nav .dropdown:hover>.bssClass.dropdown-menu {
    display: block
}

#top_nav_bar .navbar-nav .dropdown .dropdown-menu .dropdown-submenu:hover>.bssClass.dropdown-menu {
    display: block
}

#top_nav_bar .dropdown-toggle.dropdownarrow_right:after {
    transform: rotate(320deg);
    margin-top: 3px
}

#top_nav_bar .dropdown-toggle.dropdownarrow_bottom:after {
    transform: rotate(46deg)
}

#top_nav_bar .dropdown-toggle.dropdownarrow_left:after {
    transform: rotate(136deg);
    margin-top: 3px
}

nav.navbar ul.navbar-nav.min_width160 .dropdown ul.dropdown-menu {
    min-width: 160px !important
}

nav.navbar ul.navbar-nav.min_width180 .dropdown ul.dropdown-menu {
    min-width: 180px !important
}

nav.navbar ul.navbar-nav.min_width200 .dropdown ul.dropdown-menu {
    min-width: 200px !important
}

nav.navbar ul.navbar-nav.min_width220 .dropdown ul.dropdown-menu {
    min-width: 220px !important
}

nav.navbar ul.navbar-nav.min_width240 .dropdown ul.dropdown-menu {
    min-width: 240px !important
}

nav.navbar ul.navbar-nav.min_width260 .dropdown ul.dropdown-menu {
    min-width: 260px !important
}

nav.navbar ul.navbar-nav.min_width280 .dropdown ul.dropdown-menu {
    min-width: 280px !important
}

nav.navbar ul.navbar-nav.min_width300 .dropdown ul.dropdown-menu {
    min-width: 300px !important
}

nav.navbar ul.navbar-nav.min_width320 .dropdown ul.dropdown-menu {
    min-width: 320px !important
}

nav.navbar ul.navbar-nav.min_width340 .dropdown ul.dropdown-menu {
    min-width: 340px !important
}

nav.navbar ul.navbar-nav.min_width360 .dropdown ul.dropdown-menu {
    min-width: 360px !important
}

nav.navbar ul.navbar-nav.min_width380 .dropdown ul.dropdown-menu {
    min-width: 380px !important
}

nav.navbar ul.navbar-nav.min_width400 .dropdown ul.dropdown-menu {
    min-width: 400px !important
}

nav.navbar ul.navbar-nav.min_width420 .dropdown ul.dropdown-menu {
    min-width: 420px !important
}

nav.navbar ul.navbar-nav.min_width440 .dropdown ul.dropdown-menu {
    min-width: 440px !important
}

nav.navbar ul.navbar-nav.min_width460 .dropdown ul.dropdown-menu {
    min-width: 460px !important
}

nav.navbar ul.navbar-nav.min_width480 .dropdown ul.dropdown-menu {
    min-width: 480px !important
}

nav.navbar ul.navbar-nav.min_width500 .dropdown ul.dropdown-menu {
    min-width: 500px !important
}

#top_nav_bar .navbar ul li a.dropdown-toggle.active:hover {
    background-color: rgba(var(--topMenuActiveBgClr)) !important;
    color: rgba(var(--topMenuActiveTxtClr)) !important
}

#top_nav_bar .navbar .navbar-nav .nav-link:hover,
#top_nav_bar .navbar .navbar-nav .nav-link.active,
#top_nav_bar .navbar .navbar-nav .nav-link:hover i,
#top_nav_bar .navbar .navbar-nav .nav-link.active i {
    color: rgba(var(--topMenuActiveTxtClr)) !important;
    background-color: rgba(var(--topMenuActiveBgClr)) !important
}

#top_nav_bar .dropdown-item:hover,
#top_nav_bar .dropdown-item.active {
    background-color: rgba(var(--topMenuActiveBgClr)) !important;
    border-radius: 0;
    color: rgba(var(--topMenuActiveTxtClr)) !important
}

#top_nav_bar .dropdown-item:hover i,
#top_nav_bar .dropdown-item.active i,
#top_nav_bar .navbar ul li a.dropdown-toggle.active:hover i {
    color: rgba(var(--topMenuActiveTxtClr)) !important
}

#top_nav_bar .navbar ul li a.dropdown-toggle.active {
    background-color: transparent !important;
    color: rgba(var(--topMenuTxtClr)) !important
}

#top_nav_bar .navbar ul li a.dropdown-toggle.active i {
    color: rgba(var(--topMenuTxtClr)) !important
}

#top_nav_bar .navbar.navbar-dark ul li a.dropdown-toggle.active:hover,
#top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link:hover i,
#top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link.active i {
    color: rgba(var(--topMenuActiveTxtClr)) !important
}

#top_nav_bar .navbar.navbar-dark .dropdown-item:hover,
#top_nav_bar .navbar.navbar-dark .dropdown-item.active {
    background: transparent !important;
    color: rgba(var(--menutextclr)) !important
}

#top_nav_bar .navbar.navbar-dark .dropdown-item:hover i,
#top_nav_bar .navbar.navbar-dark .dropdown-item.active i,
#top_nav_bar .navbar.navbar-dark ul li a.dropdown-item.dropdown-toggle.active:hover i {
    color: #333 !important;
    background-color: transparent !important
}

#top_nav_bar .navbar.navbar-dark .dropdown-item:hover,
#top_nav_bar .navbar.navbar-dark .dropdown-item.active {
    background-color: transparent !important;
    color: #333 !important
}

#top_nav_bar .navbar.navbar-dark li ul li a.dropdown-item.dropdown-toggle.active:hover,
#top_nav_bar .navbar.navbar-dark li ul li a.dropdown-toggle.active,
#top_nav_bar .navbar.navbar-dark li ul li a.dropdown-toggle.active i {
    color: #3d3d3d !important
}

#top_nav_bar .navbar.navbar-dark ul .dropdown-item:hover,
#top_nav_bar .navbar.navbar-dark ul a.dropdown-item.dropdown-toggle.active:hover {
    background-color: #f7f7f7 !important
}

.dashboard_wrapperMain #top_nav_bar.bg-primary,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-primary {
    background-color: rgba(var(--navBgprimary)) !important
}

.dashboard_wrapperMain #top_nav_bar.bg-secondary,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-secondary {
    background-color: rgba(var(--navBgsecondary)) !important
}

.dashboard_wrapperMain #top_nav_bar.bg-dark,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-dark {
    background-color: rgba(var(--navBgdark)) !important
}

.dashboard_wrapperMain #top_nav_bar.bg-white,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-white {
    background-color: rgba(var(--navBgwhite)) !important
}

.dashboard_wrapperMain #top_nav_bar.bg-danger,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-danger {
    background-color: rgba(var(--navBgdanger)) !important
}

.dashboard_wrapperMain #top_nav_bar.bg-success,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-success {
    background-color: rgba(var(--navBgsuccess)) !important
}

.dashboard_wrapperMain #top_nav_bar.bg-info,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-info {
    background-color: rgba(var(--navBginfo)) !important
}

.dashboard_wrapperMain #top_nav_bar.bg-warning,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-warning {
    background-color: rgba(var(--navBgwarning)) !important
}

.dashboard_wrapperMain #top_nav_bar.bg-light,
.dashboard_wrapperMain #top_nav_bar .navbar.bg-light {
    background-color: rgba(var(--navBglight)) !important
}

.dashboard-design2 .form-inlin:has([for=navp]) {
    display: block
}

.form-inlin:has([for=navp]) {
    display: none
}

#top_nav_bar .navbar ul li a.dropdown-toggle.active {
    background-color: rgba(var(--topMenuActiveBgClr)) !important;
    color: rgba(var(--topMenuActiveTxtClr)) !important
}

#top_nav_bar .navbar.navbar-light .nav-link,
#top_nav_bar .navbar.navbar-light .nav-link i {
    color: rgba(var(--menutextclr))
}

#top_nav_bar .navbar.navbar-dark .nav-link,
#top_nav_bar .navbar.navbar-dark .nav-link i {
    color: rgba(var(--menutextclrdark))
}

@media (max-width: 991px) {
    .dropdown-submenu {
        margin: 0
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: 0;
        border-radius: 0
    }

    #top_nav_bar .sidebar-toggle {
        position: inherit
    }

    #top_nav_bar .mobile_and_left_menu {
        display: inherit !important;
        max-height: 250px;
        overflow-y: scroll !important;
        overflow: hidden
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav li>.dropdown-menu li a {
        width: 100%;
        background-color: #f3f6f8
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav li>.dropdown-menu li>.dropdown-menu li a {
        width: 100%;
        background-color: #eee
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav li>.dropdown-menu li>.dropdown-menu li>.dropdown-menu li a {
        width: 100%;
        background-color: #fff
    }

    #top_nav_bar .dropdown-toggle:after {
        float: right
    }

    #top_nav_bar .rightbar [aria-expanded=true]:before,
    .sidebar [aria-expanded=true]:before {
        content: "";
        display: none
    }

    #top_nav_bar .big_box {
        position: inherit
    }

    #top_nav_bar .dropdown-item:hover {
        background-color: inherit
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu ul {
        padding: 0 !important;
        box-shadow: inherit
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav .dropdown-menu ul ul {
        background-color: #fff;
        box-shadow: inherit
    }

    #top_nav_bar .dropdown-toggle:after {
        content: "";
        margin-top: 4px
    }

    #top_nav_bar .navbar-nav .nav-link {
        padding: 10px 0;
        text-transform: uppercase;
        font-size: 16px
    }

    .top_header121 .navbar-collapse {
        margin-right: 0
    }

    button.navbar-toggler {
        margin-left: auto;
        margin-right: 1rem
    }

    .navbar-nav {
        padding: 1.5rem !important;
        border-top: 1px #EEEEEE solid
    }

    .dashboard_wrapperMain.pageOverlayCss .dashboard_bodyMain {
        padding-bottom: 0 !important
    }

    .dashboard_wrapperMain.pageOverlayCss .fixed-bottom {
        position: unset
    }

    .navbar-collapse.show .navbar-nav {
        text-align: inherit;
        box-shadow: inherit;
        padding: inherit
    }

    .dashboard_wrapperMain .header {
        padding: 0
    }

    #top_nav_bar.navbarDesign1 ul.navbar-nav.ms-auto .big_box,
    #top_nav_bar.navbarDesign2 ul.navbar-nav.ms-auto .big_box,
    #top_nav_bar.navbarDesign3 ul.navbar-nav.ms-auto .big_box {
        right: 0 !important;
        left: auto !important
    }

    #top_nav_bar.navbarDesign1 .navbar-nav,
    #top_nav_bar.navbarDesign2 .navbar-nav,
    #top_nav_bar.navbarDesign3 .navbar-nav {
        padding: inherit !important
    }

    #top_nav_bar.navbarDesign1 .navbar,
    #top_nav_bar.navbarDesign2 .navbar,
    #top_nav_bar.navbarDesign3 .navbar {
        height: auto !important
    }

    #top_nav_bar.navbarDesign1 .navbar-nav .nav-link,
    #top_nav_bar.navbarDesign2 .navbar-nav .nav-link,
    #top_nav_bar.navbarDesign3 .navbar-nav .nav-link {
        padding: 10px 9px !important
    }

    #top_nav_bar.navbarDesign2 .nav-item:nth-child(1) {
        border: inherit
    }

    #top_nav_bar.navbarDesign2 .nav-item {
        border: inherit
    }

    #top_nav_bar.navbarDesign1 .navbar-expand-lg .navbar-nav .dropdown-menu,
    #top_nav_bar.navbarDesign2 .navbar-expand-lg .navbar-nav .dropdown-menu,
    #top_nav_bar.navbarDesign3 .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: unset !important
    }

    #top_nav_bar.navbarDesign1 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:before,
    #top_nav_bar.navbarDesign2 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:before,
    #top_nav_bar.navbarDesign3 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:before {
        display: none !important
    }

    #top_nav_bar.navbarDesign1 .navbar-expand-lg .navbar-nav .dropdown-menu:after,
    #top_nav_bar.navbarDesign2 .navbar-expand-lg .navbar-nav .dropdown-menu:after,
    #top_nav_bar.navbarDesign3 .navbar-expand-lg .navbar-nav .dropdown-menu:after {
        display: none !important
    }

    #top_nav_bar.navbarDesign2 .dropdown-item {
        background-color: #2d1919 !important
    }
}

@media (max-width: 500px) {
    .navbar-brand {
        max-width: 300px;
        margin-right: 0
    }

    .navbar-brand img {
        width: 100%;
        object-fit: contain
    }
}

@media (max-width:767px) {

    nav.navbar ul.navbar-nav.min_width160 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width180 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width200 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width220 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width240 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width260 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width280 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width300 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width320 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width340 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width360 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width380 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width400 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width420 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width440 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width480 .dropdown ul.dropdown-menu,
    nav.navbar ul.navbar-nav.min_width500 .dropdown ul.dropdown-menu {
        min-width: 100% !important
    }
}

@media (max-width: 380px) {
    .navbar-brand {
        max-width: 240px;
        margin-right: 0
    }

    .navbar-brand img {
        width: 100%;
        object-fit: contain
    }
}

#top_nav_bar.navbarDesign1 {
    border-top: 1px solid #e4e4e2
}

#top_nav_bar.navbarDesign1 .navbar {
    border-bottom: none;
    height: 59px
}

#top_nav_bar.navbarDesign1 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu {
    right: auto !important;
    left: 100% !important
}

#top_nav_bar.navbarDesign1 .nav-item {
    border-right: 1px solid #e4e4e2
}

#top_nav_bar.navbarDesign1 .nav-item:nth-child(1) {
    border-left: 1px #e4e4e2 solid
}

#top_nav_bar.navbarDesign1 .navbar-nav .nav-link {
    border-top: 0;
    border-right: none;
    background-color: #f9f9f9;
    padding: 17px 37px 20px;
    text-shadow: none;
    font: 14px/20px Arial, Helvetica, sans-serif;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    color: #1b1b1b;
    text-transform: uppercase;
    display: block;
    transition: background .15s ease-in-out 0s;
    -webkit-transition: background .15s ease-in-out 0s;
    -moz-transition: background .15s ease-in-out 0s;
    -ms-transition: background .15s ease-in-out 0s;
    -o-transition: background .15s ease-in-out 0s;
    filter: none !important;
    border-top: 2px rgba(255, 255, 255, 0) solid
}

#top_nav_bar.navbarDesign1 .dropdown-submenu {
    position: relative;
    margin: 0
}

#top_nav_bar.navbarDesign1 .navbar-nav .nav-link:hover,
#top_nav_bar.navbarDesign1 .navbar-nav .nav-link.active {
    border-top: 2px #ff0000 solid;
    background-color: #fff
}

#top_nav_bar.navbarDesign1 .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 0;
    background-color: #fff;
    box-shadow: 0 0 30px #7f89a140;
    transition: .3s;
    padding: 0;
    border-radius: 0;
    min-width: 200px
}

#top_nav_bar.navbarDesign1 .dropdown-item {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    filter: none !important
}

#top_nav_bar.navbarDesign1 .dropdown-item:hover {
    text-decoration: none;
    background-color: #f0f0f0;
    padding-left: 15px !important;
    filter: none !important;
    color: #e92d00;
    border-radius: 0
}

#top_nav_bar.navbarDesign2 {
    border-top: 1px solid #e4e4e2
}

#top_nav_bar.navbarDesign2 .navbar {
    border-bottom: none;
    height: 59px;
    background-color: #000 !important
}

#top_nav_bar.navbarDesign2 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu {
    right: auto !important;
    left: 100% !important
}

#top_nav_bar.navbarDesign2 .nav-item {
    border-right: 1px solid #3c3c3c
}

#top_nav_bar.navbarDesign2 .nav-item:nth-child(1) {
    border-left: 1px solid #3c3c3c
}

#top_nav_bar.navbarDesign2 .navbar-nav .nav-link {
    border-top: 0;
    border-right: none;
    padding: 17px 37px 20px;
    text-shadow: none;
    font: 14px/20px Arial, Helvetica, sans-serif;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    color: #fff !important;
    text-transform: uppercase;
    display: block;
    transition: background .15s ease-in-out 0s;
    -webkit-transition: background .15s ease-in-out 0s;
    -moz-transition: background .15s ease-in-out 0s;
    -ms-transition: background .15s ease-in-out 0s;
    -o-transition: background .15s ease-in-out 0s;
    filter: none !important;
    border-top: 2px rgba(255, 255, 255, 0) solid
}

#top_nav_bar.navbarDesign2 .dropdown-submenu {
    position: relative;
    margin: 0
}

#top_nav_bar.navbarDesign2 .navbar-nav .nav-link:hover,
#top_nav_bar.navbarDesign2 .navbar-nav .nav-link.active {
    border-top: 2px #ff0400 solid;
    background-color: #262626
}

#top_nav_bar.navbarDesign2 .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 0;
    background-color: #2d1919 !important;
    box-shadow: 0 0 30px #7f89a140;
    transition: .3s;
    padding: 0;
    border-radius: 0;
    min-width: 200px;
    position: absolute
}

#top_nav_bar.navbarDesign2 .navbar-expand-lg .navbar-nav .dropdown-menu:after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
    border-bottom-color: #2d1919
}

#top_nav_bar.navbarDesign2 .dropdown-item {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    filter: none !important;
    color: #e5e5e5 !important
}

#top_nav_bar.navbarDesign2 .dropdown-item:hover {
    text-decoration: none;
    background-color: #602f2f;
    filter: none !important;
    border-radius: 0
}

#top_nav_bar.navbarDesign2 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu {
    margin-left: 10px
}

#top_nav_bar.navbarDesign2 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:before {
    border-top: 10px solid transparent;
    border-right: 10px solid #2d1919;
    border-bottom: 10px solid transparent;
    content: "";
    display: inline-block;
    left: -8px;
    position: absolute;
    top: 6px
}

#top_nav_bar.navbarDesign2 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:after {
    display: none
}

#top_nav_bar.navbarDesign3 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu {
    right: auto !important;
    left: 100% !important
}

#top_nav_bar.navbarDesign3 .navbar {
    background-color: #282e3f !important;
    padding: 0
}

#top_nav_bar.navbarDesign3 .navbar-nav .nav-link {
    padding: 15px 22px;
    font-size: 14px;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase
}

#top_nav_bar.navbarDesign3 {
    min-height: 50px;
    z-index: 2;
    background-color: #282e3f;
    border-bottom: 4px solid #cc8809
}

#top_nav_bar.navbarDesign3 .dropdown-item:hover,
#top_nav_bar.navbarDesign3 .navbar-nav .nav-link:hover,
#top_nav_bar.navbarDesign3 .navbar-nav .nav-link.active {
    color: #fff;
    background-color: #cc8809
}

#top_nav_bar.navbarDesign3 .dropdown-submenu {
    position: relative;
    margin: 0
}

#top_nav_bar.navbarDesign3 .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 0;
    background-color: #fff !important;
    box-shadow: 0 0 30px #7f89a140;
    transition: .3s;
    padding: 0;
    border-radius: 7px 7px 0 0;
    min-width: 200px;
    position: absolute
}

#top_nav_bar.navbarDesign3 .navbar-expand-lg .navbar-nav .dropdown-menu:after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
    border-bottom-color: #fff
}

#top_nav_bar.navbarDesign3 .dropdown-item {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    filter: none !important;
    color: #000 !important
}

#top_nav_bar.navbarDesign3 .dropdown-item:hover {
    border-radius: 7px 7px 0 0;
    background-color: #ddd;
    color: #000 !important
}

#top_nav_bar.navbarDesign3 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu {
    margin-left: 10px
}

#top_nav_bar.navbarDesign3 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:before {
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    content: "";
    display: inline-block;
    left: -8px;
    position: absolute;
    top: 6px
}

#top_nav_bar.navbarDesign3 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:after {
    display: none
}

#top_nav_bar.navbarDesign2 .navbar-nav li a h6 {
    color: #fff
}

#top_nav_bar.navbarDesign4 .dropdown-toggle:before {
    transform: translate(-50%, -50%) rotate(90deg);
    left: auto !important
}

#top_nav_bar.navbarDesign4 .dropdown-toggle:before,
#top_nav_bar.navbarDesign4 .dropdown-toggle:after {
    content: " ";
    width: 8px;
    height: 1px;
    background-color: #000;
    display: block;
    position: absolute;
    top: 54%;
    right: 14px;
    opacity: 1;
    border-radius: 2px;
    height: 2px
}

#top_nav_bar.navbarDesign4 .dropdown-toggle:hover:before,
#top_nav_bar.navbarDesign4 .dropdown-toggle:hover:after {
    background-color: #3fc90a !important
}

#top_nav_bar.navbarDesign4 .dropdown-toggle:after {
    transform: translate(-50%, -50%);
    left: auto
}

#top_nav_bar.navbarDesign4 .navbar-nav .nav-link {
    color: #000 !important;
    padding-right: 35px !important
}

#top_nav_bar.navbarDesign4 .navbar-nav .nav-link:hover {
    color: #3fc90a !important
}

#top_nav_bar.navbarDesign4 .dropdown-item:hover {
    color: #3fc90a;
    background-color: transparent
}

#top_nav_bar.navbarDesign4 .dropdown-submenu {
    margin: 0
}

#top_nav_bar.navbarDesign4 .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 20px;
    border-radius: 0;
    box-shadow: unset;
    border: 0
}

#top_nav_bar.navbarDesign4 .navbar-expand-lg .navbar-nav .dropdown-menu ul {
    padding: 0;
    margin: 0
}

#top_nav_bar.navbarDesign5 {
    border-top: 1px solid #e4e4e2
}

#top_nav_bar.navbarDesign5 .navbar {
    border-bottom: none;
    height: 59px;
    background-color: #262626 !important
}

#top_nav_bar.navbarDesign5 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu {
    right: auto !important;
    left: 100% !important;
    margin: 0
}

#top_nav_bar.navbarDesign5 .nav-item {
    border-right: 1px solid #3c3c3c
}

#top_nav_bar.navbarDesign5 .nav-item:nth-child(1) {
    border-left: 1px solid #3c3c3c
}

#top_nav_bar.navbarDesign5 .navbar-nav .nav-link {
    border-top: 0;
    border-right: none;
    padding: 13px 20px;
    text-shadow: none;
    font: 14px/20px Arial, Helvetica, sans-serif;
    font-family: Open Sans, sans-serif;
    color: #fff !important;
    text-transform: uppercase;
    display: block
}

#top_nav_bar.navbarDesign5 .dropdown-submenu {
    position: relative;
    margin: 0
}

#top_nav_bar.navbarDesign5 .navbar-nav .nav-link:hover,
#top_nav_bar.navbarDesign5 .navbar-nav .nav-link.active {
    background-color: #fff;
    color: #262626 !important
}

#top_nav_bar.navbarDesign5 .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 0;
    background-color: #888 !important;
    box-shadow: 0 0 30px #7f89a140;
    transition: .3s;
    padding: 0;
    border-radius: 0;
    min-width: 200px;
    position: absolute
}

#top_nav_bar.navbarDesign5 .navbar-expand-lg .navbar-nav .dropdown-menu:after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
    border-bottom-color: #888
}

#top_nav_bar.navbarDesign5 .dropdown-item:hover {
    text-decoration: none;
    background-color: red;
    filter: none !important;
    border-radius: 0;
    color: #fff
}

#top_nav_bar.navbarDesign5 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:before {
    border-top: 10px solid transparent;
    border-right: 10px solid #888;
    border-bottom: 10px solid transparent;
    content: "";
    display: inline-block;
    left: -8px;
    position: absolute;
    top: 6px
}

#top_nav_bar.navbarDesign5 ul.navbar-nav.ms-auto .dropdown-submenu .dropdown-menu:after {
    display: none
}

#top_nav_bar.navbarDesign5 .navbar-nav li a h6,
#top_nav_bar.navbarDesign5 .navbar-nav li a {
    color: #fff
}

#top_nav_bar.navbarDesign6 .navbar-nav .nav-link {
    padding: 10px 18px
}

#top_nav_bar.navbarDesign6 .navbar-nav .nav-link:hover,
#top_nav_bar.navbarDesign6 .navbar-nav .nav-link.active {
    color: #ff636a !important
}

#top_nav_bar.navbarDesign6 .dropdown-submenu {
    margin: 0
}

#top_nav_bar.navbarDesign6 .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 20px;
    border-radius: 0;
    box-shadow: unset
}

#top_nav_bar.navbarDesign6 .navbar-expand-lg .navbar-nav .dropdown-menu ul {
    padding: 0;
    margin: 0
}

#top_nav_bar.navbarDesign6 .dropdown-item {
    padding: 3px 5px;
    margin-right: 20px
}

#top_nav_bar.navbarDesign6 .dropdown-item:hover {
    color: #ff636a;
    background-color: #0000000f;
    padding: 3px 5px;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 0
}

#top_nav_bar.navbarDesign6 .dropdown-toggle:after {
    content: "";
    top: .5em
}

#top_nav_bar.navbarDesign7 .navbar-nav .nav-link {
    padding: 13px 20px;
    font-size: 14px;
    color: #c51414 !important;
    font-weight: 600;
    display: block;
    position: relative;
    text-transform: uppercase
}

#top_nav_bar.navbarDesign7 .navbar-nav .nav-link:hover,
#top_nav_bar.navbarDesign7 .navbar-nav .nav-link.active {
    color: #fff !important;
    background-color: #000
}

#top_nav_bar.navbarDesign7 .dropdown-submenu {
    margin: 0
}

#top_nav_bar.navbarDesign7 .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 13px;
    border-radius: 0;
    box-shadow: unset
}

#top_nav_bar.navbarDesign7 .navbar-expand-lg .navbar-nav .dropdown-menu ul {
    padding: 0;
    margin: 0
}

#top_nav_bar.navbarDesign7 .dropdown-item {
    color: #ff636a;
    background-color: none;
    padding: 3px 5px;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 0;
    border-bottom: 1px #ddd solid
}

#top_nav_bar.navbarDesign7 .dropdown-item:hover {
    color: #ff636a;
    background-color: none;
    padding: 3px 5px;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 0
}

#top_nav_bar.navbarDesign7 .dropdown-toggle:after {
    content: "";
    top: .5em
}

#top_nav_bar.menuTopHover1 .dropdown-item:hover {
    background: transparent;
    border-radius: 0;
    color: #04b0eb
}

#top_nav_bar.menuTopHover1 .navbar-nav .nav-link:hover {
    background: #04b0eb;
    color: #fff
}

#top_nav_bar.menuTopHover2 .dropdown-item:hover {
    background: #18ba60;
    border-radius: 0;
    color: #fff
}

#top_nav_bar.menuTopHover2 .navbar-nav .nav-link:hover {
    background: #18ba60;
    color: #fff
}

#top_nav_bar.menuTopHover3 .navbar-nav .nav-link:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 2px;
    background: #f18636;
    height: 2px;
    width: 0;
    display: inline-block;
    transition: .8s;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -o-transition: .8s
}

#top_nav_bar.menuTopHover3 .navbar-nav .nav-link:hover:before {
    width: 100%
}

#top_nav_bar.menuTopHover3 .dropdown-item {
    line-height: normal;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

#top_nav_bar.menuTopHover3 .dropdown-item:hover {
    background: transparent;
    border-radius: 0;
    color: #f18636
}

#top_nav_bar.menuTopHover4 .dropdown-item:hover {
    background: transparent;
    border-radius: 0;
    color: #dc3545
}

#top_nav_bar.menuTopHover4 .navbar-nav .nav-link:hover {
    background: #dc3545;
    color: #fff !important
}

@media (max-width: 991px) {

    .lft_m_themeone.dashboard_wrapperMain .dashboard_bodyMain,
    .lft_m_themetwo.dashboard_wrapperMain .dashboard_bodyMain {
        display: block !important
    }

    .lft_m_themetwo.dashboard_wrapperMain .dashboard_bodyMain {
        background: #1c1c1c
    }

    body:has(.lft_m_themeone, .lft_m_themetwo, .lft_m_themethree) {
        overflow-y: hidden
    }

    .lft_m_themeone,
    .lft_m_themetwo,
    .lft_m_themethree {
        position: relative
    }

    .lft_m_themetwo:before {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #c6c4c1;
        transition: ease all .3s;
        z-index: 1
    }

    .lft_m_themetwo:has(.navbar-collapse.show):before {
        left: 0;
        opacity: .7
    }

    .navbar-toggler,
    .navbar-toggler:focus {
        border: none;
        box-shadow: none
    }

    .lft_m_themetwo .navbar-toggler {
        position: relative;
        z-index: 2
    }

    .lft_m_themetwo:has(.navbar-collapse.show) {
        z-index: 999
    }

    .lft_m_themeone .navbar,
    .lft_m_themetwo .navbar,
    .lft_m_themethree .navbar {
        position: static
    }

    .lft_m_themeone .navbar-collapse,
    .lft_m_themetwo .navbar-collapse,
    .lft_m_themethree .navbar-collapse {
        display: block !important;
        position: absolute;
        top: 0;
        left: -230px;
        width: 230px;
        height: 100% !important;
        background-color: #c6c4c1;
        overflow-y: auto;
        transition: ease all .3s;
        z-index: 21
    }

    .lft_m_themeone:has(.navbar-collapse.show) .navbar-collapse,
    .lft_m_themetwo:has(.navbar-collapse.show) .navbar-collapse,
    .lft_m_themethree:has(.navbar-collapse.show) .navbar-collapse {
        left: 0
    }

    .lft_m_themeone .dashboard_content,
    .lft_m_themetwo .dashboard_content,
    .lft_m_themethree .dashboard_content {
        transition: ease all .3s;
        width: 100% !important;
        transform-origin: 0 0
    }

    .lft_m_themeone:has(.navbar-collapse.show) .dashboard_content {
        margin-left: 260px;
        transform: scale(.85);
        transform-origin: 0 150px;
        transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
        -o-transition: all .3s ease-in
    }

    .lft_m_themetwo:has(.navbar-collapse.show) .dashboard_content {
        margin-left: 230px
    }

    .lft_m_themeone .navbar-collapse ul li,
    .lft_m_themetwo .navbar-collapse ul li,
    .lft_m_themethree .navbar-collapse ul li {
        width: 0;
        margin: 0 0 15px;
        transition: all .4s ease-in;
        -webkit-transition: all .4s ease-in;
        -moz-transition: all .4s ease-in;
        -ms-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        opacity: 0
    }

    .lft_m_themeone:has(.navbar-collapse.show) #top_nav_bar .navbar .navbar-nav .nav-item,
    .lft_m_themetwo:has(.navbar-collapse.show) #top_nav_bar .navbar .navbar-nav .nav-item,
    .lft_m_themethree:has(.navbar-collapse.show) #top_nav_bar .navbar .navbar-nav .nav-item {
        width: 100%;
        opacity: 1
    }

    .lft_m_themeone #top_nav_bar .navbar .navbar-nav .nav-link,
    .lft_m_themetwo #top_nav_bar .navbar .navbar-nav .nav-link,
    .lft_m_themethree #top_nav_bar .navbar .navbar-nav .nav-link {
        padding: 10px 15px;
        background: #eae8e5 !important;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }

    .lft_m_themeone #top_nav_bar .navbar .navbar-nav .nav-link:has(.menu_icon),
    .lft_m_themetwo #top_nav_bar .navbar .navbar-nav .nav-link:has(.menu_icon),
    .lft_m_themethree #top_nav_bar .navbar .navbar-nav .nav-link:has(.menu_icon),
    .lft_m_themeone #top_nav_bar .navbar .navbar-nav .nav-link:has(img),
    .lft_m_themetwo #top_nav_bar .navbar .navbar-nav .nav-link:has(img),
    .lft_m_themethree #top_nav_bar .navbar .navbar-nav .nav-link:has(img) {
        padding: 6px
    }

    .lft_m_themeone #top_nav_bar .navbar .navbar-nav .nav-link .menu_icon,
    .lft_m_themetwo #top_nav_bar .navbar .navbar-nav .nav-link .menu_icon,
    .lft_m_themethree #top_nav_bar .navbar .navbar-nav .nav-link .menu_icon {
        font-size: 20px;
        background: #dbd7d7;
        padding: 6px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }

    .lft_m_themeone #top_nav_bar .navbar .navbar-nav .nav-link:has(img),
    .lft_m_themetwo #top_nav_bar .navbar .navbar-nav .nav-link:has(img),
    .lft_m_themethree #top_nav_bar .navbar .navbar-nav .nav-link:has(img) {
        display: flex;
        align-items: center;
        gap: 5px
    }

    .lft_m_themeone #top_nav_bar .navbar .navbar-nav .nav-link img,
    .lft_m_themetwo #top_nav_bar .navbar .navbar-nav .nav-link img,
    .lft_m_themethree #top_nav_bar .navbar .navbar-nav .nav-link img {
        display: inline !important;
        width: auto !important;
        background: #dbd7d7;
        padding: 6px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }

    .lft_m_themethree.dashboard_wrapperMain:has(.navbar-collapse.show) #top_nav_bar .navbar.bg-light,
    .lft_m_themethree.dashboard_wrapperMain .dashboard_bodyMain {
        background: #c6c4c1 !important
    }

    .lft_m_themethree .dashboard_content {
        background: #f8f7f5;
        position: relative;
        z-index: 20;
        width: 100%;
        overflow: hidden;
        visibility: visible;
        transform-origin: center center;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -khtml-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .lft_m_themethree:has(.navbar-collapse.show) .dashboard_content {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -khtml-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95);
        visibility: hidden
    }
}

.MenuBackBtn {
    padding: 10px 15px;
    background-color: #f3f6f8
}

.MenuBackBtn a {
    padding-left: 15px;
    position: relative
}

.MenuBackBtn a:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 8px;
    height: 8px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    transform: rotate(-45deg) translateY(-50%)
}

.dashboard_wrapperMain:has(.left_open) .sidebar-toggle .fa-bars:before,
.dashboard_wrapperMain:has(.right_open) .rightbar-toggle .fa-bars:before {
    content: "\f00d"
}

#top_nav_bar .navbar:has(.navbar-collapse.show) button .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23999'%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");
    background-size: 20px auto
}

.navbar-toggler:focus {
    box-shadow: none !important
}

.m-auto .dropdown-menu.big_box.bssClass.container {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul {
    list-style: none
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap {
    display: flex;
    flex-direction: column;
    position: relative
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box:has(ul.megaWrap),
#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap {
    padding: 0;
    background-color: #f7f7f7
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap,
#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li {
    width: 100%;
    border-bottom: none
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li {
    display: flex;
    align-items: flex-start;
    width: 300px
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mobile_and_left_menu.megaWrapcheck) {
    width: auto
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mega_Hover) .down-arrow {
    display: none !important
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mega_Hover):has(.mobile_and_left_menu.megaWrapcheck) .down-arrow {
    display: flex !important
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>a {
    width: 300px
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>a {
    padding: 10px 15px;
    color: #000
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mobile_and_left_menu.megaWrapcheck) a.mega_Hover {
    width: 260px
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap:after,
#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>a {
    background-color: #f7f7f7
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap {
    background-color: #1237b9
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box .mobile_and_left_menu li a,
#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box .mobile_and_left_menu li a.active {
    background-color: transparent !important
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>.mobile_and_left_menu {
    position: absolute;
    top: 0;
    left: 300px;
    max-width: 100%;
    overflow-y: auto;
    max-height: 70vh;
    padding: 20px 30px;
    opacity: 0;
    visibility: hidden;
    width: calc(100% - 300px);
    align-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    pointer-events: none;
    z-index: 1
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>.mobile_and_left_menu>li {
    width: calc(33.3333% - 10px);
    margin-bottom: 20px
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li a.active+.mobile_and_left_menu {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: auto
}

.MegaMenuIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    width: 45px;
    height: 45px;
    background-color: #f5f5f5;
    border-radius: 100%
}

.MegaMenuName:not(.mega_Hover .MegaMenuName) {
    font-weight: 700
}

.MegaMenuText {
    font-size: 12px
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box .mobile_and_left_menu .list-nav-ul {
    width: 100% !important;
    font-size: 14px
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul li .list-nav-ul li {
    position: relative;
    width: 100% !important;
    border: none;
    padding-left: 15px;
    margin-bottom: 4px
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul li .list-nav-ul li:before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    content: "";
    background-color: #fff;
    border-radius: 100%
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul li:has(.MegaMenuIcon) a {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    white-space: normal
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul li:has(.MegaMenuIcon) .list-nav-ul {
    padding-left: 55px
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul li a .MegaMenuIcon i {
    margin: 0
}

.down-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    width: 40px;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 1
}

#top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul li:has(.MegaMenuIcon) a:hover i {
    background-color: transparent !important
}

@media screen and (min-width: 992px) {
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>a {
        width: 300px;
        position: relative;
        z-index: 1
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 300px;
        height: 100%;
        content: ""
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>a.active,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mega_Hover.active)>.down-arrow,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>.mobile_and_left_menu:after {
        background-color: #1237b9
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>a.active,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul li .list-nav-ul li,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box .mobile_and_left_menu li a,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box .mobile_and_left_menu li a.active,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mega_Hover.active)>.down-arrow:before {
        color: #fff !important
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mega_Hover.active)>.down-arrow:before {
        content: "\f105"
    }
}

@media screen and (max-width: 991px) {
    #top_nav_bar .mobile_and_left_menu.megaWrapcheck.d-none {
        display: none !important
    }

    #top_nav_bar .mobile_and_left_menu.megaWrapcheck.d-flex {
        display: flex !important
    }

    #top_nav_bar .navbar:has([class*=mega-menu-]) {
        height: unset !important
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap {
        height: auto !important
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>.mobile_and_left_menu>li {
        width: calc(50% - 10px);
        margin-bottom: 5px
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li {
        display: block;
        width: 100%
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>a {
        width: 100%
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.down-arrow) {
        position: relative
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mobile_and_left_menu.d-flex)>.down-arrow:before {
        content: "\f107"
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mobile_and_left_menu.megaWrapcheck) a.mega_Hover {
        width: calc(100% - 40px)
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>.mobile_and_left_menu {
        position: static;
        width: 100%;
        height: 0;
        max-height: unset;
        overflow: hidden !important;
        padding: 5px 15px 15px !important;
        -moz-transition: height 1s ease;
        -webkit-transition: height 1s ease;
        -o-transition: height 1s ease;
        transition: height 1s ease
    }

    .dashboard_wrapperMain #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(a.active)>.mobile_and_left_menu {
        display: none;
        height: auto;
        max-height: 100% !important
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul {
        background-color: transparent
    }

    .down-arrow {
        position: absolute;
        top: 0;
        right: 0;
        height: 44px;
        z-index: 1
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>.down-arrow:before {
        content: "\f106"
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mobile_and_left_menu.d-flex):has(a.active)>a,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mobile_and_left_menu.d-flex):has(a.active)>.down-arrow {
        background-color: #1237b9
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mobile_and_left_menu.d-flex):has(a.active)>a,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li:has(.mobile_and_left_menu.d-flex):has(a.active) li .list-nav-ul li,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box .megaWrap>li:has(.mobile_and_left_menu.d-flex):has(a.active) a,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box .megaWrap>li:has(.mobile_and_left_menu.d-flex):has(a.active)>.down-arrow:before {
        color: #fff !important
    }
}

@media screen and (max-width: 767px) {
    .down-arrow {
        height: 41px
    }

    .MegaMenuIcon {
        min-width: 35px;
        width: 35px;
        height: 35px
    }

    .MegaMenuInfo {
        gap: 0 !important
    }

    .MegaMenuName,
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li {
        font-size: 14px
    }

    .MegaMenuText {
        font-size: 11px
    }

    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul li:has(.MegaMenuIcon) .list-nav-ul {
        padding-left: 50px !important
    }
}

@media screen and (max-width: 575px) {
    #top_nav_bar .navbar-expand-lg .navbar-nav [class*=mega-menu-]+.dropdown-menu.big_box ul.megaWrap>li>.mobile_and_left_menu>li {
        width: calc(100% - 10px);
        margin-bottom: 5px
    }
}

.accordionDesign1 .card {
    border: none
}

.accordionDesign1 .card .card-head {
    background: #333435;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 20px;
    opacity: .9;
    border-bottom: 1px solid #e5e5e5
}

.accordionDesign1.alignLeft .card .card-head {
    padding: 20px 20px 20px 60px
}

.accordionDesign1.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign1.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 8px
}

.accordionDesign1.alignRight .card-head[aria-expanded=false] .icon-show,
.accordionDesign1.alignRight .card-head[aria-expanded=true] .icon-close {
    right: 8px
}

.accordionDesign1 .card-head[aria-expanded=false] .icon-show,
.accordionDesign1 .card-head[aria-expanded=true] .icon-close {
    font-size: 20px;
    color: #eca300;
    background-color: #000;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.accordionDesign1 .icon-show,
.accordionDesign1 .icon-close {
    display: none
}

.accordionDesign1 .accordion.collapse {
    background: #333435;
    color: #c1ced8;
    border: 1px solid #333435 !important
}

.accordionDesign1 :is(.collapsing) {
    background: #333435;
    color: #c1ced8
}

.accordionDesign2 .card {
    border: inherit
}

.accordionDesign2 .card .card-head {
    position: relative;
    display: flex;
    flex-direction: column;
    color: #7288a2;
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    cursor: pointer;
    padding: 20px;
    border-radius: 10px;
    border-left: 10px solid #032349 !important;
    border-right: 10px solid #032349 !important;
    background: #fff;
    -webkit-box-shadow: 32px 10px 57px 0px rgb(0 0 0 / 18%);
    -moz-box-shadow: 32px 10px 57px 0px rgba(0, 0, 0, .18);
    box-shadow: 32px 10px 57px #0000002e;
    margin-bottom: 5px
}

.accordionDesign2 .card .card-head:hover {
    color: #03b5d2
}

.accordionDesign2 .card-head[aria-expanded=true] {
    color: #03b5d2 !important
}

.accordionDesign2.alignLeft .card .card-head {
    padding: 20px 20px 20px 50px
}

.accordionDesign2.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign2.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 8px;
    color: #03b5d2;
    border: 1px solid #03b5d2
}

.accordionDesign2.alignRight .card-head[aria-expanded=false] .icon-show,
.accordionDesign2.alignRight .card-head[aria-expanded=true] .icon-close {
    right: 8px;
    color: #03b5d2;
    border: 1px solid #03b5d2
}

.accordionDesign2 .card-head[aria-expanded=false] .icon-show,
.accordionDesign2 .card-head[aria-expanded=true] .icon-close {
    position: absolute;
    font-size: 1rem;
    color: #7288a2;
    padding: 5px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #7288a2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 8px
}

.accordionDesign2 .icon-show,
.accordionDesign2 .icon-close {
    display: none
}

.accordionDesign2 .collapse {
    border-radius: 10px
}

.accordionDesign2 :is(.collapsing) {
    border-radius: 10px
}

.accordionDesign3 .card {
    border: inherit
}

.accordionDesign3 .card .card-head {
    background: #ececec;
    color: #333;
    border-radius: 0;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    flex-direction: column;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    opacity: .9;
    box-shadow: 1px 1px 2px #0000004d;
    margin: 0 0 4px;
    border: none
}

.accordionDesign3 .card-head[aria-expanded=true] {
    background-color: #0c2b44 !important;
    color: #ffecd6 !important
}

.accordionDesign3.alignLeft .card .card-head {
    padding: 20px 20px 20px 50px
}

.accordionDesign3.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign3.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 8px;
    color: #ffecd6
}

.accordionDesign3.alignRight .card-head[aria-expanded=false] .icon-show,
.accordionDesign3.alignRight .card-head[aria-expanded=true] .icon-close {
    right: 8px;
    color: #ffecd6
}

.accordionDesign3 .card-head[aria-expanded=false] .icon-show {
    font-size: 20px;
    color: #333 !important;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.accordionDesign3 .card-head[aria-expanded=true] .icon-close {
    font-size: 20px;
    color: #dfac3a;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.accordionDesign3 .icon-show,
.accordionDesign3 .icon-close {
    display: none
}

.accordionDesign3 .collapse {
    box-shadow: inset 0 1px 10px -1px #cccc
}

.accordionDesign4 .card {
    border: inherit
}

.accordionDesign4 .card .card-head {
    display: flex;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    color: #000;
    border: none;
    border-radius: 50px;
    position: relative;
    box-shadow: #3c40434d 0 1px 2px, #3c404326 0 2px 6px 2px;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 5px;
    flex-direction: column
}

.accordionDesign4.alignLeft .card .card-head {
    padding: 20px 20px 20px 50px
}

.accordionDesign4 .card-head[aria-expanded=false] .icon-show {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    background: #1c2938;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff
}

.accordionDesign4 .card-head[aria-expanded=true] .icon-close {
    position: absolute;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    background: #1c2938;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.accordionDesign4.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign4.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 15px
}

.accordionDesign4.alignRight .card-head[aria-expanded=false] .icon-show,
.accordionDesign4.alignRight .card-head[aria-expanded=true] .icon-close {
    right: 15px
}

.accordionDesign4 .icon-show,
.accordionDesign4 .icon-close {
    display: none
}

.accordionDesign4 .collapse {
    box-shadow: inset 0 1px 10px -1px #cccc;
    border-radius: 50px
}

.accordionDesign4 :is(.collapsing) {
    border-radius: 50px
}

.accordionDesign5 .card {
    border: inherit
}

.accordionDesign5 .card .card-head {
    display: flex;
    padding: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #ef6145;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    flex-direction: column;
    margin-bottom: 5px
}

.accordionDesign5.alignLeft .card .card-head {
    padding: 20px 20px 20px 60px
}

.accordionDesign5 .card-head[aria-expanded=false] .icon-show {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    background: #1c2938;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff
}

.accordionDesign5 .card-head[aria-expanded=true] .icon-close {
    position: absolute;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    background: #1c2938;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.accordionDesign5.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign5.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 6px
}

.accordionDesign5.alignRight .card-head[aria-expanded=false] .icon-show,
.accordionDesign5.alignRight .card-head[aria-expanded=true] .icon-close {
    right: 6px
}

.accordionDesign5 .icon-show,
.accordionDesign5 .icon-close {
    display: none
}

.accordionDesign5 .collapse {
    color: #5a3245;
    position: relative;
    background: #fff
}

.accordionDesign5 .collapse:before {
    content: "";
    width: 5px;
    height: 100%;
    background: #ef6145;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.accordionDesign5.alignLeft .card .card-head:before {
    content: "";
    width: 55px;
    height: 100%;
    background-color: #0000001a;
    position: absolute;
    top: 0;
    left: -13px;
    transform: skew(-25deg);
    transition: all .5s ease 0s
}

.accordionDesign5.alignRight .card .card-head:before {
    content: "";
    width: 55px;
    height: 100%;
    background-color: #0000001a;
    position: absolute;
    top: 0;
    right: -13px;
    left: inherit;
    transform: skew(-25deg);
    transition: all .5s ease 0s
}

.accordionDesign6 .card {
    border: inherit
}

.accordionDesign6 .card .card-head {
    display: flex;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    color: #000;
    border: none;
    border-radius: 0;
    position: relative;
    box-shadow: #3c40434d 0 1px 2px, #3c404326 0 2px 6px 2px;
    background: #fff6ee;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 5px;
    flex-direction: column
}

.accordionDesign6.alignLeft .card .card-head {
    padding: 20px 20px 20px 70px
}

.accordionDesign6 .card-head[aria-expanded=false] .icon-show {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    background: #8b00ff;
    box-shadow: 0 10px 20px #0003;
    width: 40px;
    height: 40px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff
}

.accordionDesign6 .card-head[aria-expanded=true] .icon-close {
    position: absolute;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    background: #8b00ff;
    box-shadow: 0 10px 20px #0003;
    width: 40px;
    height: 40px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.accordionDesign6.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign6.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 15px
}

.accordionDesign6.alignRight .card-head[aria-expanded=false] .icon-show,
.accordionDesign6.alignRight .card-head[aria-expanded=true] .icon-close {
    right: 15px
}

.accordionDesign6 .icon-show,
.accordionDesign6 .icon-close {
    display: none
}

.accordionDesign6 .collapse p {
    border-radius: 0
}

.accordionDesign7 .card .card-head {
    background-color: #fff;
    margin: 0;
    box-shadow: none;
    text-align: left
}

.accordionDesign7 .card-head[aria-expanded=true] {
    background-color: #fff !important;
    color: #000 !important
}

.accordionDesign7.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign7.alignLeft .card-head[aria-expanded=true] .icon-close {
    color: #000
}

.accordionDesign7 .collapse {
    box-shadow: none;
    border-top: 1px solid #dbdfe3 !important
}

.accordionDesign7.alignLeft .card .card-head {
    padding: 20px 20px 20px 55px;
    font-weight: 500
}

.accordionDesign7.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign7.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 10px
}

.accordionDesign7 .card .card-head {
    background: #fff;
    color: #333;
    border-radius: 0;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all .5s ease 0s;
    cursor: pointer;
    flex-direction: column;
    padding: 20px;
    opacity: .9;
    box-shadow: none;
    margin: 0
}

.accordionDesign7 .card-head[aria-expanded=false] .icon-show {
    font-size: 20px;
    color: #333 !important;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.accordionDesign7 .icon-show,
.accordionDesign7 .icon-close {
    display: none
}

.accordionDesign7 .card {
    border: inherit
}

.accordionDesign7 .card-head[aria-expanded=true] .icon-close {
    font-size: 20px;
    color: #000;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.accordionDesign7 .accordion {
    background-color: #fff
}

.accordionDesign7 .card.shadow-none {
    background-color: transparent
}

.accordionDesign8 .card {
    border: inherit;
    background: transparent
}

.accordionDesign8 .card .card-head {
    background: #fff;
    color: #0db1f0;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    opacity: .9;
    box-shadow: 0 5px 12px -4px #0003;
    margin: 0 0 20px;
    border: none;
    border-radius: 3px
}

.accordionDesign8 .card-head[aria-expanded=true] {
    background-color: #fff !important;
    color: #0db1f0 !important
}

.accordionDesign8.alignLeft .card .card-head {
    padding: 20px 20px 20px 50px
}

.accordionDesign8.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign8.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 8px
}

.accordionDesign8.alignRight .card-head[aria-expanded=false] .icon-show,
.accordionDesign8.alignRight .card-head[aria-expanded=true] .icon-close {
    right: 8px
}

.accordionDesign8 .card-head[aria-expanded=false] .icon-show {
    font-size: 16px;
    color: #ccc !important;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.accordionDesign8 .card-head[aria-expanded=true] .icon-close {
    font-size: 16px;
    color: #ccc;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.accordionDesign8 .icon-show,
.accordionDesign8 .icon-close {
    display: none
}

.accordionDesign8 {
    background-color: transparent !important
}

.accordionDesign8 .accordion {
    color: #000000bd
}

.accordionDesign9 .card .card-head {
    background-color: #fff;
    margin: 0;
    box-shadow: none;
    text-align: left
}

.accordionDesign9 .card-head[aria-expanded=true] {
    background-color: #fff !important;
    color: #eba056 !important;
    border-bottom: 1px solid #EBA056 !important
}

.accordionDesign9 .collapse {
    box-shadow: none;
    color: #888
}

.accordionDesign9.alignLeft .card .card-head {
    padding: 10px 20px 10px 55px;
    font-weight: 500
}

.accordionDesign9.alignLeft .card-head[aria-expanded=false] .icon-show,
.accordionDesign9.alignLeft .card-head[aria-expanded=true] .icon-close {
    left: 10px
}

.accordionDesign9 .card .card-head {
    background: #fff;
    color: #000;
    border-radius: 0;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all .5s ease 0s;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    opacity: 1;
    box-shadow: none;
    margin: 0;
    font-weight: 700;
    padding: 10px 0 10px 5px
}

.accordionDesign9 .card-head[aria-expanded=false] .icon-show {
    font-size: 14px;
    color: #333 !important;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.accordionDesign9 .icon-show,
.accordionDesign9 .icon-close {
    display: none
}

.accordionDesign9 .card {
    border: inherit
}

.accordionDesign9 .card-head[aria-expanded=true] .icon-close {
    font-size: 14px;
    color: #eba056;
    width: 40px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.accordion2_1 {
    position: relative
}

.accordion2_1:before {
    content: "";
    width: 1px;
    background-color: #550527;
    position: absolute;
    top: 24px;
    left: 9px;
    bottom: 24px
}

.accordion2_1 .accordion-item {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px #00000026;
    margin: 0 0 12px 50px;
    position: relative
}

.accordion2_1 .accordion-item:before {
    content: "";
    width: 2px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#688e26), to(#ff816a));
    background: -o-linear-gradient(top, #688e26 0%, #ff816a 100%);
    background: linear-gradient(to bottom, #688e26, #ff816a);
    position: absolute;
    top: 0;
    left: -2px
}

.accordion2_1 .accordion-header {
    position: relative
}

.accordion2_1 .accordion-header:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #550527;
    position: absolute;
    top: 50%;
    left: -48px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.accordion2_1 .accordion-button {
    font-size: 20px;
    font-weight: 600;
    color: #550527;
    position: relative;
    background-color: unset;
    box-shadow: none
}

.accordion2_1 .accordion-button:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.accordion2_1 .accordion-button:after {
    display: none
}

.accordion2_1 .accordion-header span i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    font-size: 15px;
    color: #688e26;
    text-align: center;
    border: 1px solid #688e26;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.accordion2_1 .accordion-button,
.accordion2_1 .accordion-button:hover {
    z-index: 0
}

.accordion2_1 .accordion-header .accordion-button[aria-expanded=true] span .icon-show,
.accordion2_1 .accordion-header .accordion-button[aria-expanded=false] span .icon-close {
    display: none
}

.accordion2_1 .accordion-header .accordion-button[aria-expanded=false] span .icon-show,
.accordion2_1 .accordion-header .accordion-button[aria-expanded=true] span .icon-close {
    display: block
}

.accordion2_1 .accordion-body p {
    margin: 0;
    color: #305275;
    font-size: 14px
}

.accordion2_1 .accordion-item .accordion-header+div {
    border-top: 1px solid #ddd
}

[data-bs-theme=dark] .accordion2_1:before,
[data-bs-theme=flately] .accordion2_1:before {
    background-color: #fff3
}

[data-bs-theme=dark] .accordion2_1 .accordion-item,
[data-bs-theme=flately] .accordion2_1 .accordion-item {
    background-color: #ffffff1a
}

[data-bs-theme=dark] .accordion2_1 .accordion-header:before,
[data-bs-theme=flately] .accordion2_1 .accordion-header:before {
    background-color: #1c1e26;
    border-color: #35363d
}

[data-bs-theme=dark] .accordion2_1 .accordion-item .accordion-button,
[data-bs-theme=dark] .accordion2_1 .accordion-body p,
[data-bs-theme=flately] .accordion2_1 .accordion-item .accordion-button,
[data-bs-theme=flately] .accordion2_1 .accordion-body p {
    color: #fff
}

[data-bs-theme=dark] .accordion2_1 .accordion-item .accordion-header+div,
[data-bs-theme=flately] .accordion2_1 .accordion-item .accordion-header+div {
    border-top-color: #fff3
}

.accordion2_2 .accordion-item {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 5px;
    position: relative;
    background-color: #f7f7f7
}

.accordion2_2 .accordion-button {
    background-color: #f7f7f7;
    font-size: 18px;
    font-weight: 700;
    color: #1d3557;
    border-radius: 0;
    position: relative;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.accordion2_2 .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #0d6efd
}

.accordion2_2 .accordion-button:after {
    display: none
}

.accordion2_2 .accordion-button,
.accordion2_2 .accordion-button:hover {
    z-index: 0
}

.accordion2_2 .accordion-header .accordion-button[aria-expanded=true] span .icon-show,
.accordion2_2 .accordion-header .accordion-button[aria-expanded=false] span .icon-close {
    display: none
}

.accordion2_2 .accordion-header .accordion-button[aria-expanded=false] span .icon-show,
.accordion2_2 .accordion-header .accordion-button[aria-expanded=true] span .icon-close {
    display: block
}

.accordion2_2 .accordion-header span i {
    width: 40px;
    line-height: 40px;
    background-color: #8a8ac3;
    border: 1px solid #8a8ac3;
    border-radius: 3px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.accordion2_2 .accordion-body p {
    color: #6f6f6f;
    margin: 0
}

[data-bs-theme=dark] .accordion2_2 .accordion-item,
[data-bs-theme=flately] .accordion2_2 .accordion-item {
    background-color: #ffffff1a
}

[data-bs-theme=dark] .accordion2_2 .accordion-button,
[data-bs-theme=flately] .accordion2_2 .accordion-button {
    color: #fff;
    background-color: #ffffff0d
}

[data-bs-theme=dark] .accordion2_2 .accordion-body p,
[data-bs-theme=flately] .accordion2_2 .accordion-body p {
    color: #fff
}

.accordion2_3 span i {
    display: none
}

.accordion2_3 .accordion-item {
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid #1A1A1A
}

.accordion2_3 .accordion-button {
    background-color: #27272a;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.accordion2_3 .accordion-button:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.accordion2_3 .accordion-button:after {
    -webkit-filter: invert(99%) sepia(1%) saturate(2%) hue-rotate(180deg) brightness(104%) contrast(100%);
    filter: invert(99%) sepia(1%) saturate(2%) hue-rotate(180deg) brightness(104%) contrast(100%)
}

.accordion2_3 .accordion-header [aria-expanded=true] {
    background-color: #1a1a1a;
    border-bottom: 1px solid #27272A;
    color: #fff
}

.accordion2_3 .accordion-body {
    background-color: #1a1a1a;
    color: #fff
}

.accordion2_3 .accordion-body p {
    margin: 0;
    color: #fff
}

.accordion2_3 .accordion-item .accordion-button {
    position: relative;
    box-shadow: none;
    border-bottom: 1px solid #27272A
}

.accordion2_3.alignLeft .accordion-item .accordion-button {
    padding-left: 50px
}

.accordion2_3.alignLeft .accordion-item .accordion-button:after {
    position: absolute;
    left: 20px
}

[data-bs-theme=dark] .accordion2_3 .accordion-button,
[data-bs-theme=flately] .accordion2_3 .accordion-button {
    color: #fff;
    background-color: #ffffff1a
}

[data-bs-theme=dark] .accordion2_3 .accordion-item,
[data-bs-theme=flately] .accordion2_3 .accordion-item {
    border-color: #fff3
}

[data-bs-theme=dark] .accordion2_3 .accordion-item .accordion-header+div,
[data-bs-theme=dark] .accordion2_3 .accordion-item:not(:first-of-type),
[data-bs-theme=flately] .accordion2_3 .accordion-item .accordion-header+div,
[data-bs-theme=flately] .accordion2_3 .accordion-item:not(:first-of-type) {
    border-top-color: #fff3
}

[data-bs-theme=dark] .accordion2_3 .accordion-item .accordion-button,
[data-bs-theme=flately] .accordion2_3 .accordion-item .accordion-button {
    border-color: #fff3
}

[data-bs-theme=dark] .accordion2_3 .accordion-body,
[data-bs-theme=flately] .accordion2_3 .accordion-body {
    background-color: #ffffff1a
}

.accordion2_4 .accordion-item {
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden
}

.accordion2_4 .accordion-item:not(:first-of-type) {
    border-top: 1px solid #dee2e6
}

.accordion2_4 .accordion-button {
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.accordion2_4 .accordion-button:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.accordion2_4 .accordion-button:after {
    display: none
}

.accordion2_4 .accordion-header {
    position: relative
}

.accordion2_4 .accordion-button,
.accordion2_4 .accordion-button:hover {
    z-index: 0
}

.accordion2_4 .accordion-header .accordion-button[aria-expanded=true] span .icon-show {
    display: block
}

.accordion2_4 .accordion-header .accordion-button[aria-expanded=false] span .icon-close {
    display: none
}

.accordion2_4 .accordion-header .accordion-button[aria-expanded=false] span .icon-show,
.accordion2_4 .accordion-header .accordion-button[aria-expanded=true] span .icon-close {
    display: block
}

.accordion2_4 .accordion-item .accordion-header+div {
    border-top: 1px solid #dee2e6
}

.accordion2_4 .accordion-header span i {
    width: 28px;
    height: 28px;
    background-color: #c7bcef;
    color: #7458db;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    border-radius: 50px;
    position: absolute;
    right: 20px;
    top: 12px
}

.accordion2_4 .accordion-body p {
    margin: 0
}

.accordion2_4.alignLeft .accordion-item .accordion-header .accordion-button {
    padding-left: 60px
}

.accordion2_4.alignLeft .accordion-item .accordion-header .accordion-button span i {
    position: absolute;
    left: 20px;
    right: auto
}

[data-bs-theme=dark] .accordion2_4 .accordion-button,
[data-bs-theme=flately] .accordion2_4 .accordion-button {
    color: #fff;
    background-color: #ffffff1a
}

[data-bs-theme=dark] .accordion2_4 .accordion-item,
[data-bs-theme=flately] .accordion2_4 .accordion-item {
    border-color: #fff3
}

[data-bs-theme=dark] .accordion2_4 .accordion-item .accordion-header+div,
[data-bs-theme=dark] .accordion2_4 .accordion-item:not(:first-of-type),
[data-bs-theme=flately] .accordion2_4 .accordion-item .accordion-header+div,
[data-bs-theme=flately] .accordion2_4 .accordion-item:not(:first-of-type) {
    border-top-color: #fff3
}

.accordion2_5.accordion {
    background-color: #f7f7f9;
    padding: 20px;
    border-radius: 12px;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 1.95px 1.95px 2.6px;
    box-shadow: #00000026 1.95px 1.95px 2.6px
}

.accordion2_5 .accordion-button:after {
    display: none
}

.accordion2_5 .accordion-header {
    position: relative
}

.accordion2_5 .accordion-button,
.accordion2_5 .accordion-button:hover {
    z-index: 0
}

.accordion2_5 .accordion-header .accordion-button[aria-expanded=true] span .icon-show,
.accordion2_5 .accordion-header .accordion-button[aria-expanded=false] span .icon-close {
    display: none
}

.accordion2_5 .accordion-header .accordion-button[aria-expanded=false] span .icon-show,
.accordion2_5 .accordion-header .accordion-button[aria-expanded=true] span .icon-close {
    display: block
}

.accordion2_5 .accordion-header span i {
    color: #141212;
    font-size: 20px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 15px
}

.accordion2_5 .accordion-item {
    margin-bottom: 10px;
    border-radius: 6px;
    border: unset;
    background-color: unset
}

.accordion2_5 .accordion-item .accordion-header {
    margin-bottom: 5px;
    border: 1px dashed #807C8D
}

.accordion2_5 .accordion-item .accordion-button {
    background-color: #f7f7f9;
    font-weight: 500;
    color: #333;
    border-top-left-radius: 0%;
    border-top-right-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important
}

.accordion2_5 .accordion-item .accordion-button:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.accordion2_5 .accordion-item .accordion-body {
    background-color: #e6e6ff
}

.accordion2_5 .accordion-item .accordion-body p {
    margin: 0;
    color: #141212;
    text-align: justify;
    font-size: 16px
}

.accordion2_5.alignLeft .accordion-item .accordion-header .accordion-button {
    padding-left: 40px
}

.accordion2_5.alignLeft .accordion-item .accordion-header i {
    position: absolute;
    left: 10px;
    right: auto;
    top: 17px
}

[data-bs-theme=dark] .accordion2_5.accordion,
[data-bs-theme=flately] .accordion2_5.accordion {
    background-color: #ffffff1a
}

[data-bs-theme=dark] .accordion2_5 .accordion-item .accordion-header,
[data-bs-theme=flately] .accordion2_5 .accordion-item .accordion-header {
    border-color: #ffffff1a
}

[data-bs-theme=dark] .accordion2_5 .accordion-item .accordion-button,
[data-bs-theme=flately] .accordion2_5 .accordion-item .accordion-button {
    color: #fff;
    background-color: transparent
}

[data-bs-theme=dark] .accordion2_5 .accordion-item .accordion-body,
[data-bs-theme=flately] .accordion2_5 .accordion-item .accordion-body {
    background-color: #ffffff1a
}

[data-bs-theme=dark] .accordion2_5 .accordion-item .accordion-body p,
[data-bs-theme=flately] .accordion2_5 .accordion-item .accordion-body p {
    color: #fff
}

.accordion2_6 .accordion-header {
    background-color: rgba(var(--white-100));
    border-radius: 10px
}

.accordion2_6 .accordion-button.collapsed {
    background: none
}

.accordion2_6 .accordion-button:not(.collapsed) {
    background-color: rgba(var(--sky-blue-200));
    box-shadow: none;
    border-radius: 10px 10px 0 0
}

.accordion2_6 .accordion-button:focus {
    box-shadow: none;
    border: 0
}

.accordion2_6 .accordion-item {
    background-color: rgba(var(--sky-blue-100));
    border: 0;
    margin-bottom: 10px;
    border-radius: 10px
}

.accordion2_6 .accordion-button>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--blue-400)), rgba(var(--sky-blue-900)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-weight: 600;
    padding-left: 30px
}

.accordion2_6 .accordion-button.collapsed>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--black-900)), rgba(var(--black-900)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative
}

.accordion2_6 .accordianHeading {
    position: relative
}

.accordion2_6 .accordion-body {
    padding-left: 50px
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_6 .accordion-header {
    background-color: rgba(var(--white-900)) !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_6 .accordion-button:not(.collapsed) {
    background-color: rgba(var(--white-900)) !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_6 .accordion-item {
    background-color: rgba(var(--white-900)) !important;
    border: 1px rgba(33, 37, 41, 1) solid
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_6 .accordion-button>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--sky-blue-400)), rgba(var(--sky-blue-900))) !important;
    background-clip: border-box !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_6 .accordion-button.collapsed>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--black-900)), rgba(var(--black-900))) !important;
    background-clip: border-box !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.accordion2_7 .accordion-item {
    border: none;
    border-radius: 0;
    position: relative
}

.accordion2_7 .accordion-button>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--sky-blue-700)), rgba(var(--sky-blue-900)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-weight: 600
}

.accordion2_7 .accordion-button.collapsed>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--black-700)), rgba(var(--black-900)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative
}

.accordion2_7 .accordion-item:before {
    content: "";
    width: 2px;
    height: 100%;
    background: rgba(var(--gray-400));
    position: absolute;
    top: 0;
    left: -2px
}

.accordion2_7 .accordion-header {
    position: relative
}

.accordion2_7 .accordion-button {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    background-color: unset;
    box-shadow: none
}

.accordion2_7 .accordion-button:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.accordion2_7 .accordion-button:after {
    display: none
}

.accordion2_7 .accordion-body p {
    margin: 0;
    color: rgba(var(--blue-800));
    font-size: 14px
}

.accordion2_7 .accordion-item:has(.accordion-header+.accordion-collapse.collapse.show):before {
    background: linear-gradient(to right, rgba(var(--sky-blue-700)), rgba(var(--sky-blue-900)))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_7 .accordion-button>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--sky-blue-700)), rgba(var(--sky-blue-900)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_7 .accordion-button.collapsed>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--black-700)), rgba(var(--black-900)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_7 .accordion-item:before {
    background: rgba(var(--white-100))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_7 .accordion-body p {
    color: rgba(var(--black-800)) !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_7 .accordion-item:has(.accordion-header+.accordion-collapse.collapse.show):before {
    background: linear-gradient(to right, rgba(var(--sky-blue-700)), rgba(var(--sky-blue-900)))
}

.accordion2_8 .accordion-header {
    background-color: rgba(var(--white-100));
    border-radius: 10px
}

.accordion2_8 .accordion-button.collapsed {
    background: none
}

.accordion2_8 .accordion-button:not(.collapsed) {
    background-color: rgba(var(--sky-blue-200));
    box-shadow: none;
    border-radius: 10px 10px 0 0
}

.accordion2_8 .accordion-button:focus {
    box-shadow: none;
    border: 0
}

.accordion2_8 .accordion-item {
    background-color: rgba(var(--sky-blue-100));
    border: 0;
    margin-bottom: 10px;
    border-radius: 10px
}

.accordion2_8 .accordion-button>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--blue-400)), rgba(var(--sky-blue-900)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-weight: 600
}

.accordion2_8 .accordion-button.collapsed>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--black-400)), rgba(var(--black-900))) !important;
    background-clip: border-box !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    position: relative
}

.accordion2_8 .accordianHeading {
    position: relative
}

.accordion2_8 .accordion-collapse.collapse.show {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(.25turn, #fff, #16a1d5, #38029b00);
    border-image-slice: 100%;
    border-image-slice: 1
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_8 .accordion-header {
    background-color: rgba(var(--white-300))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_8 .accordion-button:not(.collapsed) {
    background-color: rgba(var(--dark-blue-600))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_8 .accordion-item {
    background-color: rgba(var(--dark-blue-600));
    border: 1px solid rgba(var(--gray-800))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_8 .accordion-button>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--blue-400)), rgba(var(--sky-blue-900)));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_8 .accordion-button.collapsed>.accordianHeading {
    background: linear-gradient(to right, rgba(var(--black-400)), rgba(var(--black-900))) !important;
    background-clip: border-box !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .accordion2_8 .accordion-collapse.collapse.show {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, rgba(var(--white-900)), rgba(var(--sky-blue-900))) !important;
    border-image-slice: 100% !important;
    border-image-slice: 1 !important
}

.socialIconDesign1 ul {
    margin: 0;
    padding: 0
}

.socialIconDesign1 ul li {
    display: inline-block;
    padding: 0 5px
}

.socialIconDesign1 ul li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 16px;
    border-radius: 50px;
    border: 1px #E95C30 solid
}

.socialIconDesign1 ul li a i {
    margin: 0;
    line-height: 28px !important;
    color: #e95c30
}

.socialIconDesign2 ul {
    margin: 0;
    padding: 0
}

.socialIconDesign2 ul li {
    display: inline-block;
    padding: 0 5px
}

.socialIconDesign2 ul li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
    background-color: #607d8b
}

.socialIconDesign2 ul li a i {
    margin: 0;
    line-height: 50px;
    text-align: center;
    font-size: 26px
}

.socialIconDesign2 ul li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 3.2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .8s
}

.socialIconDesign2 ul li a i {
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.socialIconDesign3 ul {
    margin: 0;
    padding: 0
}

.socialIconDesign3 ul li {
    display: inline-block;
    padding: 0 5px
}

.socialIconDesign3 ul li a {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 52px;
    height: 34px;
    font-size: 20px;
    background-color: #455559;
    border-radius: 4px
}

.socialIconDesign3 ul li a i {
    margin: 0;
    line-height: 35px;
    text-align: center;
    font-size: 23px
}

.socialIconDesign3 ul li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 3.2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .8s
}

.socialIconDesign3 ul li a i {
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.socialIconDesign4 ul {
    padding: 0;
    margin: 0
}

.socialIconDesign4 ul li {
    list-style: none;
    display: inline-block;
    padding: 0 5px
}

.socialIconDesign4 ul li a i {
    font-size: 26px;
    line-height: 50px;
    transition: .3s;
    color: #000
}

.socialIconDesign4 ul li a i:hover {
    color: #ff3c41
}

.socialIconDesign4 ul li a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    transition: .6s;
    box-shadow: 0 5px 4px #00000080
}

.socialIconDesign4 ul li a:hover {
    transform: translateY(-10%);
    color: #ff3c41
}

.teamdesign1 .sociyabox {
    display: none
}

.teamdesign1 .imgbox img {
    border-radius: 20px 20px 0 101px;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: top center
}

.teamdesign1 {
    background-color: rgba(var(--blue-800));
    border-radius: 20px 20px 101px
}

.teamdesign1 .teamcontent {
    padding: 30px;
    color: rgba(var(--white-900));
    position: relative
}

.teamdesign1 .profilebox {
    display: block
}

.teamdesign1 .teambtn {
    position: absolute;
    right: 0;
    bottom: 12px;
    width: 62px;
    height: 62px;
    font-size: 25px;
    color: rgba(var(--white-900));
    background-color: rgba(var(--blue-500));
    border-radius: 50%;
    border: 5px rgba(var(--white-900)) solid;
    z-index: 3;
    transition: all .5s ease;
    text-align: center;
    line-height: 50px;
    transform: rotate(-45deg)
}

.teamdesign1 .team-social-links {
    margin: 0;
    position: absolute;
    right: 17px;
    bottom: 91px !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    z-index: 2
}

.teamdesign1 .team-social-links li:nth-child(1) {
    transition-delay: 0ms
}

.teamdesign1 .team-social-links li {
    position: relative;
    right: -60px;
    opacity: 0;
    transition: all .5s ease;
    transition-delay: 0s
}

.teamdesign1 .team-social-links a {
    width: 37px;
    height: 37px;
    background-color: rgba(var(--white-900));
    border: 1px solid rgba(var(--blue-800));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    transition: all .5s ease
}

.teamdesign1 .team-social-links__icon {
    display: inline-flex;
    font-size: 14px;
    color: rgba(var(--white-900));
    transition: all .5s ease
}

.teamdesign1 .team-social-links__icon {
    color: rgba(var(--blue-800))
}

.teamdesign1:hover .team-social-links li {
    opacity: 1 !important;
    right: 0 !important
}

.teamdesign1:hover .teambtn {
    transform: rotate(0)
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign1 {
    background-color: rgba(var(--black-900))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign1 .teamcontent {
    color: rgba(var(--white-900))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign1 .teambtn {
    color: rgba(var(--black-900));
    background-color: rgba(var(--blue-500));
    border: 5px rgba(var(--white-900)) solid
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign1 .team-social-links a {
    background-color: rgba(var(--blue-500)) !important;
    border: 1px solid rgba(var(--blue-500)) !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign1 .team-social-links__icon {
    color: rgba(var(--white-900))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign1 .team-social-links__icon {
    color: rgba(var(--blue-800))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign1 .social-links__icon {
    color: rgba(var(--black-600))
}

.teamdesign2 .imgbox img {
    border-radius: 80px 0 30px 30px;
    width: 100%
}

.teamdesign2 .imgbox {
    margin-top: -100px;
    padding: 30px;
    z-index: 2;
    position: relative
}

.teamdesign2 .profilebox {
    display: none
}

.teamdesign2 .sociyabox {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    color: rgba(var(--white-900));
    border: 1px solid rgba(var(--gray-400));
    border-radius: 30px 30px 80px;
    height: 200px;
    position: relative
}

.teamdesign2 {
    background: none
}

.teamdesign2 .sociyabox h5 {
    font-size: 20px;
    font-weight: 700;
    color: rgba(var(--blue-800))
}

.teamdesign2 .sociyabox h6 {
    color: rgba(var(--blue-800))
}

.sociyaleft,
.sociyaright {
    z-index: 9
}

.teamdesign2 .sociyabox .teambtn {
    background-color: rgba(var(--blue-800));
    color: rgba(var(--white-900));
    border-radius: 50px;
    width: 45px;
    height: 45px;
    display: block;
    font-size: 26px;
    text-align: center;
    line-height: 45px
}

.teamdesign2 .teamcontent {
    padding: 30px;
    color: rgba(var(--white-900));
    position: relative
}

.teamdesign2 .sociyabox:after {
    content: "";
    position: absolute;
    inset: 0;
    transform: scale(.85);
    opacity: 0;
    background-color: rgba(var(--blue-800));
    border-radius: inherit;
    transition: all .5s ease
}

.teamdesign2:hover .sociyabox:after {
    transform: scale(1);
    opacity: 1
}

.teamdesign2:hover .sociyabox h5,
.teamdesign2:hover .sociyabox h6 {
    color: rgba(var(--white-900))
}

.teamdesign2:hover .sociyabox .teambtn {
    background-color: rgba(var(--white-900));
    color: rgba(var(--blue-800))
}

.teamdesign2 .team-social-links {
    margin: 0;
    position: absolute;
    right: 40px;
    bottom: 110px !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    z-index: 2
}

.teamdesign2 .team-social-links li:nth-child(1) {
    transition-delay: 0ms
}

.teamdesign2 .team-social-links li {
    position: relative;
    right: -60px;
    opacity: 0;
    transition: all .5s ease;
    transition-delay: 0s
}

.teamdesign2 .team-social-links a {
    width: 37px;
    height: 37px;
    background-color: rgba(var(--white-900));
    border: 1px solid rgba(var(--white-900));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    transition: all .5s ease;
    color: rgba(var(--blue-800))
}

.teamdesign2 .team-social-links__icon {
    display: inline-flex;
    font-size: 14px;
    color: rgba(var(--blue-800));
    transition: all .5s ease
}

.teamdesign2 .team-social-links__icon {
    color: rgba(var(--blue-800))
}

.teamdesign2:hover .team-social-links li {
    opacity: 1 !important;
    right: 0 !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2 .sociyabox {
    color: rgba(var(--black-900));
    border: 1px solid rgba(var(--gray-800))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2 .sociyabox h5 {
    color: rgba(var(--black-800)) !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2 .sociyabox h6 {
    color: rgba(var(--black-800)) !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2 .sociyabox .teambtn {
    background-color: rgba(var(--blue-800)) !important;
    color: rgba(var(--black-900)) !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2 .teamcontent {
    color: rgba(var(--white-900))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2 .sociyabox:after {
    background-color: rgba(var(--white-100))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2:hover .sociyabox h5,
::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2:hover .sociyabox h6 {
    color: rgba(var(--white-900))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2:hover .sociyabox .teambtn {
    background-color: rgba(var(--white-900));
    color: rgba(var(--blue-800))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2 .team-social-links a {
    background-color: rgba(var(--black-900)) !important;
    border: 1px solid rgba(var(--black-900)) !important;
    color: rgba(var(--blue-800))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign2 .team-social-links__icon {
    color: rgba(var(--blue-800))
}

.teamdesign3 {
    box-shadow: rgba(var(--gray-500)) 0 2px 8px;
    width: 220px;
    height: 220px;
    background-color: rgba(var(--white-900));
    padding: 14px;
    border-radius: 50%;
    transition: .6s
}

.teamdesign3 .imgbox {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%
}

.teamdesign3 .imgbox img {
    border-radius: 50%;
    box-shadow: rgba(var(--gray-500)) 0 2px 8px;
    width: 185px;
    height: 185px;
    position: relative;
    transition: .6s;
    z-index: 99
}

.teamdesign3 .teamcontent {
    padding: 0;
    position: relative;
    text-align: center;
    transform: translateY(-100px);
    opacity: 0;
    transition: .6s
}

.teamdesign3:hover .imgbox img {
    transform: translateY(-80px)
}

.teamdesign3:hover .teamcontent {
    opacity: 1
}

.teamdesign3:hover {
    border-radius: 10px;
    height: 300px
}

.teamdesign3:hover img {
    border-radius: 10px !important
}

.teamdesign3 .sociyabox,
.teamdesign3 .teambtn {
    display: none
}

.teamdesign3 .team-social-links {
    margin: 0;
    padding: 0
}

.teamdesign3 .team-social-links li {
    display: inline-block;
    padding: 0 10px
}

.teamdesign3 .team-social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
    color: rgba(var(--sky-blue-900));
    font-size: 18px
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign3 {
    box-shadow: rgba(var(--gray-500)) 0 2px 8px;
    background-color: rgba(var(--white-900))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign3 .imgbox img {
    box-shadow: rgba(var(--gray-500)) 0 2px 8px
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign3 .team-social-links a {
    color: rgba(var(--sky-blue-900))
}

.teamdesign4 {
    position: relative
}

.teamdesign4:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85%;
    border: 2px solid rgba(var(--yellow-300));
    border-radius: 10px;
    right: 0
}

.teamdesign4 .imgbox {
    padding: 15px;
    z-index: 9;
    position: relative
}

.teamdesign4 .sociyabox {
    display: none
}

.teamdesign4 .imgbox img {
    border-radius: 12px;
    border: 5px var((--gray-500));
    box-shadow: rgba (var(--gray-400)) 0 2px 8px 0;
    width: 100%
}

.teamdesign4 .teamcontent {
    padding: 30px;
    color: rgba(var(--yellow-600));
    position: relative
}

.teamdesign4 .teambtn {
    position: absolute;
    right: 12px;
    bottom: 33px;
    width: 50px;
    height: 50px;
    font-size: 27px;
    color: rgba(var(--yellow-700));
    background-color: var((--white-900));
    border-radius: 50%;
    border: 4px solid rgba(var(--yellow-300));
    z-index: 3;
    transition: all .5s ease;
    text-align: center;
    line-height: 42px
}

.teamdesign4 .team-social-links {
    margin: 0;
    position: absolute;
    right: 15px;
    bottom: 134px !important;
    z-index: 9;
    background-color: rgba(var(--yellow-300));
    padding: 0
}

.teamdesign4 .team-social-links li {
    position: relative;
    transition: all .5s ease;
    transition-delay: 0s;
    padding: 3px 4px
}

.teamdesign4 .team-social-links a {
    width: 37px;
    height: 37px;
    background-color: var((--white-900));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .5s ease;
    color: rgba(var(--yellow-700));
    font-size: 22px
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign4:after {
    border: 2px solid rgba(var(--gray-400))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign4 .imgbox img {
    border: 5px var((--gray-500));
    box-shadow: rgba (var(--gray-400)) 0 2px 8px 0
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign4 .teamcontent {
    color: rgba(var(--gray-600))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign4 .teambtn {
    color: rgba(var(--black-900));
    background-color: var((--white-900));
    border: 4px solid rgba(var(--gray-300))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign4 .team-social-links {
    background-color: rgba(var(--blue-900))
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign4 .team-social-links a {
    background-color: var((--white-900));
    color: rgba(var(--black-900)) !important
}

.teamdesign5 {
    background-color: rgba(var(--white-900));
    box-shadow: rgba(var(--gray-400)) 0 2px 8px
}

.teamdesign5 .imgbox {
    padding: 15px;
    text-align: center
}

.teamdesign5 .imgbox img {
    border-radius: 95px;
    box-shadow: rgba(var(--gray-400)) 0 2px 8px;
    width: 150px;
    height: 150px
}

.teamdesign5 .teamcontent {
    padding: 30px;
    position: relative;
    text-align: center
}

.teamdesign5 .teambtn {
    display: none
}

.teamdesign5 .team-social-links {
    margin: 0;
    padding: 0
}

.teamdesign5 .team-social-links li {
    display: inline-block
}

.teamdesign5 .team-social-links a {
    width: 37px;
    height: 37px;
    display: flex;
    color: rgba(var(--yellow-700));
    font-size: 22px
}

.teamdesign5 h6 {
    color: rgba(var(--bg-Danger-main))
}

.teamdesign5 .sociyabox {
    display: none
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign5 {
    background-color: rgba(var(--white-100));
    box-shadow: rgba(var(--blue-900)) 0 2px 8px
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign5 .imgbox img {
    box-shadow: rgba(var(--blue-900)) 0 2px 8px !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign5 .team-social-links a {
    color: rgba(var(--black-900)) !important
}

::ng-deep [data-bs-theme=dark] .pageOverlayCss .teamdesign5 h6 {
    color: rgba(var(--bg-Danger-main))
}

.teamdesign6 {
    background-color: rgba(var(--white-900));
    border: 1px rgba(var(--gray-300)) solid
}

.teamdesign6 .sociyabox {
    display: none
}

.teamdesign6 .imgbox img {
    border-radius: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top center
}

.teamdesign6:hover .imgbox img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.teamdesign6 .teamcontent {
    padding: 30px;
    color: rgba(var(--yellow-700));
    text-align: center;
    position: relative
}

.teamdesign6 .profilebox {
    display: block
}

.teamdesign6 .teambtn {
    display: none !important
}

.teamdesign6 .team-social-links {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: -120px;
    z-index: 2;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(var(--white-900));
    transition: all .5s ease;
    transition-delay: 0s;
    opacity: 0
}

.teamdesign6:hover .team-social-links {
    bottom: 0 !important;
    opacity: 1
}

.teamdesign6 .team-social-links li {
    position: relative;
    transition: all .5s ease;
    transition-delay: 0s;
    bottom: -40px;
    display: inline-block;
    padding: 0 10px
}

.teamdesign6 .team-social-links a {
    width: 37px;
    height: 37px;
    background-color: rgba(var(--white-900));
    border: 2px solid rgba(var(--yellow-700));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    transition: all .5s ease;
    color: rgba(var(--yellow-700));
    font-size: 22px
}

.teamdesign6 .team-social-links__icon {
    display: inline-flex;
    font-size: 14px;
    color: rgba(var(--white-900));
    transition: all .5s ease
}

.teamdesign6 .team-social-links__icon {
    color: rgba(var(--black-800))
}

.teamdesign6:hover .team-social-links li {
    opacity: 1 !important;
    right: 0 !important
}

.teamdesign7 {
    position: relative
}

.teamdesign7 .imgbox {
    z-index: 1;
    position: relative
}

.teamdesign7 .imgbox:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: linear-gradient(180deg, #0000 53.37%, #0000006d 81.92%, #000000b3)
}

.teamdesign7 .sociyabox {
    display: none
}

.teamdesign7 .imgbox img {
    border-radius: 12px;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: top center
}

.teamdesign7 .teamcontent {
    padding: 20px !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    color: rgba(var(--white-900))
}

.teamdesign7 .teambtn,
.teamdesign7 .team-social-links {
    display: none
}

.teamdesign8 {
    position: relative
}

.teamdesign8 .imgbox {
    z-index: 1;
    position: relative
}

.teamdesign8 .sociyabox {
    display: none
}

.teamdesign8 .imgbox img {
    border-radius: 0;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: top center
}

.teamdesign8 .teamcontent {
    padding: 20px !important;
    color: rgba(var(--white-900));
    background: rgba(var(--blue-400));
    text-align: center
}

.teamdesign8 .teambtn {
    display: none
}

.teamdesign8 .team-social-links {
    padding: 5px 0 0;
    margin: 0
}

.teamdesign8 .team-social-links li {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    margin: 0 5px;
    border: 2px solid rgba(var(--sky-blue-800))
}

.teamdesign8 .team-social-links li a {
    color: rgba(var(--white-900))
}

.teamdesign9 {
    position: relative
}

.teamdesign9 .imgbox {
    z-index: 1;
    position: relative
}

.teamdesign9 .sociyabox {
    display: none
}

.teamdesign9 .imgbox img {
    border-radius: 0;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: top center
}

.teamdesign9 .teamcontent {
    padding: 10px !important;
    background: rgba(var(--white-900));
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 9
}

.teamdesign9 .teambtn {
    display: none
}

.teamdesign9 .team-social-links {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 8px;
    top: 8px
}

.teamdesign9 .team-social-links li {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    margin: 0 4px
}

.teamdesign9 .team-social-links li a {
    color: rgba(var(--black-900))
}

.CommunityCard .row:has(.teamwrapper.teamdesign10) {
    margin: 0 -10px 20px;
    gap: 20px 0px
}

.CommunityCard .row:has(.teamwrapper.teamdesign10):last-child {
    margin-bottom: 0
}

.CommunityCard .row:has(.teamwrapper.teamdesign10)>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
    width: 20%
}

.teamdesign10 :is(.sociyabox, .sociyaleft, .sociyaright) {
    display: none
}

.teamdesign10 .teamcontent {
    height: 100%
}

.teamdesign10 .teamcontent .profilebox a {
    display: none
}

.teamdesign10 {
    background-color: rgba(var(--bg-White-main));
    padding: 10px;
    border-radius: 15px;
    box-shadow: 1px 1px 14px rgba(var(--mid-light-gray));
    min-height: 100%;
    border: 0px;
    height: 100%
}

.teamdesign10>div:has(.sociyabox, .sociyaleft, .teamcontent) {
    display: flex;
    flex-direction: column
}

.teamdesign10>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) {
    flex-direction: column-reverse;
    height: 100%
}

.teamdesign10>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent .profilebox {
    margin: 5px 0 16px 20px;
    padding: 0
}

.teamdesign10 .imgbox img {
    border-radius: 10px;
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: top center
}

.teamdesign10 .teamcontent .profilebox {
    padding: 10px 10px 0;
    margin-left: 20px;
    text-transform: capitalize;
    text-align: left
}

.teamdesign10 .teamcontent .profilebox h5 {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
    line-height: 26px
}

.teamdesign10 .teamcontent .profilebox h6 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #f1c105;
    word-break: break-all
}

.teamdesign10 .teamcontent ul {
    display: none
}

@media (max-width:1399px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign10)>[class*=col-] {
        width: 25%
    }

    .teamdesign10 .imgbox img {
        height: 250px
    }
}

@media (max-width:1199px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign10)>[class*=col-] {
        width: 33.33%
    }
}

@media (max-width:991px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign10)>[class*=col-] {
        width: 50%
    }
}

@media (max-width:575px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign10) {
        margin: 0 -6px 12px;
        gap: 12px 0px
    }

    .teamdesign10 {
        padding: 10px
    }

    .teamdesign10 .teamcontent h5,
    .teamdesign10 .teamcontent h6 {
        font-size: 13px
    }
}

@media (max-width:479px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign10)>[class*=col-] {
        width: 100%
    }

    .teamdesign10 .imgbox img {
        height: 100%
    }
}

.CommunityCard .row:has(.teamwrapper.teamdesign11) {
    margin: 0 -8px 15px;
    gap: 15px 0px
}

.CommunityCard .row:has(.teamwrapper.teamdesign11):last-child {
    margin-bottom: 0
}

.CommunityCard .row:has(.teamwrapper.teamdesign11)>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
    width: 20%
}

.teamdesign11 {
    background-color: #fff
}

.teamdesign11 :is(.sociyabox, .sociyaleft, .sociyaright) {
    display: none
}

.teamdesign11 .teamcontent .profilebox a {
    display: none
}

.teamdesign11:has(div.align-top):before {
    background: linear-gradient(1deg, #0000, #000);
    top: 0
}

.teamdesign11>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent {
    top: 0
}

.teamdesign11 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}

.teamdesign11:before {
    content: "";
    position: absolute;
    inset: 65% 0 0;
    background: linear-gradient(180deg, #0000, #000);
    opacity: 1;
    transition: opacity .5s ease;
    z-index: 1;
    height: 35%
}

.teamdesign11 .imgbox img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top center;
    transition: transform .8s cubic-bezier(.4, 0, .2, 1);
    margin-bottom: 0
}

.teamdesign11 .teamcontent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    z-index: 2;
    transform: translateY(0);
    opacity: 1;
    text-align: center;
    transition: all .6s cubic-bezier(.4, 0, .2, 1)
}

.teamdesign11 .teamcontent:has(.profilebox.text-start) {
    text-align: left
}

.teamdesign11 .teamcontent:has(.profilebox.text-center) {
    text-align: center
}

.teamdesign11 .teamcontent:has(.profilebox.text-end) {
    text-align: right
}

.teamdesign11 .teamcontent .profilebox h5 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px
}

.teamdesign11 .teamcontent .profilebox h6 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
    word-break: break-all
}

.teamdesign11 .teamcontent ul {
    margin-bottom: 0;
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 0px 15px
}

.teamdesign11 .teamcontent ul li {
    border: 0px solid transparent;
    background: transparent;
    padding: 0
}

.teamdesign11 .teamcontent ul li a {
    color: #fff
}

.teamdesign11 .teamcontent ul li a i {
    font-size: 18px !important
}

@media (max-width:1399px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign11)>[class*=col-] {
        width: 25%
    }
}

@media (max-width:1199px) {
    .teamdesign11 .teamcontent {
        padding: 15px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign11)>[class*=col-] {
        width: 33.33%
    }
}

@media (max-width:991px) {
    .teamdesign11 .imgbox img {
        height: 450px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign11)>[class*=col-] {
        width: 50%
    }
}

@media (max-width:767px) {
    .teamdesign11 .imgbox img {
        height: 400px
    }
}

@media (max-width:575px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign11) {
        margin: 0 -6px 12px;
        gap: 12px 0px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign11)>[class*=col-] {
        padding-right: 6px;
        padding-left: 6px
    }
}

@media (max-width:479px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign11)>[class*=col-] {
        width: 100%
    }
}

.CommunityCard .row:has(.teamwrapper.teamdesign12) {
    margin: 0 -8px 15px;
    gap: 15px 0px
}

.CommunityCard .row:has(.teamwrapper.teamdesign12):last-child {
    margin-bottom: 0
}

.CommunityCard .row:has(.teamwrapper.teamdesign12)>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px
}

.teamdesign12 :is(.sociyabox, .sociyaleft, .sociyaright) {
    display: none
}

.teamdesign12 .teamcontent .profilebox a {
    display: none
}

.teamdesign12 {
    position: relative;
    border: 0px;
    background: #ebe8e8;
    border-radius: 10px;
    overflow: hidden
}

.teamdesign12>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent {
    top: 15px;
    bottom: auto
}

.teamdesign12 .imgbox img {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    height: 400px;
    object-fit: cover;
    object-position: top center
}

.teamdesign12 .teamcontent {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: 15px;
    width: 90%;
    left: 50%;
    transform: translate(-50%)
}

.teamdesign12 .teamcontent h5 {
    font-size: 16px;
    color: #000;
    line-height: 26px;
    margin-bottom: 0
}

.teamdesign12 .teamcontent .profilebox h6 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #f1c105;
    word-break: break-all
}

.teamdesign12 .teamcontent .profilebox h6:not(:only-of-type):last-of-type,
.teamdesign12 .teamcontent .profilebox h6:only-of-type {
    margin-bottom: 0
}

.teamdesign12 .teamcontent ul {
    display: none
}

@media (max-width:1399px) {
    .teamdesign12 .imgbox img {
        height: 400px
    }

    .teamdesign12 .teamcontent {
        padding: 15px
    }
}

@media (max-width:1199px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign12)>[class*=col-] {
        width: 33.33%
    }
}

@media (max-width:991px) {
    .teamdesign12 .imgbox img {
        height: 320px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign12)>[class*=col-] {
        width: 50%
    }
}

@media (max-width:767px) {
    .teamdesign12 .teamcontent {
        padding: 10px 12px
    }
}

@media (max-width:575px) {
    .teamdesign12 .imgbox img {
        height: 320px
    }

    .teamdesign12 .teamcontent {
        padding: 10px
    }

    .teamdesign12 .teamcontent h5 {
        font-size: 18px
    }

    .teamdesign12 .teamcontent h6 {
        font-size: 14px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign12) {
        margin: 0 -6px 12px;
        gap: 12px 0px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign12)>[class*=col-] {
        padding-right: 6px;
        padding-left: 6px
    }
}

@media (max-width:479px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign12)>[class*=col-] {
        width: 100%
    }

    .teamdesign12 .imgbox img {
        height: 100%
    }
}

.CommunityCard .row:has(.teamwrapper.teamdesign13) {
    margin: 0 0 20px;
    gap: 20px 0px
}

.CommunityCard .row:has(.teamwrapper.teamdesign13):last-child {
    margin-bottom: 0
}

.CommunityCard .row:has(.teamwrapper.teamdesign13)>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px
}

.teamdesign13 :is(.sociyabox, .sociyaleft, .sociyaright) {
    display: none
}

.teamdesign13 .teamcontent .profilebox a {
    display: none
}

.teamdesign13 {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 300px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 0px
}

.teamdesign13>div:has(.sociyabox, .sociyaleft, .teamcontent) {
    display: flex;
    flex-direction: column
}

.teamdesign13>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) {
    flex-direction: column-reverse;
    height: 100%
}

.teamdesign13>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent {
    padding: 50px 30px 15px
}

.CommunityCard .row [class*=col-]:nth-child(6n+1) .teamdesign13 {
    background-color: #fc6876
}

.CommunityCard .row [class*=col-]:nth-child(6n+2) .teamdesign13 {
    background-color: #cb61c1
}

.CommunityCard .row [class*=col-]:nth-child(6n+3) .teamdesign13 {
    background-color: #bdb700
}

.CommunityCard .row [class*=col-]:nth-child(6n+4) .teamdesign13 {
    background-color: #3854e3
}

.CommunityCard .row [class*=col-]:nth-child(6n+5) .teamdesign13 {
    background-color: #f0a03f
}

.CommunityCard .row [class*=col-]:nth-child(6n+6) .teamdesign13 {
    background-color: #a061ed
}

.teamdesign13 .imgbox img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    order: 1;
    aspect-ratio: 1/1;
    background: #fff
}

.teamdesign13 .teamcontent {
    padding: 20px 30px;
    text-align: center;
    height: 100%
}

.teamdesign13 .teamcontent:has(.profilebox.text-start) {
    text-align: left !important
}

.teamdesign13 .teamcontent:has(.profilebox.text-center) {
    text-align: center !important
}

.teamdesign13 .teamcontent:has(.profilebox.text-end) {
    text-align: right !important
}

.teamdesign13 .teamcontent .profilebox h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.teamdesign13 .teamcontent .profilebox h6 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    word-break: break-all
}

.teamdesign13 .teamcontent ul {
    display: inline-flex;
    padding: 0;
    align-items: center;
    margin-bottom: 0;
    gap: 0px 15px
}

.teamdesign13 .teamcontent ul li a {
    color: #fff;
    transition: all .2s linear
}

.teamdesign13 .teamcontent ul li a:hover {
    filter: opacity(.8)
}

.teamdesign13 .teamcontent ul li a i {
    font-size: 20px !important
}

@media (max-width:1399px) {
    .teamdesign13 {
        padding: 20px
    }

    .teamdesign13 .imgbox img {
        margin: 0 auto
    }
}

@media (max-width:1199px) {
    .teamdesign13 .imgbox img {
        margin-bottom: 0
    }

    .teamdesign13 .teamcontent {
        padding: 20px 30px
    }

    .teamdesign13>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent {
        padding: 50px 30px 15px
    }
}

@media (max-width:991px) {
    .teamdesign13 .teamcontent {
        padding: 20px 10px
    }

    .teamdesign13>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent {
        padding: 40px 10px 15px
    }
}

@media (max-width:767px) {
    .teamdesign13 .teamcontent {
        padding: 20px 15px 0
    }

    .teamdesign13>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent {
        padding: 30px 15px 15px
    }

    .teamdesign13 .teamcontent ul li a i {
        font-size: 18px !important
    }

    .teamdesign13 .teamcontent .profilebox h5 {
        font-size: 16px
    }

    .teamdesign13 .teamcontent .profilebox h6 {
        font-size: 14px
    }
}

@media (max-width:575px) {
    .teamdesign13 {
        width: 320px
    }

    .teamdesign13 .teamcontent {
        padding: 20px
    }

    .teamdesign13>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent {
        padding: 50px 20px 15px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign13) {
        margin: 0 -6px 12px;
        gap: 12px 0px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign13)>[class*=col-] {
        padding-right: 6px;
        padding-left: 6px
    }
}

@media (max-width:479px) {
    .teamdesign13 {
        width: 280px
    }

    .teamdesign13 .teamcontent {
        padding: 15px 20px 0
    }

    .teamdesign13>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent {
        padding: 40px 30px 15px
    }
}

.CommunityCard .row:has(.teamwrapper.teamdesign14) {
    margin: 0 0 30px;
    gap: 30px 0px
}

.CommunityCard .row:has(.teamwrapper.teamdesign14):last-child {
    margin-bottom: 0
}

.CommunityCard .row:has(.teamwrapper.teamdesign14)>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
    width: 20%
}

.teamdesign14 :is(.sociyabox, .sociyaleft, .sociyaright) {
    display: none
}

.teamdesign14 .teamcontent {
    height: 100%
}

.teamdesign14 .teamcontent .profilebox a {
    display: none
}

.teamdesign14 {
    text-align: center;
    position: relative;
    border: 0px;
    background: transparent;
    height: 100%
}

.teamdesign14>div:has(.sociyabox, .sociyaleft, .teamcontent) {
    display: flex;
    flex-direction: column
}

.teamdesign14>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) {
    flex-direction: column-reverse;
    height: 100%
}

.teamdesign14>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent .profilebox {
    margin: 0 0 20px
}

.teamdesign14 .imgbox img {
    width: 100%;
    background: #ebe8e8;
    height: 320px;
    object-fit: cover;
    object-position: top center;
    clip-path: shape(from 0% 8%, curve to 100% 8% with 50% -8%, line to 100% 100%, curve to 0% 100% with 50% 92%, close)
}

.teamdesign14 .teamcontent .profilebox {
    margin-top: 15px
}

.teamdesign14 .teamcontent .profilebox h5 {
    font-size: 18px;
    color: #605c5b;
    margin-bottom: 10px
}

.teamdesign14 .teamcontent .profilebox h6 {
    font-size: 16px;
    color: #adadad;
    font-weight: 400;
    margin-bottom: 10px;
    word-break: break-all
}

.teamdesign10 .teamcontent .profilebox h6:not(:only-of-type):last-of-type,
.teamdesign10 .teamcontent .profilebox h6:only-of-type {
    margin-bottom: 0
}

.teamdesign14 .teamcontent ul {
    display: none
}

@media (max-width:1599px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign14)>[class*=col-] {
        width: 25%
    }

    .teamdesign14 .imgbox img {
        height: 340px
    }
}

@media (max-width:1399px) {
    .teamdesign14 .imgbox img {
        height: 280px
    }
}

@media (max-width:1199px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign14)>[class*=col-] {
        width: 33.33%
    }

    .teamdesign14 .imgbox img {
        height: 310px
    }
}

@media (max-width:991px) {
    .teamdesign14 .imgbox img {
        height: 330px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign14)>[class*=col-] {
        width: 50%
    }
}

@media (max-width:767px) {
    .teamdesign14 .imgbox img {
        height: 300px
    }
}

@media (max-width:575px) {
    .teamdesign14 .teamcontent .profilebox h5 {
        font-size: 18px
    }

    .teamdesign14 .teamcontent .profilebox h6 {
        font-size: 14px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign14) {
        margin: 0 -6px 20px;
        gap: 20px 0px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign14)>[class*=col-] {
        padding-right: 6px;
        padding-left: 6px
    }

    .teamdesign14 .imgbox img {
        width: 295px;
        height: 360px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign14)>[class*=col-] {
        width: 295px;
        margin: 0 auto
    }
}

.CommunityCard .row:has(.teamwrapper.teamdesign15) {
    margin: 0 8px 16px;
    gap: 16px 0px
}

.CommunityCard .row:has(.teamwrapper.teamdesign15):last-child {
    margin-bottom: 0
}

.CommunityCard .row:has(.teamwrapper.teamdesign15)>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
    width: 33.33%
}

.teamdesign15 :is(.sociyabox, .sociyaleft, .sociyaright) {
    display: none
}

.teamdesign15 .teamcontent .profilebox a {
    display: none
}

.teamdesign15 {
    padding: 15px;
    box-shadow: 0 1px 2px rgba(var(--mid-light-gray));
    border-radius: 12px;
    width: 100%;
    height: 100%;
    border: 0px;
    background: rgba(var(--bg-White-main))
}

.teamdesign15>div:has(.sociyabox, .sociyaleft, .teamcontent) {
    display: flex;
    align-items: center;
    flex-direction: row
}

.teamdesign15>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) {
    align-items: flex-start
}

.teamdesign15>div.align-bottom:has(.sociyabox, .sociyaleft, .teamcontent) {
    align-items: center
}

.teamdesign15 .imgbox {
    width: 150px;
    background: #1b1a22;
    border-radius: 12px;
    height: 150px;
    aspect-ratio: 1 / 1
}

.teamdesign15 .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: 10px
}

.teamdesign15 .teamcontent {
    padding-left: 15px;
    width: 100%
}

.teamdesign15 .teamcontent .profilebox h5 {
    font-size: 18px;
    margin-bottom: 5px
}

.teamdesign15 .teamcontent .profilebox h6 {
    color: #f0c204;
    margin-bottom: 10px;
    word-break: break-all
}

.teamdesign15 .teamcontent .profilebox h6:not(:only-of-type):last-of-type,
.teamdesign15 .teamcontent .profilebox h6:only-of-type {
    margin-bottom: 0
}

.teamdesign15 .teamcontent ul {
    display: none
}

@media (max-width:1399px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign15)>[class*=col-] {
        width: 50%
    }
}

@media (max-width:991px) {
    .teamdesign15 .imgbox {
        width: 120px;
        height: 120px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign15)>[class*=col-] {
        width: 100%
    }
}

@media (max-width:767px) {
    .teamdesign15 .imgbox {
        width: 100px;
        height: 100px
    }

    .teamdesign15 .teamcontent .profilebox h5 {
        font-size: 16px
    }
}

@media (max-width:575px) {
    .teamdesign15 {
        padding: 12px
    }

    .teamdesign15 .teamcontent {
        width: calc(100% - 100px)
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign15) {
        margin: 0 -6px 12px;
        gap: 12px 0px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign15)>[class*=col-] {
        padding-right: 6px;
        padding-left: 6px
    }
}

.CommunityCard .row:has(.teamwrapper.teamdesign16) {
    margin: 0 0 25px;
    gap: 25px 0px
}

.CommunityCard .row:has(.teamwrapper.teamdesign16):last-child {
    margin-bottom: 0
}

.CommunityCard .row:has(.teamwrapper.teamdesign16)>[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
    width: 16.66666667%
}

.teamdesign16 {
    border: 1px solid #dee2e6;
    height: 100%;
    background-color: #fff
}

.teamdesign16>div:has(.sociyabox, .sociyaleft, .teamcontent) {
    display: flex;
    flex-direction: column
}

.teamdesign16>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) {
    flex-direction: column-reverse;
    height: 100%
}

.teamdesign16 :is(.sociyabox, .sociyaleft, .sociyaright) {
    display: none
}

.teamdesign16 .teamcontent .profilebox a {
    display: none
}

.teamdesign16 .imgbox img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: top center
}

.teamdesign16 .teamcontent {
    height: 100%
}

.teamdesign16 .teamcontent .profilebox {
    padding: 15px 10px 10px;
    text-transform: capitalize;
    text-align: center
}

.teamdesign16 .teamcontent .profilebox h5 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.teamdesign16 .teamcontent .profilebox h6 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all
}

.teamdesign16 .teamcontent .profilebox h6:not(:only-of-type):last-of-type,
.teamdesign16 .teamcontent .profilebox h6:only-of-type {
    margin-bottom: 0
}

.teamdesign16 .teamcontent ul {
    display: none
}

@media (max-width:1599px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign16)>[class*=col-] {
        width: 25%
    }

    .teamdesign16 .imgbox img {
        height: 280px
    }
}

@media (max-width:1399px) {
    .teamdesign16 .imgbox img {
        height: 260px
    }
}

@media (max-width:1199px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign16)>[class*=col-] {
        width: 33.33%
    }
}

@media (max-width:991px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign16)>[class*=col-] {
        width: 50%
    }
}

@media (max-width:767px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign16) {
        margin: 0 0 12px;
        gap: 12px 0px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign16)>[class*=col-] {
        padding-right: 6px;
        padding-left: 6px
    }

    .teamdesign16 .teamcontent .profilebox h5 {
        font-size: 13px;
        line-height: 24px
    }

    .teamdesign16 .teamcontent .profilebox h6 {
        font-size: 12px
    }

    .teamdesign16>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent .profilebox {
        padding-top: 12px
    }
}

@media (max-width:575px) {
    .teamdesign16 .imgbox img {
        height: 250px
    }
}

@media (max-width:479px) {
    .teamdesign16 .imgbox img {
        height: 230px
    }
}

.CommunityCard .row:has(.teamwrapper.teamdesign17) {
    margin: 0 0 25px;
    gap: 25px 0px
}

.CommunityCard .row:has(.teamwrapper.teamdesign17):last-child {
    margin-bottom: 0
}

.CommunityCard .row:has(.teamwrapper.teamdesign17)>[class*=col-] {
    padding-right: 15px;
    padding-left: 15px
}

.teamdesign17 {
    border: 1px solid #dee2e6;
    height: 100%;
    padding: 30px;
    background-color: #fff
}

.teamdesign17>div:has(.sociyabox, .sociyaleft, .teamcontent) {
    display: flex;
    flex-direction: column
}

.teamdesign17>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) {
    flex-direction: column-reverse;
    height: 100%
}

.teamdesign17>div.align-top:has(.sociyabox, .sociyaleft, .teamcontent) .teamcontent .profilebox {
    margin: 0 0 16px
}

.teamdesign17 :is(.sociyabox, .sociyaleft, .sociyaright) {
    display: none
}

.teamdesign17 .teamcontent {
    height: 100%
}

.teamdesign17 .teamcontent .profilebox a {
    display: none
}

.teamdesign17 .imgbox img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: top center
}

.teamdesign17 .teamcontent .profilebox {
    margin-top: 16px;
    text-transform: capitalize;
    text-align: center
}

.teamdesign17 .teamcontent .profilebox h5 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.teamdesign17 .teamcontent .profilebox h6 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all
}

.teamdesign17 .teamcontent .profilebox h6:not(:only-of-type):last-of-type,
.teamdesign17 .teamcontent .profilebox h6:only-of-type {
    margin-bottom: 0
}

.teamdesign17 .teamcontent ul {
    display: none
}

@media (max-width:1599px) {
    .teamdesign17 .imgbox img {
        height: 250px
    }
}

@media (max-width:1199px) {
    .teamdesign17 .imgbox img {
        height: 350px
    }
}

@media (max-width:991px) {
    .teamdesign17 .imgbox img {
        height: 300px
    }
}

@media (max-width:991px) {
    .teamdesign17 .imgbox img {
        height: 220px
    }
}

@media (max-width:575px) {
    .CommunityCard .row:has(.teamwrapper.teamdesign17) {
        margin: 0 0 12px;
        gap: 12px 0px
    }

    .CommunityCard .row:has(.teamwrapper.teamdesign17)>[class*=col-] {
        padding-right: 6px;
        padding-left: 6px
    }

    .teamdesign17 .imgbox img {
        height: 100%
    }

    .teamdesign17 {
        padding: 12px
    }
}

.teamcontent .profilebox .remark p {
    margin: 0;
    word-break: break-all
}

.CommunityCard {
    padding: 20px 0 0
}

@media (max-width:575px) {
    .CommunityCard {
        padding: 0
    }
}

.teamdesign18.teamwrapper {
    width: auto;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px #6c3fe014, 0 2px 10px #0000000a;
    font-family: Segoe UI, sans-serif;
    margin-bottom: 20px;
    transition: transform .45s ease, box-shadow .45s ease, background .45s ease
}

.teamdesign18.teamwrapper:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 45px #6c3fe02e, 0 8px 20px #00000014
}

.teamdesign18.teamwrapper:before,
.teamdesign18.teamwrapper:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-color: #6c3fe0;
    border-style: solid
}

.teamdesign18.teamwrapper:before {
    top: 0;
    left: 0;
    border-width: 3px 0 0 3px;
    border-radius: 20px 0 0
}

.teamdesign18.teamwrapper:after {
    bottom: 0;
    right: 0;
    border-width: 0 3px 3px 0;
    border-radius: 0 0 20px
}

.teamdesign18.teamwrapper>div {
    padding: 30px 28px 28px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.teamdesign18 .imgbox {
    width: 120px;
    height: 120px;
    background: #ede9ff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.teamdesign18 .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.teamdesign18 .sociyabox {
    display: none
}

.teamdesign18 .teamcontent {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.teamdesign18 .profilebox {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.teamdesign18 .profilebox h5.fw-semibold {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin: 0
}

.teamdesign18 .profilebox h6 {
    font-size: 15px;
    color: #888;
    font-weight: 400;
    margin: 0;
    line-height: 1.6
}

.teamdesign18 .teambtn {
    display: inline-block;
    padding: 12px 28px;
    border: 1.5px solid #c4b5f7;
    border-radius: 10px;
    color: #6c3fe0 !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    background: transparent;
    width: fit-content;
    transition: background .2s, color .2s
}

.teamdesign18 .teambtn:hover {
    background: #6c3fe0;
    color: #fff !important
}

.teamdesign18 .teambtn .icon,
.teamdesign18 .team-social-links {
    display: none
}

.teamdesign19.teamwrapper {
    width: auto;
    background: #f0f0f0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    font-family: Segoe UI, sans-serif;
    box-shadow: 0 4px 20px #00000014
}

.teamdesign19.teamwrapper>div {
    display: flex;
    flex-direction: column
}

.teamdesign19 .imgbox {
    width: 100%;
    height: 320px;
    position: relative;
    overflow: visible;
    padding: 16px
}

.teamdesign19 .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
    display: block
}

.teamdesign19 .sociyabox {
    display: none
}

.teamdesign19 .teamcontent {
    background: #f0f0f0;
    padding: 16px 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative
}

.teamdesign19 .profilebox {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 50px
}

.teamdesign19 .profilebox:before {
    content: "";
    position: absolute;
    top: -36px;
    left: 20px;
    width: 72px;
    height: 72px;
    background: #9b72e8;
    border-radius: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px
}

.teamdesign19 .profilebox h5.fw-semibold {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin: 0
}

.teamdesign19 .profilebox h6 {
    font-size: 15px;
    color: #888;
    font-weight: 400;
    margin: 0;
    line-height: 1.6
}

.teamdesign19 .teambtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: #9b72e8;
    border-radius: 50px;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 6px;
    transition: background .2s
}

.teamdesign19 .teambtn:after {
    content: "\2192";
    font-size: 18px;
    font-weight: 400
}

.teamdesign19 .teambtn:hover {
    background: #7c52d4
}

.teamdesign19 .teambtn .icon,
.teamdesign19 .team-social-links {
    display: none
}

.teamdesign20.teamwrapper {
    width: auto;
    border-radius: 20px;
    overflow: visible;
    position: relative;
    font-family: Segoe UI, sans-serif;
    background: transparent;
    box-shadow: none
}

.teamdesign20>div {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1
}

.teamdesign20 .sociyabox {
    display: none
}

.teamdesign20 .imgbox {
    width: 100%;
    height: 420px;
    position: relative;
    overflow: hidden;
    border-radius: 18px
}

.teamdesign20 .imgbox:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #00000059, #0000000d);
    opacity: 0;
    z-index: 2;
    transition: opacity .4s ease
}

.teamdesign20 .imgbox:after {
    content: "";
    position: absolute;
    top: -150%;
    left: -40%;
    width: 60%;
    height: 300%;
    background: #ffffff2e;
    transform: rotate(25deg);
    z-index: 3;
    transition: .7s ease
}

.teamdesign20.teamwrapper:hover .imgbox:before {
    opacity: 1
}

.teamdesign20.teamwrapper:hover .imgbox:after {
    left: 130%
}

.teamdesign20 .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 18px;
    transition: transform .7s ease, filter .5s ease
}

.teamdesign20.teamwrapper:hover .imgbox img {
    transform: scale(1.12) translateY(-8px);
    filter: brightness(1.05);
    border-radius: 18px
}

.teamdesign20 .teamcontent {
    position: relative;
    border-radius: 16px;
    bottom: 46px;
    right: -51px;
    width: 90%;
    background: #2e4a52;
    padding: 24px 24px 28px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 999
}

.teamdesign20 .profilebox {
    display: flex;
    flex-direction: column
}

.teamdesign20 .profilebox h5.fw-semibold {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.3
}

.teamdesign20 .profilebox h6 {
    display: none
}

.teamdesign20 .profilebox .teambtn {
    position: absolute;
    top: -28px;
    right: 20px;
    width: 58px;
    height: 58px;
    background: #f47c30;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: none
}

.teamdesign20 .profilebox .teambtn:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -6px;
    width: 72px;
    height: 72px;
    background: #9b72e8;
    border-radius: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px
}

.teamdesign20 .profilebox .teambtn .icon {
    font-size: 24px;
    display: none;
    color: #fff
}

.teamdesign20 .profilebox .teambtn span,
.teamdesign20 .team-social-links {
    display: none
}

@media (max-width:768px) {
    .teamdesign20 .teamcontent {
        border-radius: 0;
        bottom: 0;
        right: 0;
        width: 100%
    }

    .teamdesign20 .imgbox {
        border-radius: 10px 10px 0 0;
        margin-bottom: 6px
    }

    .teamdesign20 .profilebox .teambtn {
        position: absolute;
        top: -80px;
        right: 20px;
        width: 58px;
        height: 58px
    }

    .teamdesign20 .imgbox {
        width: 100%;
        height: 100%
    }
}

.teamdesign21.teamwrapper {
    width: 100%;
    min-height: 180px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 28px 26px;
    border-radius: 26px;
    background: #b3b3b31f;
    overflow: visible;
    transition: all .35s ease;
    cursor: pointer;
    isolation: isolate;
    font-family: Segoe UI, sans-serif;
    --r: 24px;
    --s: 58px;
    --x: 18px;
    --y: 0px;
    --_m: / calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 69%, #0000 72%);
    --_g: conic-gradient(at calc(100% - var(--r)) var(--r), #0000 25%, #000 0);
    --_d: calc(var(--s) + var(--r));
    -webkit-mask: calc(100% - var(--_d) - var(--x)) 0 var(--_m), 100% calc(var(--_d) + var(--y)) var(--_m), radial-gradient(var(--s) at 100% 0, #0000 99%, #000 calc(100% + 1px)) calc(-1 * var(--r) - var(--x)) calc(var(--r) + var(--y)), var(--_g) calc(-1 * var(--_d) - var(--x)) 0, var(--_g) 0 calc(var(--_d) + var(--y));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.teamdesign21.teamwrapper:hover {
    background: rgba(var(--purple)) !important;
    box-shadow: 0 8px 28px #5b8ef061;
    transform: translateY(-5px)
}

.teamdesign21>div {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    z-index: 5
}

.teamdesign21 .sociyabox {
    display: none
}

.teamdesign21 .imgbox {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff3 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
    overflow: hidden;
    flex-shrink: 0
}

.teamdesign21 .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.teamdesign21 .teamcontent {
    display: flex;
    flex-direction: column;
    position: relative
}

.teamdesign21 .profilebox {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative
}

.teamdesign21 .profilebox h5 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.35;
    color: rgba(var(--bg-Dark-main));
    margin: 0;
    width: 70%
}

.teamdesign21.teamwrapper:hover h5 {
    color: rgba(var(--white))
}

.teamdesign21 .profilebox h6 {
    display: none
}

.teamdesign21 .profilebox .teambtn {
    position: absolute;
    top: -84px;
    right: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid #aaaaaa;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all .3s ease
}

.teamdesign21 .profilebox .teambtn .icon {
    font-family: Line Awesome Free !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    color: #888 !important;
    transform: rotate(45deg);
    display: block;
    line-height: 1;
    transition: all .3s ease
}

.teamdesign21 .profilebox .teambtn span {
    display: none
}

.teamdesign21.teamwrapper:hover .profilebox .teambtn {
    border-color: #fff
}

.teamdesign21.teamwrapper:hover .profilebox .teambtn .icon {
    color: #fff !important;
    transform: rotate(45deg) translate(2px, -2px)
}

.teamdesign21 .team-social-links {
    display: none
}

@media (max-width: 991px) {
    .teamdesign21 .profilebox h5.fw-semibold {
        font-size: 18px;
        width: 85%
    }
}

@media (max-width: 767px) {
    .teamdesign21.teamwrapper {
        border-radius: 20px;
        --r: 0px;
        --s: 0px;
        -webkit-mask: none;
        mask: none
    }

    .teamdesign21 .imgbox {
        width: 52px;
        height: 52px;
        margin-bottom: 40px
    }

    .teamdesign21 .imgbox img {
        width: 100%;
        height: 100%
    }

    .teamdesign21 .profilebox h5.fw-semibold {
        font-size: 15px;
        width: 100%
    }

    .teamdesign21 .profilebox .teambtn {
        width: 36px;
        height: 36px
    }

    .teamdesign21 .profilebox .teambtn .icon {
        font-size: 18px !important
    }
}

@media (max-width: 480px) {
    .teamdesign21 .profilebox h5.fw-semibold {
        font-size: 14px
    }
}

.teamdesign22 {
    position: relative;
    overflow: hidden;
    background: #f7f7f7;
    transition: all .4s ease;
    height: 100%
}

.teamdesign22 .sociyabox {
    position: absolute;
    top: 21px;
    left: 20px;
    right: 80px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all .4s ease;
    background: #262424;
    padding: 10px;
    border-left: 10px solid rgba(var(--purple))
}

.teamdesign22 .sociyaleft h5,
.teamdesign22 .sociyaleft h6 {
    color: #fff;
    margin: 0
}

.teamdesign22 .teambtn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #ffffff26;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: .3s
}

.teamdesign22 .teambtn:hover {
    background: #fff;
    color: #000
}

.teamdesign22 .imgbox {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    transition: all .5s ease
}

.teamdesign22 .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.teamdesign22 .imgbox:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #00000026, #000000b3)
}

.teamdesign22 .teamcontent {
    position: relative;
    z-index: 3;
    min-height: 500px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: all .4s ease
}

.teamdesign22 .profilebox h5 {
    font-size: 28px;
    font-weight: 700;
    color: #111;
    margin-bottom: 8px;
    transition: .3s
}

.teamdesign22 .profilebox h6 {
    color: #666;
    margin-bottom: 20px;
    transition: .3s
}

.teamdesign22 .profilebox .teambtn {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 0;
    color: rgba(var(--purple));
    font-weight: 600
}

.teamdesign22 .profilebox .teambtn i {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(var(--purple));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    position: absolute;
    left: 124px;
    transform: rotate(90deg)
}

.teamdesign22 .profilebox .teambtn span {
    transition: .3s
}

.teamdesign22 .team-social-links {
    position: absolute;
    right: 25px;
    bottom: 25px;
    list-style: none;
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translate(20px);
    transition: all .4s ease
}

.teamdesign22 .team-social-links li {
    margin-bottom: 10px;
    background: transparent;
    border: none
}

.teamdesign22 .social-links__icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff26;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: .3s
}

.teamdesign22 .social-links__icon:hover {
    background: #fff;
    color: #000
}

.teamdesign22:hover .imgbox {
    opacity: 1
}

.teamdesign22:hover .profilebox h5,
.teamdesign22:hover .profilebox h6,
.teamdesign22:hover .profilebox .teambtn span {
    color: #fff
}

.teamdesign22:hover .profilebox .teambtn i {
    background: #fff;
    color: #000
}

.teamdesign22 *,
.teamdesign22 *:before,
.teamdesign22 *:after {
    transition: all .4s ease
}

@media (max-width: 767px) {
    .teamdesign22.teamwrapper {
        display: flex;
        align-items: center;
        background: #fff;
        border-radius: 16px;
        padding: 16px;
        margin-bottom: 14px;
        box-shadow: 0 2px 12px #00000012;
        overflow: visible;
        height: auto;
        min-height: unset;
        position: relative
    }

    .teamdesign22 .imgbox,
    .teamdesign22 .sociyabox {
        display: none
    }

    .teamdesign22 .teamcontent {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-height: unset;
        padding: 0;
        width: 100%;
        z-index: auto;
        position: relative
    }

    .teamdesign22 .profilebox {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1;
        gap: 14px;
        padding-right: 60px
    }

    .teamdesign22 .profilebox h5 {
        font-size: 15px;
        font-weight: 700;
        color: #111;
        margin: 0 0 4px;
        transition: none
    }

    .teamdesign22 .profilebox h6 {
        font-size: 12px;
        color: #999;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
        transition: none
    }

    .teamdesign22 .profilebox .teambtn span {
        display: none
    }

    .teamdesign22 .teamcontent:after {
        content: "";
        position: absolute;
        right: 52px;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #e5e5e5
    }

    .teamdesign22 .team-social-links {
        position: absolute;
        right: 0;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        opacity: 1;
        visibility: visible;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0;
        list-style: none
    }

    .teamdesign22 .team-social-links li {
        display: none;
        margin: 0;
        border: none;
        background: transparent
    }

    .teamdesign22 .team-social-links li:first-child {
        display: flex
    }

    .teamdesign22 .social-links__icon {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(var(--purple), 1);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 16px
    }

    .teamdesign22 .profilebox .teambtn i {
        position: absolute;
        left: 370px;
        transform: rotate(90deg)
    }

    .teamdesign22 .social-links__icon {
        display: none !important
    }

    .teamdesign22:hover .imgbox {
        opacity: 0
    }

    .teamdesign22:hover .profilebox h5,
    .teamdesign22:hover .profilebox h6 {
        color: inherit
    }
}

@media (max-width:576px) {
    .teamdesign22 .profilebox .teambtn i {
        position: absolute;
        left: 260px;
        transform: rotate(90deg)
    }
}

.teamdesign23.teamwrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    max-width: 480px;
    height: 320px;
    cursor: pointer;
    box-shadow: 0 4px 24px #0000002e;
    display: inline-block;
    margin: 10px
}

.teamdesign23.teamwrapper:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: 16px;
    pointer-events: none;
    background: linear-gradient(to right, #000000e0, #000000b8 30%, #00000073, #0000001f 80%, #0000)
}

.teamdesign23.teamwrapper .imgbox {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.teamdesign23.teamwrapper .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
    transition: transform .4s ease
}

.teamdesign23.teamwrapper:hover .imgbox img {
    transform: scale(1.04)
}

.teamdesign23.teamwrapper .sociyabox {
    display: none
}

.teamdesign23.teamwrapper .teamcontent {
    position: absolute;
    z-index: 3;
    color: #fff;
    padding: 28px 24px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    bottom: 0
}

.teamdesign23.teamwrapper .profilebox {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.teamdesign23.teamwrapper .team-social-links {
    display: none
}

.teamdesign23.teamwrapper .profilebox .team-social-links {
    list-style: none;
    padding: 0;
    margin: 4px 0 6px;
    display: none
}

.teamdesign23.teamwrapper .profilebox .team-social-links .list-group-item {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-size: .82rem;
    color: #ccc;
    line-height: 1.65;
    font-family: Arial, sans-serif
}

.teamdesign23.teamwrapper .profilebox .team-social-links .social-links__icon {
    display: none
}

.teamdesign23.teamwrapper .profilebox h6 {
    font-size: .75rem;
    font-weight: 400;
    color: #d0d0d0;
    letter-spacing: .4px;
    margin: 0 0 4px;
    font-family: Arial, sans-serif;
    order: 1
}

.teamdesign23.teamwrapper .profilebox h5 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    margin: 0 0 10px;
    font-family: Georgia, serif;
    max-width: 260px;
    order: 2
}

.teamdesign23.teamwrapper .profilebox .teambtn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    font-size: .85rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: .3px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity .2s ease;
    order: 4;
    margin-top: 4px;
    position: relative
}

.teamdesign23.teamwrapper .profilebox .teambtn:hover {
    opacity: .75
}

.teamdesign23.teamwrapper .profilebox .teambtn i {
    font-size: .9rem;
    transform: rotate(90deg);
    position: absolute;
    left: 75px
}

@media (max-width: 768px) {
    .teamdesign23.teamwrapper {
        position: relative;
        height: auto;
        max-width: 100%;
        border-radius: 16px;
        overflow: visible;
        background-color: #fff;
        box-shadow: 0 2px 12px #00000014;
        display: flex;
        flex-direction: column;
        margin: 0 0 20px
    }

    .teamdesign23.teamwrapper:before {
        display: none
    }

    .teamdesign23.teamwrapper .imgbox {
        position: relative;
        inset: unset;
        width: 100%;
        height: 100%;
        border-radius: 14px 14px 0 0;
        overflow: hidden;
        z-index: 1;
        padding: 16px
    }

    .teamdesign23.teamwrapper .imgbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 14px 14px 0 0;
        transition: none
    }

    .teamdesign23.teamwrapper .imgbox:after {
        content: "\2661";
        position: absolute;
        top: 30px;
        right: 30px;
        width: 32px;
        height: 32px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        color: #e53935;
        line-height: 32px;
        text-align: center;
        box-shadow: 0 1px 6px #00000026;
        z-index: 4
    }

    .teamdesign23.teamwrapper .teamcontent {
        position: static;
        padding: 22px;
        color: #1a1a1a;
        height: auto;
        display: block
    }

    .teamdesign23.teamwrapper .profilebox {
        display: flex;
        flex-direction: column;
        gap: 0
    }

    .teamdesign23.teamwrapper .profilebox h5 {
        font-size: .92rem;
        font-weight: 700;
        color: #1a1a1a;
        line-height: 1.4;
        margin: 0;
        max-width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .teamdesign23.teamwrapper .profilebox .team-social-links,
    .teamdesign23.teamwrapper .team-social-links,
    .teamdesign23.teamwrapper .profilebox .teambtn {
        display: none
    }

    .teamdesign23.teamwrapper:hover .imgbox img {
        transform: none
    }
}

.teamdesign24.teamwrapper {
    position: relative;
    width: 100%;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 16px #0000001a;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease
}

.teamdesign24.teamwrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px #00000026
}

.teamdesign24.teamwrapper .imgbox {
    position: relative;
    width: 100%;
    height: 260px
}

.teamdesign24.teamwrapper .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
    border-radius: 8px
}

.teamdesign24.teamwrapper:hover .imgbox img {
    transform: scale(1.05)
}

.teamdesign24.teamwrapper .sociyabox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12px 12px 0
}

.teamdesign24.teamwrapper .sociyaleft h5 {
    background: #fff;
    color: #111;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 4px;
    margin: 0;
    line-height: 1;
    font-family: Arial, sans-serif
}

.teamdesign24.teamwrapper .sociyaleft h6 {
    display: none
}

.teamdesign24.teamwrapper .sociyaright .teambtn {
    width: 32px;
    height: 32px;
    background: #505050bf;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: background .2s ease;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.teamdesign24.teamwrapper .sociyaright .teambtn:hover {
    background: #1e1e1eeb
}

.teamdesign24.teamwrapper .sociyaright .teambtn i {
    font-size: .85rem;
    transform: rotate(45deg);
    display: block
}

.teamdesign24.teamwrapper .teamcontent {
    background: #fff;
    padding: 14px 14px 16px;
    position: absolute;
    z-index: 2;
    width: auto;
    right: 25px;
    bottom: -30px;
    border-radius: 8px;
    box-shadow: 0 2px 14px #474646;
    left: 25px
}

.teamdesign24.teamwrapper .profilebox {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.teamdesign24.teamwrapper .profilebox h5 {
    font-size: .95rem;
    font-weight: 700;
    color: #111;
    margin: 0;
    line-height: 1.3;
    font-family: Arial, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.teamdesign24.teamwrapper .profilebox>.teambtn {
    display: none
}

.teamdesign24.teamwrapper .profilebox h6 {
    font-size: .78rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    font-family: Arial, sans-serif;
    display: inline
}

.teamdesign24.teamwrapper .team-social-links {
    list-style: none;
    padding: 0;
    margin: 2px 0 0;
    display: flex;
    align-items: center;
    gap: 0;
    display: none
}

.teamdesign24.teamwrapper .team-social-links .list-group-item {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-size: .78rem;
    color: #2979ff;
    font-family: Arial, sans-serif;
    font-weight: 400
}

.teamdesign24.teamwrapper .team-social-links .list-group-item:first-child:before {
    content: "\b7";
    color: #999;
    margin: 0 5px;
    font-size: .85rem
}

.teamdesign24.teamwrapper .team-social-links .social-links__icon {
    display: none
}

.teamdesign24 .view-all-wrap {
    text-align: center;
    margin-top: 32px
}

.teamdesign24 .view-all-wrap .btn-view-all {
    display: inline-block;
    background: #2979ff;
    color: #fff;
    font-size: .88rem;
    font-weight: 500;
    font-family: Arial, sans-serif;
    padding: 12px 32px;
    border-radius: 30px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background .2s ease;
    letter-spacing: .3px
}

.teamdesign24 .view-all-wrap .btn-view-all:hover {
    background: #1a5fd4
}

@media (max-width: 768px) {
    .teamdesign24.teamwrapper .teamcontent {
        color: #fff;
        text-align: left;
        bottom: 12px;
        left: 10%;
        right: 10%;
        max-width: auto;
        z-index: 9;
        border-radius: 8px;
        box-shadow: 0 -3px 14px #b3b3b340;
        background: #201d20b3;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .teamdesign24.teamwrapper .profilebox h6,
    .teamdesign24.teamwrapper .profilebox h5 {
        color: #fff
    }
}

.teamdesign25.teamwrapper {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    height: 420px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0
}

.teamdesign25.teamwrapper+.teamdesign25.teamwrapper {
    border-left: 3px solid #ffffff
}

.teamdesign25.teamwrapper .imgbox {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.teamdesign25.teamwrapper .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease
}

.teamdesign25.teamwrapper:hover .imgbox img {
    transform: scale(1.06)
}

.teamdesign25.teamwrapper .sociyabox {
    display: none
}

.teamdesign25.teamwrapper .teamcontent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 0 20px 24px
}

.teamdesign25.teamwrapper .profilebox {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 40px;
    background: linear-gradient(to top, #000, #000c 40%, #0003 70%)
}

.teamdesign25.teamwrapper .profilebox h5 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.45;
    margin: 0;
    font-family: Arial, sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.teamdesign25.teamwrapper .profilebox h6 {
    display: none
}

.teamdesign25.teamwrapper .profilebox .teambtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #2e7d32;
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
    font-family: Arial, sans-serif;
    padding: 8px 16px;
    border-radius: 30px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    width: fit-content;
    transition: background .2s ease;
    letter-spacing: .2px
}

.teamdesign25.teamwrapper .profilebox .teambtn:hover {
    background: #1b5e20
}

.teamdesign25.teamwrapper .profilebox .teambtn i {
    font-size: 1rem;
    transform: rotate(45deg);
    display: block;
    line-height: 1
}

.teamdesign25.teamwrapper .team-social-links,
.teamdesign25 .view-all-wrap {
    display: none
}

@media (max-width:768px) {
    .teamdesign25.teamwrapper .profilebox {
        padding: 30px 40px
    }
}

@media only screen and (max-width: 768px) {
    .teamdesign3 {
        margin: 0 auto 30px
    }
}

@media screen and (min-device-width: 769px) and (max-device-width: 950px) {
    .teamdesign3 {
        margin: 0 auto 30px
    }
}

.product_section .option_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff9;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.product_section:hover .option_container {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.product_section img {
    -webkit-transition: all .3s;
    transition: all .3s
}

.product_section:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.zoombox {
    background-color: #333;
    overflow: hidden;
    position: relative
}

.zoombox img.zoomboximg {
    width: 100%;
    height: 240px;
    transform: scale(1.5);
    -webkit-transition: 2s ease-in;
    animation-duration: 10s
}

.zoombox .zoomboxDiv {
    position: absolute;
    inset: 60px;
    display: block;
    border: 2px solid #fff;
    padding: 30px;
    text-align: center;
    transform: scale(0);
    -webkit-transition: .5s ease-in-out;
    color: #fff;
    background: #030c17a1;
    align-items: center
}

.zoombox .zoomboxDiv img {
    width: 50%;
    height: auto
}

.zoombox:hover img.zoomboximg {
    opacity: .3;
    transform: scale(1)
}

.zoombox:hover .zoomboxDiv {
    transform: scale(1)
}

.portfolio .portfolio-item {
    position: relative;
    border: 1px solid #fff;
    overflow: hidden;
    z-index: 1
}

.portfolio .portfolio-item img {
    transition: all .3s
}

.portfolio .portfolio-item:before {
    content: "";
    inset: 0;
    position: absolute;
    background: #3b485394;
    z-index: 2;
    transition: .5s;
    visibility: hidden;
    opacity: 0
}

.portfolio .portfolio-item .portfolio-info {
    opacity: 0;
    position: absolute;
    inset: auto 40px 40px;
    z-index: 3;
    padding: 20px;
    text-align: center
}

.portfolio .portfolio-item .portfolio-info h1,
.portfolio .portfolio-item .portfolio-info h2,
.portfolio .portfolio-item .portfolio-info h3,
.portfolio .portfolio-item .portfolio-info h4,
.portfolio .portfolio-item .portfolio-info h5,
.portfolio .portfolio-item .portfolio-info h6 {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.portfolio .portfolio-item .portfolio-info p {
    font-size: 14px;
    color: #fff
}

.portfolio .portfolio-item:hover:before {
    visibility: visible;
    opacity: 1
}

.portfolio .portfolio-item:hover img {
    transform: scale(1.2)
}

.portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
    inset: auto 10px 0
}

.containerImgItem {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transform-style: preserve-3d;
    perspective: 500px;
    gap: 1rem
}

.containerImgItem .box {
    position: relative;
    width: 275px;
    height: 275px;
    background: #000;
    transition: .5s;
    transform-style: preserve-3d;
    overflow: hidden;
    margin-top: 45px
}

.containerImgItem:hover .box {
    transform: rotateY(25deg)
}

.containerImgItem .box:hover~.box {
    transform: rotateY(-25deg)
}

.containerImgItem .box:hover {
    transform: rotateY(0) scale(1.25);
    z-index: 1;
    box-shadow: 0 25px 40px #00000080
}

.containerImgItem .box .imgBx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.containerImgItem .box .imgBx:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, red, #000);
    z-index: 1;
    opacity: 0;
    transition: .5s;
    mix-blend-mode: multiply
}

.containerImgItem .box:hover .imgBx:before {
    opacity: 1
}

.containerImgItem .box .imgBx img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.containerImgItem .box .content {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    padding: 20px;
    align-items: flex-end;
    box-sizing: border-box
}

.containerImgItem .box .content h1,
.containerImgItem .box .content h2,
.containerImgItem .box .content h3,
.containerImgItem .box .content h4,
.containerImgItem .box .content h5,
.containerImgItem .box .content h6 {
    color: #fff;
    transition: .5s;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 20px;
    transform: translateY(200px);
    transition-delay: .3s
}

.containerImgItem .box:hover .content h1,
.containerImgItem .box:hover .content h2,
.containerImgItem .box:hover .content h3,
.containerImgItem .box:hover .content h4,
.containerImgItem .box:hover .content h5,
.containerImgItem .box:hover .content h6 {
    transform: translateY(0)
}

.containerImgItem .box .content p {
    color: #fff;
    transition: .5s;
    font-size: 14px;
    transform: translateY(200px);
    transition-delay: .4s
}

.containerImgItem .box:hover .content p {
    transform: translateY(0)
}

.hovereffectimage {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
    overflow: hidden;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
}

.hovereffectimage .hoverimage {
    width: 20%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    position: relative
}

.hovereffectimage .hoverimage:hover {
    width: 60%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
}

.hovereffectimage .hoverimage img {
    width: 100%;
    height: 100vh
}

.contentBox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 20px;
    color: #fff;
    background: #0009
}

@media (max-width: 568px) {
    .hovereffectimage .hoverimage {
        width: 98%;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        position: relative;
        display: inline-block;
        margin: 1%
    }

    .hovereffectimage {
        display: inherit
    }

    .hovereffectimage .hoverimage:hover {
        width: 98%;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        position: relative;
        display: inline-block;
        margin: 1%
    }
}

@media screen and (min-width:569px) and (max-width:768px) {
    .hovereffectimage .hoverimage {
        width: 48%;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        position: relative;
        display: inline-block;
        margin: 1%
    }

    .hovereffectimage {
        display: inherit
    }

    .hovereffectimage .hoverimage:hover {
        width: 48%;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        position: relative;
        display: inline-block;
        margin: 1%
    }

    .hovereffectimage .hoverimage img {
        width: 100%;
        height: 100vh
    }
}

@media screen and (min-width:769px) and (max-width:990px) {
    .hovereffectimage .hoverimage {
        width: 48%;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        position: relative;
        display: inline-block;
        margin: 1%
    }

    .hovereffectimage {
        display: inherit
    }

    .hovereffectimage .hoverimage:hover {
        width: 48%;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        position: relative;
        display: inline-block;
        margin: 1%
    }

    .hovereffectimage .hoverimage img {
        width: 100%;
        height: 60vh
    }
}

.hoverDiv:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    overflow: hidden;
    filter: grayscale(100%);
    border-radius: 5px;
    transition: all .25s ease-in-out
}

.hoverDiv .bg-white {
    overflow: hidden;
    border: solid 2px white
}

.hoverDiv .bg-white:hover {
    border-color: coral
}

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

.productCard {
    width: 25%;
    overflow: hidden;
    position: relative
}

.productCard .content {
    z-index: 2;
    width: 100%;
    position: absolute;
    bottom: -120px;
    transition: all .7s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    min-height: 100px;
    background: #111
}

.productCard .imageBox {
    z-index: 1;
    height: 100%
}

.productCard img {
    height: 100%;
    width: 100%;
    transition: all .5s ease;
    transform: scale(1.2)
}

.productCard:hover .content {
    bottom: 0;
    color: #fff
}

.productCard:hover .imageBox img {
    transform: scale(1)
}

.productCard .content {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.shapDesign1,
.shapDesign2,
.shapDesign3,
.shapDesign4 {
    background: #242531
}

.shapDesign1 .imgShapBox,
.shapDesign2 .imgShapBox,
.shapDesign3 .imgShapBox,
.shapDesign4 .imgShapBox {
    text-align: center;
    position: relative
}

.shapDesign1 .imgShapBox:hover img,
.shapDesign2 .imgShapBox:hover img,
.shapDesign3 .imgShapBox:hover img {
    transform: rotateY(360deg)
}

.shapDesign1 .imgShapBox img,
.shapDesign2 .imgShapBox img,
.shapDesign3 .imgShapBox img,
.shapDesign4 .imgShapBox img {
    z-index: 99999999;
    position: relative;
    transition: all .5s ease-in-out
}

.shapDesign2 .imaContentBox,
.shapDesign3 .imaContentBox {
    border: 0 !important
}

.shapDesign3 .imaContentBox {
    text-align: center
}

.shapDesign1 .imgwrapperBox .imgShapBox:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    inset: 0;
    border-radius: 170px 170px 0 0
}

.shapDesign2 .imgwrapperBox .imgShapBox:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    inset: 0;
    transform: skew(350deg);
    transition: all .5s ease
}

.shapDesign3 .imgwrapperBox .imgShapBox:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    inset: 0 0 0 13px;
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%)
}

.shapDesign4 .imgwrapperBox .imgShapBox.shap1:after,
.shapDesign4 .imgwrapperBox .imgShapBox.shap2:after,
.shapDesign4 .imgwrapperBox .imgShapBox.shap3:after,
.shapDesign4 .imgwrapperBox .imgShapBox.shap4:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    inset: 0;
    transition: all .5s ease
}

.shapDesign3 .imgwrapperBox .imgShapBox:hover:after {
    transform: scale(1.05);
    animation: shake 1s infinite ease-in-out
}

.shapDesign2 .imgwrapperBox .imgShapBox:hover:after {
    transform: scale(.9)
}

.shapDesign4 .imgwrapperBox .imgShapBox.shap1:after {
    border-radius: 100%
}

.shapDesign4 .imgwrapperBox .imgShapBox.shap2:after {
    border-radius: 0 100px 100px
}

.shapDesign4 .imgwrapperBox .imgShapBox.shap3:after {
    border-radius: 0 109px
}

.shapDesign4 .imgwrapperBox .imgShapBox.shap4:after {
    border-radius: 109px 109px 10px
}

.shapDesign4 .imgwrapperBox .imgShapBox.shap1:hover:after,
.shapDesign4 .imgwrapperBox .imgShapBox.shap2:hover:after,
.shapDesign4 .imgwrapperBox .imgShapBox.shap3:hover:after,
.shapDesign4 .imgwrapperBox .imgShapBox.shap4:hover:after {
    animation: morph 6s linear infinite;
    opacity: 1;
    animation-duration: 6s;
    transition: all .5s ease
}

.shapDesign4 .imgwrapperBox .imgShapBox.shap1,
.shapDesign4 .imgwrapperBox .imgShapBox.shap2,
.shapDesign4 .imgwrapperBox .imgShapBox.shap3,
.shapDesign4 .imgwrapperBox .imgShapBox.shap4 {
    margin-bottom: 20px;
    transition: all .5s ease
}

.shapDesign4 .imgwrapperBox .imgShapBox.shap1+.imaContentBox,
.shapDesign4 .imgwrapperBox .imgShapBox.shap2+.imaContentBox,
.shapDesign4 .imgwrapperBox .imgShapBox.shap3+.imaContentBox,
.shapDesign4 .imgwrapperBox .imgShapBox.shap4+.imaContentBox {
    text-align: center;
    border: 1px #666666 solid !important
}

@keyframes morph {

    0%,
    to {
        border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
        transform: translateZ(0) rotate(.01deg)
    }

    34% {
        border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotate(.01deg)
    }

    50% {
        opacity: .89;
        transform: translateZ(0) rotate(.01deg)
    }

    67% {
        border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotate(.01deg)
    }
}

@keyframes fadeIn {
    to {
        transform: scale(1.03);
        opacity: 0
    }
}

@keyframes shake {

    0%,
    to {
        transform: translate(0) scale(1.05)
    }

    25% {
        transform: translate(-5px) scale(1.05)
    }

    75% {
        transform: translate(5px) scale(1.05)
    }
}

@keyframes moveAround {
    0% {
        transform: translate(0) scale(1.05)
    }

    25% {
        transform: translate(5px, -5px) scale(1.05)
    }

    50% {
        transform: translate(0) scale(1.05)
    }

    75% {
        transform: translate(-5px, 5px) scale(1.05)
    }

    to {
        transform: translate(0) scale(1.05)
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

    .shapDesign1 .imgShapBox img,
    .shapDesign2 .imgShapBox img,
    .shapDesign3 .imgShapBox img,
    .shapDesign4 .imgShapBox img {
        width: 90px;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .shapDesign2 .imgwrapperBox {
        margin: 0 30px
    }

    .shapDesign1 .imgShapBox img,
    .shapDesign2 .imgShapBox img,
    .shapDesign3 .imgShapBox img,
    .shapDesign4 .imgShapBox img {
        width: 100px;
        height: auto
    }

    .shapDesign3 .imgwrapperBox .imgShapBox:after {
        left: 0
    }
}

.nav.nav-pills .nav-link {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    position: relative
}

.nav.design1 {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    gap: 5px
}

.nav.design1 .nav-item .nav-link {
    padding: 10px 20px
}

.nav.design1 .nav-item .nav-link:hover,
.nav.design1 .nav-item .nav-link.active {
    background-color: #0d6efd;
    border-radius: .375rem
}

.nav.design2 {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    gap: 15px
}

.nav.design2 .nav-item .nav-link {
    padding: 10px 0;
    color: #585858;
    font-size: 20px;
    border: none;
    border-bottom: 2px solid #585858;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.nav.design2 .nav-item .nav-link:hover,
.nav.design2 .nav-item .nav-link.active {
    color: #dc3545;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #585858;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.nav.design2 .nav-item .nav-link:after {
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 0;
    height: 2px;
    content: "";
    background-color: #dc3545;
    transition: ease all .3s;
    -webkit-transition: ease all .3s;
    -moz-transition: ease all .3s;
    -ms-transition: ease all .3s;
    -o-transition: ease all .3s
}

.nav.design2 .nav-item .nav-link:hover:after,
.nav.design2 .nav-item .nav-link.active:after {
    left: 0;
    right: auto;
    width: 100%
}

.nav.design3 {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    gap: 10px
}

.nav-pills.design3 li a.nav-link {
    padding: 10px;
    font-size: 17px;
    width: 180px;
    min-width: 120px;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
    border: 0px;
    box-shadow: 0 0 10px -5px #2c2c2c2e;
    background-color: #fff
}

.nav-pills.design3 li a.nav-link:hover,
.nav-pills.design3 li a.nav-link.active {
    color: #fff;
    border: none;
    background-color: #0ea2bd
}

.nav-pills.design3 li a.nav-link i {
    display: block;
    width: 42px;
    margin: 0 auto 5px;
    height: 42px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 38px;
    font-size: 18px
}

.nav-pills.design3 li:nth-child(1) a.nav-link i {
    border: 2px solid #46d0f9;
    color: #46d0f9
}

.nav-pills.design3 li:nth-child(2) a.nav-link i {
    border: 2px solid #6610f2;
    color: #6610f2
}

.nav-pills.design3 li:nth-child(3) a.nav-link i {
    border: 2px solid #20c997;
    color: #20c997
}

.nav-pills.design3 li:nth-child(4) a.nav-link i {
    border: 2px solid #fd7e14;
    color: #fd7e14
}

.nav-pills.design3 li:nth-child(5) a.nav-link i {
    border: 2px solid #df1529;
    color: #df1529
}

.nav-pills.design3 li:nth-child(6) a.nav-link i {
    border: 2px solid #f210eb;
    color: #f210eb
}

.nav-pills.design3 li:nth-child(7) a.nav-link i {
    border: 2px solid #8f83f3;
    color: #8f83f3
}

.nav-pills.design3 li:nth-child(8) a.nav-link i {
    border: 2px solid #d7b512;
    color: #d7b512
}

.nav-pills.design3 li:nth-child(9) a.nav-link i {
    border: 2px solid #0ea2bd;
    color: #0ea2bd
}

.nav-pills.design3 li:nth-child(10) a.nav-link i {
    border: 2px solid #46d0f9;
    color: #46d0f9
}

.nav-pills.design3 li a.nav-link:hover i,
.nav-pills.design3 li a.nav-link.active i {
    border: 2px solid #fff;
    color: #fff
}

.nav.design4 {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    gap: 10px
}

.nav-pills.design4 .nav-item .nav-link {
    padding: 10px 25px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px
}

.nav-pills.design4 .nav-item .nav-link:hover,
.nav-pills.design4 .nav-item .nav-link.active {
    color: #fff;
    background-color: #1cc6f9;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px
}

.nav.design5 {
    border-bottom: 2px solid #05d2f3;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    gap: 5px
}

.nav-pills.design5 .nav-item .nav-link {
    padding: 10px 25px;
    border-radius: 10px 10px 0 0
}

.nav-pills.design5 .nav-item .nav-link:hover,
.nav-pills.design5 .nav-item .nav-link.active {
    color: #fff;
    padding: 10px 25px;
    background-color: #05d2f3;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px
}

.nav-pills.design6 {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    gap: 15px
}

.nav-pills.design6 .nav-item .nav-link {
    padding: 40px;
    color: #000;
    background-color: #fff;
    box-shadow: 0 0 12px -5px #0003;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none
}

.nav-pills.design6 .nav-item {
    flex: 1
}

.nav-pills.design6 .nav-item .nav-link:hover,
.nav-pills.design6 .nav-item .nav-link.active {
    color: #000;
    background-color: #fff;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    transition: ease all .2s;
    -webkit-transition: ease all .2s;
    -moz-transition: ease all .2s;
    -ms-transition: ease all .2s;
    -o-transition: ease all .2s
}

.nav-pills.design6 .nav-item .nav-link:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 4px;
    content: "";
    background-color: #dc3545;
    transition: ease all .3s;
    -webkit-transition: ease all .3s;
    -moz-transition: ease all .3s;
    -ms-transition: ease all .3s;
    -o-transition: ease all .3s
}

.nav-pills.design6 .nav-item .nav-link:hover:after,
.nav-pills.design6 .nav-item .nav-link.active:after {
    left: 0;
    right: auto;
    width: 100%
}

@media (max-width: 991px) {
    .nav-pills.design6 {
        gap: 5px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto
    }

    .nav-pills.design6 .nav-item .nav-link {
        padding: 10px 15px
    }

    .nav-pills.design6 .nav-item .nav-link:after {
        height: 2px
    }
}

.nav.vtabsdesigns1 {
    flex-wrap: nowrap;
    white-space: nowrap
}

.nav.vtabsdesigns1 .nav-item .nav-link {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding: 10px 15px;
    border: none
}

.nav.vtabsdesigns1 .nav-item .nav-link:hover,
.nav.vtabsdesigns1 .nav-item .nav-link.active {
    color: #fff;
    border: none;
    background-color: #0d6efd;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    -ms-border-radius: .375rem;
    -o-border-radius: .375rem
}

@media (max-width: 991px) {
    .nav.vtabsdesigns1 {
        gap: 5px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto
    }

    .nav.vtabsdesigns1 .nav-item .nav-link {
        margin-bottom: 0;
        padding: 10px 15px
    }
}

.nav.vtabsdesigns2 {
    background-color: #f2f2f2;
    border: 1px solid #e7e6e6
}

.nav.vtabsdesigns2 .nav-item {
    border-bottom: 1px solid #e7e6e6
}

.nav.vtabsdesigns2 .nav-item:last-child {
    border: none
}

.nav.vtabsdesigns2 .nav-item .nav-link {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-left: 3px solid transparent;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    transition: ease all .3s;
    -webkit-transition: ease all .3s;
    -moz-transition: ease all .3s;
    -ms-transition: ease all .3s;
    -o-transition: ease all .3s
}

.nav.vtabsdesigns2 .nav-item .nav-link:hover,
.nav.vtabsdesigns2 .nav-item .nav-link.active {
    background-color: transparent;
    color: #da251d;
    border-left: 3px solid #da251d;
    border-radius: 0;
    padding: 12px 30px
}

.nav.vtabsdesigns2 .nav-item .nav-link i {
    margin-right: 10px
}

@media (max-width: 991px) {
    .nav.vtabsdesigns2 {
        gap: 10px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto
    }

    .nav.vtabsdesigns2 .nav-item {
        flex: 1
    }

    .nav.vtabsdesigns2 .nav-item .nav-link {
        margin-bottom: 0;
        padding: 10px 15px;
        border-left: 3px solid transparent
    }

    .nav.vtabsdesigns2 .nav-item .nav-link:hover,
    .nav.vtabsdesigns2 .nav-item .nav-link.active {
        padding: 10px 15px
    }

    .nav.vtabsdesigns2 .nav-item .nav-link i {
        margin-right: 5px
    }
}

.nav.vtabsdesigns3 .nav-item .nav-link {
    margin-bottom: 5px;
    padding: 22px 20px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-bottom: 1px solid #cccccc4d;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    -ms-border-radius: .375rem;
    -o-border-radius: .375rem;
    position: relative
}

.nav.vtabsdesigns3 .nav-item .nav-link:hover,
.nav.vtabsdesigns3 .nav-item .nav-link.active {
    background-color: #da241c;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    -ms-border-radius: .375rem;
    -o-border-radius: .375rem
}

.nav.vtabsdesigns3 .nav-item .nav-link i {
    display: block;
    margin: 0 auto 5px;
    font-size: 20px
}

@media (max-width: 991px) {
    .nav.vtabsdesigns3 {
        gap: 10px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto
    }

    .nav.vtabsdesigns3 .nav-item {
        flex: 1
    }

    .nav.vtabsdesigns3 .nav-item .nav-link {
        margin-bottom: 0;
        padding: 10px 20px
    }

    .nav.vtabsdesigns3 .nav-item .nav-link i {
        margin-bottom: 2px
    }
}

.nav.vtabsdesigns4 {
    background-color: #e1f0ff
}

.nav.vtabsdesigns4 .nav-item {
    border-bottom: 1px solid #ffffff
}

.nav.vtabsdesigns4 .nav-item .nav-link {
    padding: 20px;
    text-align: left;
    background-color: transparent
}

.nav.vtabsdesigns4 .nav-item .nav-link,
.nav.vtabsdesigns4 .nav-item .nav-link:hover,
.nav.vtabsdesigns4 .nav-item .nav-link.active {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none
}

.nav.vtabsdesigns4 .nav-item .nav-link:hover {
    background-color: #f3f9ff;
    color: #3f93f2
}

.nav.vtabsdesigns4 .nav-item .nav-link.active {
    color: #fff;
    background: #3f93f2;
    background: linear-gradient(90deg, #4190f1, #00d4ff)
}

.nav.vtabsdesigns4 .nav-item .nav-link i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    color: #fff;
    margin-right: 10px;
    background-color: #3f93f2;
    background-image: linear-gradient(90deg, #4190f1, #00d4ff)
}

.nav.vtabsdesigns4 .nav-item .nav-link.active i {
    background-color: #fff;
    background-image: none;
    color: #3f93f2
}

@media (max-width: 991px) {
    .nav.vtabsdesigns4 {
        gap: 15px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto
    }

    .nav.vtabsdesigns4 .nav-item {
        flex: 1
    }

    .nav.vtabsdesigns4 .nav-item .nav-link {
        padding: 10px
    }
}

.nav.vtabsdesigns5 {
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 10px
}

.nav.vtabsdesigns5 .nav-item .nav-link {
    text-align: left;
    padding: 12px 0;
    background-color: transparent;
    border-bottom: 1px solid #e9e9e9;
    position: relative
}

.nav.vtabsdesigns5 .nav-item .nav-link,
.nav.vtabsdesigns5 .nav-item .nav-link:hover,
.nav.vtabsdesigns5 .nav-item .nav-link.active {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.nav.vtabsdesigns5 .nav-item .nav-link:hover,
.nav.vtabsdesigns5 .nav-item .nav-link.active {
    background-color: transparent;
    color: #d9221a;
    border-bottom: 1px solid #e9e9e9
}

.nav.vtabsdesigns5 .nav-item .nav-link i {
    margin-right: 12px
}

.nav.vtabsdesigns5 .nav-item .nav-link:before {
    content: "";
    border-bottom: 1px solid #d9221a;
    width: 0px;
    position: absolute;
    bottom: -1px;
    transition: all .5s
}

.nav.vtabsdesigns5 .nav-item .nav-link:hover:before,
.nav.vtabsdesigns5 .nav-item .nav-link.active:before {
    width: 100%
}

@media (max-width: 991px) {
    .nav.vtabsdesigns5 {
        gap: 15px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding: 15px 20px 25px
    }

    .nav.vtabsdesigns5 .nav-item .nav-link {
        padding: 8px 0
    }

    .nav.vtabsdesigns5 .nav-item .nav-link i {
        margin-right: 5px
    }
}

.nav-pills.vtabsdesigns6 .nav-item .nav-link {
    margin-bottom: 5px;
    padding: 20px;
    text-align: left;
    color: #fff;
    background-color: #589195;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    -ms-border-radius: .375rem;
    -o-border-radius: .375rem
}

.nav-pills.vtabsdesigns6 .nav-item .nav-link:hover,
.nav-pills.vtabsdesigns6 .nav-item .nav-link.active {
    background-color: #34394c;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    -ms-border-radius: .375rem;
    -o-border-radius: .375rem
}

@media (max-width: 991px) {
    .nav-pills.vtabsdesigns6 {
        gap: 8px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto
    }

    .nav-pills.vtabsdesigns6 .nav-item .nav-link {
        margin: 0;
        padding: 10px 15px
    }
}

.top-nav-tabs .nav-link {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #647482;
    padding: 10px 0;
    position: relative;
    background: transparent;
    border: none
}

.style-one .top-nav-tabs .nav-link:after,
.style-two .top-nav-tabs .nav-link:after,
.style-three .top-nav-tabs .nav-link:after {
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 0;
    height: 2px;
    content: "";
    background-color: #00ab55;
    transition: all .5s ease
}

.style-one .top-nav-tabs .nav-link.active:after,
.style-two .top-nav-tabs .nav-link.active:after,
.style-three .top-nav-tabs .nav-link.active:after {
    width: 100%;
    left: 0;
    right: auto
}

.style-two .prev-btn,
.style-two .next-btn {
    padding: 0;
    width: 30px;
    height: 40px;
    font-size: 30px
}

.style-two .next-btn {
    left: auto;
    right: 0
}

.style-one .top-nav-tabs,
.style-two .top-nav-tabs,
.style-three .top-nav-tabs {
    display: flex;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    border: none;
    scrollbar-width: none;
    transition: all .5s ease
}

.menu-button {
    display: none;
    font-size: 20px;
    line-height: 10px;
    padding: 0 5px;
    cursor: pointer
}

.style-three .nav-tabs-container:has(.extra-tabs ul li) .menu-button {
    display: block
}

.extra-tabs {
    display: none;
    position: absolute;
    top: 0;
    right: 35px;
    width: 300px;
    z-index: 999;
    max-height: 84vh;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    overflow-y: auto;
    overflow-x: hidden;
    flex-direction: column;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #00AB55;
    box-shadow: #32325d40 0 0 100px -20px, #0000004d 0 0 60px -30px
}

.extra-tabs .nav-tabs {
    flex-direction: column;
    position: static;
    width: auto
}

.style-three .nav-tabs-container.show:has(.extra-tabs ul li) .extra-tabs {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.extra-tabs .nav-tabs .nav-link {
    display: block;
    color: #000;
    padding: 15px 20px !important;
    font-weight: 500;
    border-radius: 0;
    position: relative;
    border: none
}

.extra-tabs .nav-tabs .nav-link:hover,
.extra-tabs .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #00ab55
}

.top-nav-tabs .nav-item,
.extra-tabs .nav-item {
    cursor: pointer
}

.top-nav-tabs .nav-link.active {
    color: #000
}

.nav-tabs-container .prev-btn,
.nav-tabs-container .next-btn {
    display: none
}

.style-two .nav-tabs-container .prev-btn,
.style-two .nav-tabs-container .next-btn {
    display: block
}

.style-three .extra-tabs {
    display: flex
}

@media screen and (min-width: 1200px) {
    .top-nav-tabs .nav-item {
        padding: 0 18px
    }
}

@media screen and (max-width: 1199px) {
    .top-nav-tabs .nav-item {
        padding: 0 8px
    }

    .top-nav-tabs:not(.style-three .top-nav-tabs) .nav-link {
        display: block;
        border-radius: 0
    }
}

@media screen and (max-width: 575px) {
    .top-nav-tabs .nav-item {
        padding: 0 5px
    }
}

.table-area.masterdiv.classic .header_div {
    border-left: 0
}

.table-area.masterdiv.classic .header_Blk {
    border-bottom: 1px solid #e2e2e2;
    background-color: #fff
}

.table-area.masterdiv.classic .center-tbl-header .header_row .header_cell:last-child {
    border-right: 1px solid #e2e2e2
}

.table-area.masterdiv.classic .table_body {
    border-left: 0
}

.table-area.masterdiv.classic .grid_cell:last-child {
    border-right: 1px solid #e2e2e2
}

.table-area.masterdiv.classic .sml_header_text {
    font-weight: 700;
    font-size: 14px;
    color: #959595
}

.table-area.masterdiv.classic .header_cell {
    height: 48px;
    background-color: #fff;
    font-weight: 700;
    font-size: 14px;
    color: #959595;
    border-top: 1px solid #e2e2e2;
    border-right: 0
}

.table-area.masterdiv.classic .header_cell:hover {
    background-color: #f2f2f2;
    transition: .6s ease
}

.table-area.masterdiv.classic .child_header {
    height: 48px
}

.table-area.masterdiv.classic .header_cell .sagGridFilter {
    background-color: #fff;
    top: 8px;
    font-size: 12px
}

.table-area.masterdiv.classic .header_cell input,
.table-area.masterdiv.classic .header_cell optgroup,
.table-area.masterdiv.classic .header_cell select,
.table-area.masterdiv.classic .header_cell textarea {
    border: 2px solid #e2e2e2;
    border-radius: 4px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent
}

.table-area.masterdiv.classic .header_cell input[placeholder=Search]:focus {
    border-bottom: 1px solid #959595
}

.table-area.masterdiv.classic input:focus-visible {
    outline: none
}

.table-area.masterdiv.classic .grid_cell {
    color: #767371;
    font-size: 12px;
    font-weight: 500;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #e2e2e2
}

.table-area.masterdiv.classic .grid_row_header.sml_slectedRow,
.table-area.masterdiv.classic .grid_row.sml_slectedRow,
.table-area.masterdiv.classic .grid_cell.sml_slectedRow.cellEventListnr {
    background-color: transparent !important;
    color: #767371 !important
}

.table-area.masterdiv.classic .grid_cell.grid_cell_selected {
    border: 1px solid #959595;
    outline: 0
}

.table-area.masterdiv.classic .grid_row_header:hover {
    background-color: #efeff078
}

.table-area.masterdiv.classic .paginationBlk {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    padding: 25px 10px
}

.table-area.masterdiv.classic .sml_totalRecord {
    font-weight: 500;
    color: #959595
}

.table-area.masterdiv.classic .totalFooter,
.table-area.masterdiv.classic .footerGrid {
    filter: none !important;
    background-color: #f1f1f1 !important;
    border-top: 0
}

.table-area.masterdiv.classic .footerGrid .btn.btn-outline-primary {
    background-color: transparent !important;
    color: #959595 !important;
    border: 1px solid #e2e2e2;
    margin: 0 0 0 3px
}

.table-area.masterdiv.classic .footerGrid #exportBtnForPDFLandscape,
.table-area.masterdiv.classic .footerGrid #exportBtnForPDFPortrait {
    background-color: transparent !important;
    color: #959595 !important;
    border: 1px solid #e2e2e2
}

.table-area.masterdiv.classic .footerGrid .btn.btn-outline-primary i,
.table-area.masterdiv.classic .footerGrid #exportBtnForPDFLandscape i,
.table-area.masterdiv.classic .footerGrid #exportBtnForPDFPortrait i {
    color: #959595 !important
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu {
    border-top: 1px solid #e2e2e2 !important
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu input,
.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu select {
    border: 2px solid #e2e2e2;
    border-radius: 4px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu .blockDiv {
    align-items: center
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu .blockDiv input {
    border: initial !important;
    border-top: initial !important;
    border-left: initial !important;
    border-right: initial !important;
    background-color: #0075ff !important
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu .filterRow {
    height: 35px;
    align-items: center;
    border-bottom: 1px solid #e2e2e2
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu .tabLList {
    border: 0
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu #myInput,
.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu #selectFilter {
    margin-bottom: 10px !important;
    height: 45px
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu .blockDiv .btn-primary {
    background-color: transparent;
    color: #959595 !important;
    border: 1px solid #e2e2e2;
    font-weight: 700
}

.table-area.masterdiv.classic #PopupFiletrSearch .dropdoenMenu .blockDiv .btn-danger {
    background-color: transparent;
    color: #959595 !important;
    border: 1px solid #dc3545;
    font-weight: 700
}

.table-area.masterdiv.dark #slm_tableMain {
    background-color: #222628
}

.table-area.masterdiv.dark .sml_header_text {
    font-weight: 700;
    font-size: 14px
}

.table-area.masterdiv.dark .header_cell {
    height: 48px;
    background-color: #222628;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    border-top: 1px solid #434648fa;
    border-right: 1px solid #434648fa
}

.table-area.masterdiv.dark .center-tbl-header .header_row .header_cell:last-child {
    border-right: 1px solid #58565280
}

.table-area.masterdiv.dark .header_Blk {
    border-bottom: 1px solid #434648fa;
    background-color: #222628;
    padding-right: 15px
}

.table-area.masterdiv.dark .child_header {
    height: 48px
}

:is(.table-area.masterdiv.dark .header_cell .sagGridFilter) {
    background-color: transparent !important;
    top: 9px;
    font-size: 12px;
    filter: brightness(.5)
}

.table-area.masterdiv.dark input,
.table-area.masterdiv.dark optgroup,
.table-area.masterdiv.dark select,
.table-area.masterdiv.dark textarea {
    border: 1px solid #68686e;
    border-radius: 4px;
    background-color: #040404;
    color: #fff
}

.table-area.masterdiv.dark input:focus-visible {
    outline: none
}

.table-area.masterdiv.dark .grid_cell {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-right: 1px solid transparent
}

.table-area.masterdiv.dark .grid_row_header.sml_slectedRow,
.table-area.masterdiv.dark .grid_row.sml_slectedRow {
    background-color: transparent !important;
    color: #767371 !important
}

.table-area.masterdiv.dark .grid_cell.sml_slectedRow.cellEventListnr {
    background-color: transparent !important;
    color: #e2e2e2 !important
}

.table-area.masterdiv.dark .grid_cell.grid_cell_selected {
    border: 1px solid #2196f3fa
}

.table-area.masterdiv.dark .grid_row_header:hover {
    background-color: #2196f333 !important
}

.table-area.masterdiv.dark .paginationBlk {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #434648fa;
    background-color: #222628
}

.table-area.masterdiv.dark .sml_totalRecord {
    padding: 5px;
    font-weight: 500;
    color: #fff
}

.table-area.masterdiv.dark .totalFooter,
.table-area.masterdiv.dark .footerGrid {
    filter: none !important;
    background-color: #222628 !important;
    border-top: 1px solid #434648fa
}

.table-area.masterdiv.dark .footerGrid .btn.btn-outline-primary {
    background-color: #222628 !important;
    border: 1px solid #434648fa;
    margin: 0 0 0 3px
}

.table-area.masterdiv.dark .footerGrid #exportBtnForPDFLandscape,
.table-area.masterdiv.dark .footerGrid #exportBtnForPDFPortrait {
    background-color: #222628 !important;
    border: 1px solid #434648fa
}

.table-area.masterdiv.dark .grid_row_header:nth-of-type(odd) {
    background-color: #181d1f
}

.table-area.masterdiv.dark .grid_row_header:nth-of-type(2n) {
    background-color: #222628
}

.table-area.masterdiv.dark .grid_cell {
    border-bottom: 1px solid #434648fa
}

.table-area.masterdiv.dark #PopupFiletrSearch .dropdoenMenu {
    background-color: #222628;
    border: 1px solid #434648fa
}

.table-area.masterdiv.dark #PopupFiletrSearch .dropdoenMenu .form-control {
    background-color: #222628;
    color: #fff
}

.table-area.masterdiv.dark #PopupFiletrSearch .filterRow .checkLabel {
    color: #fff
}

.table-area.masterdiv.dark #PopupFiletrSearch .dropdoenMenu .tabLList {
    border-radius: 4px
}

.table-area.masterdiv.dark #PopupFiletrSearch .dropdoenMenu .blockDiv {
    align-items: center
}

.table-area.masterdiv.dark #PopupFiletrSearch .dropdoenMenu .blockDiv .btn-primary {
    background-color: #222628;
    border: 1px solid #434648fa
}

.table-area.masterdiv.dark #PopupFiletrSearch .dropdoenMenu .blockDiv .btn-danger {
    background-color: transparent
}

.table-area.masterdiv.dark ::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

.table-area.masterdiv.dark ::-webkit-scrollbar-corner,
.table-area.masterdiv.dark ::-webkit-scrollbar-track {
    background-color: #404040
}

.table-area.masterdiv.dark ::-webkit-scrollbar-thumb {
    background-color: #606060;
    background-clip: padding-box;
    border: 2px solid transparent
}

.table-area.masterdiv.dark ::-webkit-scrollbar-button:single-button {
    background-color: #404040;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat
}

.table-area.masterdiv.dark ::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 12px;
    width: 16px;
    background-position: center 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>")
}

.table-area.masterdiv.dark ::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 12px;
    width: 16px;
    background-position: center 2px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>")
}

.table-area.masterdiv.dark ::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,50 50,100 50,0'/></svg>")
}

.table-area.masterdiv.dark ::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 0,100 50,50'/></svg>")
}

.table-area.masterdiv.gridDesignOne .mainDivTbodySecond div {
    background-color: #f2f2f2;
    box-shadow: 0 0 9px #0000001a
}

.table-area.masterdiv.gridDesignOne .header_cell {
    background-color: #d6c8b8 !important;
    text-transform: uppercase;
    font-weight: 500;
    height: 45px;
    font-size: 14px
}

.table-area.masterdiv.gridDesignOne .child_header {
    height: 45px
}

.table-area.masterdiv.gridDesignOne .grid_cell {
    height: 45px !important;
    border-right: 1px dotted #bfbfbf;
    border-bottom: 1px dotted #c3c3c3
}

.table-area.masterdiv.gridDesignOne .header_Blk,
.table-area.masterdiv.gridDesignOne .header_cell {
    background-color: #d6c8b8
}

.table-area.masterdiv.gridDesignOne .header_cell .sagGridFilter {
    top: 5px
}

.table-area.masterdiv.gridDesignOne .grid_cell.cellEventListnr {
    background-color: #d6c8b8
}

.table-area.masterdiv.gridDesignOne .header_cell input,
.table-area.masterdiv.gridDesignOne .header_cell optgroup,
.table-area.masterdiv.gridDesignOne .header_cell select,
.table-area.masterdiv.gridDesignOne .header_cell textarea {
    background-color: #d6c8b8;
    filter: contrast(.8);
    border: 1px dotted #000;
    color: #fff;
    height: 30px
}

.table-area.masterdiv.gridDesignOne .header_cell input[type=text] {
    color: #000 !important
}

.table-area.masterdiv.gridDesignOne .footerGrid {
    background-color: #d6c8b8 !important;
    filter: inherit !important
}

.table-area.masterdiv.gridDesignOne .paginationBlk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    color: #fff;
    padding: 0 12px
}

.table-area.masterdiv.gridDesignOne .sml_totalRecord {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.table-area.masterdiv.gridDesignOne .sag_grid .paginationBlk .btn-group .btn {
    background-color: #000
}

.table-area.masterdiv.gridDesignOne .sag_grid .paginationBlk .btn-group .btn {
    background-color: #000 !important;
    color: #fff !important;
    margin-right: 4px !important;
    filter: contrast(.5)
}

.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu {
    background-color: #f2f2f2;
    box-shadow: 0 0 9px #0000001a
}

.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu .form-control,
.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu select {
    border: 1px dotted #000;
    background-color: #d6c8b8 !important;
    height: 30px
}

.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu #filterScroll .filterRow {
    border-bottom: 1px solid #c3c3c3 !important;
    align-items: center;
    height: 30px
}

.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu .tabLList {
    border: 1px dotted #000
}

.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu .form-check.checkBlkDiv {
    align-items: center;
    color: #000
}

.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu .blockDiv.d-flex {
    align-items: center
}

.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu .blockDiv.d-flex .btn {
    background-color: #000 !important;
    color: #fff !important;
    border: 0;
    filter: contrast(.5)
}

.table-area.masterdiv.gridDesignOne #PopupFiletrSearch .dropdoenMenu .blockDiv .form-check-label {
    font-size: 14px
}

.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar-corner,
.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar-track {
    background-color: #fff
}

.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar-thumb {
    background-color: #d6c8b8;
    background-clip: padding-box;
    border: 2px solid transparent
}

.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar-button:single-button {
    background-color: #fff;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat
}

.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 12px;
    width: 16px;
    background-position: center 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>")
}

.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 12px;
    width: 16px;
    background-position: center 2px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>")
}

.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,50 50,100 50,0'/></svg>")
}

.table-area.masterdiv.gridDesignOne ::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 0,100 50,50'/></svg>")
}

.table-area.masterdiv.gridDesignTwo .header_Blk,
.table-area.masterdiv.gridDesignTwo .header_cell {
    background-color: #292d33;
    color: #fff;
    text-transform: uppercase
}

.table-area.masterdiv.gridDesignTwo .header_cell {
    height: 45px;
    font-size: 14px;
    font-weight: 500
}

.table-area.masterdiv.gridDesignTwo .child_header {
    height: 45px
}

.table-area.masterdiv.gridDesignTwo .header_cell .sagGridFilter i {
    background-color: #000 !important;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: contrast(.4)
}

.table-area.masterdiv.gridDesignTwo .header_cell {
    border-right: 1px dotted #858e99;
    border-top: 1px dotted #858e99
}

.table-area.masterdiv.gridDesignTwo .grid_cell {
    height: 45px !important;
    border-right: 1px dotted #858e99;
    border-bottom: 1px dotted #858e99;
    background-color: #000;
    color: #fff
}

.table-area.masterdiv.gridDesignTwo .header_cell input,
.table-area.masterdiv.gridDesignTwo .header_cell optgroup,
.table-area.masterdiv.gridDesignTwo .header_cell select,
.table-area.masterdiv.gridDesignTwo .header_cell textarea {
    border: 1px dotted #858e99;
    background-color: #000;
    height: 30px;
    color: #fff
}

.table-area.masterdiv.gridDesignTwo .header_cell input::placeholder {
    color: #fff !important
}

.table-area.masterdiv.gridDesignTwo .footerGrid {
    background-color: #292d33 !important;
    filter: inherit !important
}

.table-area.masterdiv.gridDesignTwo .paginationBlk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    color: #fff;
    padding: 0 12px
}

.table-area.masterdiv.gridDesignTwo .sml_totalRecord {
    padding: 0;
    font-size: 14px;
    font-weight: 500
}

.table-area.masterdiv.gridDesignTwo .sag_grid .paginationBlk .btn-group .btn {
    background-color: #000 !important;
    color: #fff !important;
    margin-right: 4px !important;
    filter: contrast(.5)
}

.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu {
    background-color: #292d33
}

.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu .form-control,
.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu select {
    border: 1px dotted #858e99;
    background-color: #000 !important;
    height: 30px;
    color: #fff !important
}

.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu input::placeholder {
    color: #fff !important
}

.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu #filterScroll .filterRow {
    border-bottom: 1px solid #858e99 !important;
    align-items: center;
    height: 30px
}

.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu .form-check.checkBlkDiv {
    align-items: center;
    color: #fff
}

.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu .blockDiv.d-flex {
    align-items: center
}

.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu .blockDiv.d-flex .btn {
    background-color: #000 !important;
    color: #fff !important;
    border: 0;
    filter: contrast(.5)
}

.table-area.masterdiv.gridDesignTwo #PopupFiletrSearch .dropdoenMenu .blockDiv .form-check-label {
    font-size: 14px
}

.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar-corner,
.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar-track {
    background-color: #858e99
}

.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar-thumb {
    background-color: #292d33;
    background-clip: padding-box;
    border: 2px solid transparent
}

.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar-button:single-button {
    background-color: #858e99;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat
}

.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 12px;
    width: 16px;
    background-position: center 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>")
}

.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 12px;
    width: 16px;
    background-position: center 2px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>")
}

.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,50 50,100 50,0'/></svg>")
}

.table-area.masterdiv.gridDesignTwo ::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 0,100 50,50'/></svg>")
}

.table-area.masterdiv.gridDesignThree .header_Blk,
.table-area.masterdiv.gridDesignThree .header_cell {
    background-color: #e3e8f2;
    color: #008ece;
    text-transform: uppercase
}

.table-area.masterdiv.gridDesignThree .header_Blk {
    border-bottom: 1px solid #008ECE
}

.table-area.masterdiv.gridDesignThree .header_cell {
    height: 45px;
    font-size: 14px;
    font-weight: 500;
    color: #008ece
}

.table-area.masterdiv.gridDesignThree .header_div,
.table-area.masterdiv.gridDesignThree .table_body {
    border-left: 1px solid #008ECE
}

.table-area.masterdiv.gridDesignThree .center-tbl-header .header_row .header_cell:last-child {
    border-right: 1px solid #008ECE
}

.table-area.masterdiv.gridDesignThree .child_header {
    height: 45px
}

.table-area.masterdiv.gridDesignThree .header_cell {
    border-right: 1px solid #008ECE;
    border-top: 1px solid #008ECE
}

.table-area.masterdiv.gridDesignThree .grid_cell {
    height: 45px !important;
    border-right: 1px solid #008ECE;
    border-bottom: 1px solid #008ECE;
    font-weight: 500
}

.table-area.masterdiv.gridDesignThree .grid_row_header:nth-of-type(odd) {
    color: #008ece
}

.table-area.masterdiv.gridDesignThree .grid_row_header:nth-of-type(2n) {
    color: #f98883
}

input::-webkit-input-placeholder {
    color: #fff
}

.table-area.masterdiv.gridDesignThree .header_cell input,
.table-area.masterdiv.gridDesignThree .header_cell optgroup,
.table-area.masterdiv.gridDesignThree .header_cell select,
.table-area.masterdiv.gridDesignThree .header_cell textarea {
    border: 1px solid #008ECE;
    background-color: #e4e8f1;
    height: 30px;
    color: #008ece
}

.table-area.masterdiv.gridDesignThree .header_cell input::placeholder {
    color: #f98883 !important
}

.table-area.masterdiv.gridDesignThree .footerGrid {
    background-color: #e3e8f2 !important;
    filter: inherit !important
}

.table-area.masterdiv.gridDesignThree .paginationBlk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 12px
}

.table-area.masterdiv.gridDesignThree .sml_totalRecord {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #f98883
}

.table-area.masterdiv.gridDesignThree .sag_grid .paginationBlk .btn-group .btn {
    background-color: #f98883 !important;
    color: #fff !important;
    margin-right: 4px !important
}

.table-area.masterdiv.gridDesignThree #PopupFiletrSearch .dropdoenMenu {
    background-color: #fff
}

.table-area.masterdiv.gridDesignThree #PopupFiletrSearch .dropdoenMenu .form-control,
.table-area.masterdiv.gridDesignThree #PopupFiletrSearch .dropdoenMenu select {
    border: 1px solid #008ECE;
    background-color: #e3e8f2 !important;
    height: 30px;
    color: #008ece !important
}

.table-area.masterdiv.gridDesignThree #PopupFiletrSearch .dropdoenMenu #filterScroll .filterRow {
    border-bottom: 1px solid #008ECE !important;
    align-items: center;
    height: 30px
}

.table-area.masterdiv.gridDesignThree #PopupFiletrSearch .dropdoenMenu .form-check.checkBlkDiv {
    align-items: center;
    color: #fff
}

.table-area.masterdiv.gridDesignThree #PopupFiletrSearch .dropdoenMenu .blockDiv.d-flex {
    align-items: center
}

.table-area.masterdiv.gridDesignThree #PopupFiletrSearch .dropdoenMenu .blockDiv.d-flex .btn {
    background-color: #f98883 !important;
    color: #fff !important;
    border: 0
}

.table-area.masterdiv.gridDesignThree #PopupFiletrSearch .dropdoenMenu .blockDiv .form-check-label {
    font-size: 14px
}

.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar-corner,
.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar-track {
    background-color: #e3e8f2
}

.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar-thumb {
    background-color: #008ece;
    background-clip: padding-box;
    border: 2px solid transparent
}

.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar-button:single-button {
    background-color: #e3e8f2;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat
}

.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar-button:single-button:vertical:decrement {
    height: 12px;
    width: 16px;
    background-position: center 4px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='50,00 0,50 100,50'/></svg>")
}

.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar-button:single-button:vertical:increment {
    height: 12px;
    width: 16px;
    background-position: center 2px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 100,0 50,50'/></svg>")
}

.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar-button:single-button:horizontal:decrement {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,50 50,100 50,0'/></svg>")
}

.table-area.masterdiv.gridDesignThree ::-webkit-scrollbar-button:single-button:horizontal:increment {
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(96, 96, 96)'><polygon points='0,0 0,100 50,50'/></svg>")
}

.table-area.masterdiv.light .sml_header_text {
    font-weight: 700;
    font-size: 14px
}

.table-area.masterdiv.light .header_cell {
    height: 48px;
    background-color: #f8f8f8;
    font-weight: 700;
    font-size: 14px;
    border-right: 0
}

.table-area.masterdiv.light .header_cell .sagGridFilter {
    transition: all linear .15s;
    display: none
}

.table-area.masterdiv.light .header_cell:hover .sagGridFilter {
    display: block
}

.table-area.masterdiv.light .header_cell .sagGridFilter i.fa.fa-align-justify {
    color: #949393
}

.table-area.masterdiv.light .header_cell .sagGridFilter i.fa.fa-align-justify:hover {
    color: #00f
}

.table-area.masterdiv.light .center-tbl-header .header_row .header_cell:last-child {
    border-right: 1px solid #e2e2e2
}

.table-area.masterdiv.light .child_header {
    height: 48px
}

.table-area.masterdiv.light .header_cell .sagGridFilter {
    background-color: #f8f8f8;
    top: 6px;
    padding-right: 10px
}

.table-area.masterdiv.light .sagGridResize {
    top: 25%;
    height: 50%;
    border-right: 1px solid #bfbfbf
}

.table-area.masterdiv.light input,
.table-area.masterdiv.light optgroup,
.table-area.masterdiv.light select,
.table-area.masterdiv.light textarea {
    border: 1px solid #babfc7;
    border-radius: 4px
}

.table-area.masterdiv.light input:focus-visible {
    outline: none
}

.table-area.masterdiv.light .grid_cell {
    color: #767371;
    font-size: 12px;
    font-weight: 500;
    border-right: 1px solid transparent
}

.table-area.masterdiv.light .header_Blk {
    background-color: #fff;
    padding-right: 15px
}

.table-area.masterdiv.light .grid_row_header.sml_slectedRow,
.table-area.masterdiv.light .grid_row.sml_slectedRow,
.table-area.masterdiv.light .grid_cell.sml_slectedRow.cellEventListnr {
    background-color: transparent !important;
    color: #767371 !important
}

.table-area.masterdiv.light .grid_cell.grid_cell_selected {
    border: 1px solid #2196f3fa
}

.table-area.masterdiv.light .grid_row_header:hover {
    background-color: #2196f333
}

.table-area.masterdiv.light .paginationBlk {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #babfc7;
    background-color: #fff;
    padding: 25px 10px
}

.table-area.masterdiv.light .sml_totalRecord {
    font-weight: 500
}

.table-area.masterdiv.light .totalFooter,
.table-area.masterdiv.light .footerGrid {
    filter: none !important;
    background-color: #f1f1f1 !important
}

.table-area.masterdiv.light .footerGrid .btn.btn-outline-primary {
    background-color: transparent !important;
    color: #2397f3 !important;
    border: 1px solid #2196f3;
    margin: 0 0 0 3px
}

.table-area.masterdiv.light .footerGrid #exportBtnForPDFLandscape,
.table-area.masterdiv.light .footerGrid #exportBtnForPDFPortrait {
    background-color: transparent !important;
    color: #2397f3 !important;
    border: 1px solid #2196f3
}

.table-area.masterdiv.light .footerGrid .btn.btn-outline-primary i,
.table-area.masterdiv.light .footerGrid #exportBtnForPDFLandscape i,
.table-area.masterdiv.light .footerGrid #exportBtnForPDFPortrait i {
    color: #2397f3 !important
}

.table-area.masterdiv.light .totalFooter,
.table-area.masterdiv.light .footerGrid {
    border-top: 0
}

.table-area.masterdiv.light #PopupFiletrSearch .dropdoenMenu {
    border-top: 1px solid #babfc7 !important
}

.table-area.masterdiv.light #PopupFiletrSearch .dropdoenMenu .blockDiv {
    align-items: center
}

.table-area.masterdiv.light #PopupFiletrSearch .dropdoenMenu .blockDiv .btn-primary {
    background-color: transparent;
    color: #2397f3 !important;
    border: 1px solid #2196f3;
    font-weight: 700
}

.table-area.masterdiv.light #PopupFiletrSearch .dropdoenMenu .blockDiv .btn-danger {
    background-color: transparent;
    color: #2397f3 !important;
    border: 1px solid #dc3545;
    font-weight: 700
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .inputInnerWrapper #searchInput_commonsearch {
    width: 150px;
    border-radius: 8px !important;
    border: 1px solid #dfe3e8 !important;
    padding: 12px 16px 12px 37px !important;
    height: 34px;
    outline: 0;
    font-size: 12px;
    margin-right: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .inputInnerWrapper #searchInput_commonsearch:focus {
    border-color: #ced4da;
    box-shadow: inherit
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #select_commonsearch.form-select:focus {
    border-color: #ced4da;
    box-shadow: inherit
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #dropdowndiv_commonsearch {
    margin-left: 0% !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropdowndiv_commonsearch #select_commonsearch {
    color: #746f6f;
    font-size: 12px;
    width: auto;
    border-radius: 8px !important;
    border: 1px solid #dfe3e8;
    height: 34px;
    outline: 0;
    padding: 0 27px 0 10px !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #commonSearch .commonSearchWrapper {
    display: flex;
    width: inherit !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter {
    display: flex
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #SdmtcommonFilter {
    outline: 0;
    background-color: #fff;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #SdmtcommonFilter img {
    width: 18px;
    height: 18px;
    filter: brightness(0)
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #select_commonfilter {
    border-radius: 8px;
    border: 1px solid #dfe3e8;
    padding: 0 30px 0 10px !important;
    outline: 0;
    font-size: 14px;
    margin-left: 10px;
    height: 34px;
    width: auto
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #select_commonfilter:focus {
    border-color: #ced4da;
    box-shadow: inherit
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #SdmtcommonFilter .fa-filter {
    color: #9d9494
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .header_cell_globalSearch #searchInput_globalSearch {
    border-radius: 8px;
    border: 1px solid #dfe3e8 !important;
    padding: 12px 16px 12px 32px !important;
    width: 220px;
    height: 34px;
    outline: 0;
    font-size: 13px;
    margin-right: 10px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .header_cell_globalSearch #searchInput_globalSearch+img {
    position: absolute;
    left: 12px;
    top: 7px;
    width: 17px;
    height: 18px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .header_cell_globalSearch #searchInput_globalSearch:focus {
    border-color: #919eab52;
    box-shadow: none
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #dropdownMenuButton1.dropdown-toggle:after {
    margin-left: 0;
    vertical-align: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #dropdownMenuButton1.btn {
    outline: 0;
    background-color: #fff;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    margin-right: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #dropdownMenuButton1.btn img {
    width: 18px;
    height: 18px;
    filter: brightness(0)
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .main-body #sml_expandGrid {
    outline: 0;
    background-color: #fff;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    margin-right: 0;
    color: #000
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul {
    padding: 0;
    border-radius: 10px;
    width: 191px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul .dropDownHeader {
    border-bottom: 1px solid #dfe3e8;
    padding: 12px 9px;
    display: flex;
    align-items: center
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul .dropDownHeader span {
    color: #212b36;
    font-size: 16px;
    margin-left: 8px;
    flex: 1
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul .dropDownHeader .icCloseIcon {
    width: 18px;
    height: 18px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul li {
    font-size: 14px;
    color: #212b36;
    padding: 12px 16px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid #pageRecordID {
    margin-left: auto
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .rowPerPage {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .rowPerPage label {
    margin-right: 0;
    color: rgba(var(--gridTxtClr));
    font-size: 14px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .rowPerPage .form-select {
    border-radius: 8px;
    border: 1px solid #dfe3e8;
    padding: 0 30px 0 10px !important;
    outline: 0;
    font-size: 14px;
    margin-right: 0;
    height: 34px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .rowPerPage .form-select:focus {
    border-color: #919eab52;
    box-shadow: none
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .pageCount .btnDiv {
    outline: 0;
    background-color: #fff;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .pageCount .btnDiv.disable {
    background-color: #fff;
    opacity: .5;
    filter: contrast(.9)
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .pageCount .btnDiv.disable img {
    filter: inherit
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .btnDiv img {
    width: 18px;
    height: 18px;
    filter: brightness(0)
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .pageCount {
    display: flex;
    align-items: center
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .pageCount .btnDiv:last-child {
    margin-left: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .btnWrapDiv {
    margin-left: 0;
    display: flex;
    align-items: center
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .btnWrapDiv .btnDiv {
    outline: 0;
    background-color: #fff;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .btnWrapDiv .btnDiv:first-child {
    margin-right: 10px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell {
    border-right: 1px solid rgba(175, 175, 175, .3);
    border-bottom: 1px solid #c3c3c3;
    color: #212b36;
    font-size: 14px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_row,
.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_row_header,
.dashboard_content .table-area.masterdiv.webViewNewGrid .child_header {
    border-top: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .header_Blk {
    background-color: rgba(var(--gridHeaderBgClr)) !important;
    height: 50px;
    border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
    padding-right: 6px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid span {
    color: rgba(var(--gridHeaderTxtClr));
    font-size: 14px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .header_cell {
    border-top: 0;
    border-right: 1px solid rgba(175, 175, 175, .3);
    height: 50px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .child_header {
    height: 40px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .main {
    padding: 0;
    position: relative
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .sag_grid {
    background-color: inherit !important;
    color: inherit !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .gridTHeight .grid_row:hover {
    box-shadow: #00000024 0 1px 5px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .header_div,
.dashboard_content .table-area.masterdiv.webViewNewGrid .table_body {
    border-left: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .footerGrid {
    border-top: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .gridRowHoverClass:hover {
    background-color: transparent !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.col0 {
    padding-left: 17px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .scrollBar,
.dashboard_content .table-area.masterdiv.webViewNewGrid .gridLeftScroll,
.dashboard_content .table-area.masterdiv.webViewNewGrid .secondLeftScroll,
.dashboard_content .table-area.masterdiv.webViewNewGrid .gridCenterScroll,
.dashboard_content .table-area.masterdiv.webViewNewGrid .secondCenterScroll {
    height: 8px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid ::-webkit-scrollbar {
    width: 6px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid ::-webkit-scrollbar-track {
    background-color: #f4f6f8;
    border-radius: 6px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid ::-webkit-scrollbar-thumb {
    background-color: #cdd0d3;
    border-radius: 6px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .sml_slectedRow {
    border: none !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:focus {
    border: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid {
    border-radius: 20px;
    border: 1px solid #dfe3e8;
    padding: 0 !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell button.bg-success {
    border-radius: 4px !important;
    display: flex !important;
    border: 0px;
    height: 34px;
    padding: 9px 20px;
    align-items: center;
    justify-content: center
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .totalFooter .totalField {
    color: #00ab55 !important;
    font-size: 14px;
    flex-grow: unset;
    position: unset;
    background-color: transparent !important;
    border-bottom: unset;
    border-right: .1px solid rgba(175, 175, 175, .3);
    border-left: 0;
    justify-content: right;
    padding: unset;
    height: 40px;
    padding-right: 4px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .totalFooter:before {
    content: "";
    border: 0px solid #30ab55;
    width: 100%;
    background: #f4f6f8;
    position: absolute;
    height: 100%;
    border-radius: 0 0 10px 10px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .totalFooter,
.dashboard_content .table-area.masterdiv.webViewNewGrid .footer_cell .totalFooter .totalField {
    background-color: transparent !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .totalFooter .totalField,
.dashboard_content .table-area.masterdiv.webViewNewGrid .centerTotalRowFooter .totalFooter .totalField {
    background-color: transparent !important;
    background: unset !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .footer_cell {
    height: unset
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .sml_slectedRow {
    border: none !important;
    color: #fff;
    background-color: rgba(var(--gridSelectBgClr)) !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .totalFooter,
.dashboard_content .table-area.masterdiv.webViewNewGrid .footerGrid {
    filter: brightness(.95) !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.cellEventListnr[sag_g_key=fileUpload] .btn.btn-primary {
    padding: 6px 14px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.cellEventListnr[sag_g_key=plusButton] button.btn {
    padding: 0
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.cellEventListnr[sag_g_key=plusButton] button.btn i.btn.btn-primary,
.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.cellEventListnr[sag_g_key=plusButton] button.btn i.btn.btn-danger {
    padding: 9px 14px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .header_cell .sagGridHeaderButton {
    top: 13px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(i) {
    flex-direction: row-reverse;
    display: flex !important;
    font-weight: 700;
    align-items: start !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell .fa-minus-circle,
.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell .fa-plus-circle {
    margin-left: auto
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell .fa-plus-circle:before {
    content: "\f078"
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell .fa-minus-circle:before {
    content: "\f077"
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(div>button>.fa-upload) button .fa-upload:before {
    content: "\f382" !important;
    color: #637381
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(div>button>.fa-upload) button {
    background-color: transparent;
    border: none !important;
    height: auto !important;
    width: 100% !important;
    line-height: unset !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0 !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(div>button>.fa-eye) button {
    background-color: #dfe3e8;
    border: none !important;
    color: #212b36 !important;
    font-size: 12px !important;
    height: auto !important;
    width: 100% !important;
    line-height: unset !important;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    border-radius: 6px !important;
    justify-content: center
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(div>button>.fa-upload) button:before {
    content: "Upload";
    color: #212b36;
    font-size: 14px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.sml_slectedRow:has(div>button>.fa-upload) button:before,
.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.sml_slectedRow:has(div>button>.fa-upload) button .fa-upload:before,
.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.sml_slectedRow span .sml_btnComponent_ span {
    color: #fff
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(div>button>.fa-eye) button:before {
    content: "View Details";
    color: #212b36;
    padding-left: 4px;
    font-size: 12px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(span>.fa-caret-down) {
    flex-direction: row;
    display: flex !important;
    text-align: left !important;
    justify-content: space-between !important;
    font-weight: 500
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell.sml_slectedRow:has(span>.fa-caret-down) span {
    color: #fff !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(select) {
    text-align: left !important;
    margin: auto !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell .sml_btnComponent_ .iconPlus {
    background: #637381 !important;
    width: 15px !important;
    height: 15px !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .gridTHeight .grid_row:hover {
    box-shadow: none !important;
    background-color: #f2f2f2
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(button>.fa-trash) button {
    border: none;
    height: auto !important;
    padding: 6px 10px !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(button>.fa-download) button {
    border: none;
    height: auto !important;
    padding: 6px 10px !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell[keyvalue=Pending] {
    color: #ffc107
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell[keyvalue=Completed] {
    color: #4fb735
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell[keyvalue=In-Progress] {
    color: #0cb0fd
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell[keyvalue=Pause] {
    color: #ff4d07
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell[sag_g_key=ackFileUpload] {
    text-decoration: underline;
    color: #076add;
    text-transform: capitalize
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .sml_slectedRow.grid_cell[sag_g_key=ackFileUpload] {
    color: #fff
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(i) button.multiselect.dropdown-toggle {
    border: 0px none
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div button.multiselect {
    border: 0px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div.sml_slectedRow button.multiselect {
    background-color: transparent;
    color: #fff
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div.sml_slectedRow button.multiselect span,
.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div.sml_slectedRow button.multiselect:hover {
    color: #fff !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div.btn-group button.multiselect.dropdown-toggle span,
.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div.btn-group button.multiselect.dropdown-toggle {
    color: #637381 !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div.btn-group {
    height: initial
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbodySecond div.btn-group button.multiselect {
    top: initial;
    transform: initial
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .grid_cell:has(.dropDownElipce) {
    align-items: center !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce {
    position: relative
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce button {
    color: #18b265;
    background-color: #e6f6ee;
    position: relative;
    border: none
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul.dropdown-menu {
    background: #fff !important;
    border: 1px solid #e6e6e9;
    top: -50% !important;
    box-shadow: -40px 40px 80px -8px #7d7d7d3d
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul.dropdown-menu li {
    border-bottom: 1px solid #e6e6e9;
    background: #fff !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul.dropdown-menu li a.dropdown-item {
    padding: 8px 15px;
    background-color: #fff;
    color: #212b36
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul li span {
    color: #212b36;
    font-size: 16px;
    font-weight: 400
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul li i {
    color: #212b36;
    margin-right: 8px;
    font-size: 15px
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul.dropdown-menu li a.dropdown-item:has(.fa-trash) .fa-trash,
.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul.dropdown-menu li a.dropdown-item:has(.fa-trash-alt) .fa-trash-alt,
.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul.dropdown-menu li a.dropdown-item:has(.fa-trash) span,
.dashboard_content .table-area.masterdiv.webViewNewGrid .dropDownElipce ul.dropdown-menu li a.dropdown-item:has(.fa-trash-alt) span {
    color: #f06548
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .colsearch .header_Blk,
.dashboard_content .table-area.masterdiv.webViewNewGrid .colsearch .header_cell {
    height: unset
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .parentDflex {
    display: flex;
    padding: 5px 10px;
    flex-wrap: wrap
}

.dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close:hover) .table-area.masterdiv.webViewNewGrid .parentDflex {
    width: calc(100vw - 325px)
}

.dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close) .table-area.masterdiv.webViewNewGrid .parentDflex {
    width: calc(100vw - 145px)
}

@media (max-width: 1099px) {
    .dashboard_content .table-area.masterdiv.webViewNewGrid .parentDflex {
        width: calc(100vw - 290px)
    }

    .dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close:hover) .table-area.masterdiv.webViewNewGrid .parentDflex {
        width: calc(100vw - 290px)
    }

    .dashboard_wrapperMain:has(.sidebar_left.nav_left_menu.left_close) .table-area.masterdiv.webViewNewGrid .parentDflex {
        width: calc(100vw - 105px)
    }
}

@media (max-width: 992px) {
    .dashboard_content .table-area.masterdiv.webViewNewGrid .parentDflex {
        width: 100%
    }

    .table-area.masterdiv.webViewNewGrid .smlFullPageScreen {
        left: 0;
        right: auto
    }
}

.outerBorder .header_Blk,
.outerBorder .table_body.gridTHeight,
.outerBorder .footerGrid {
    border: none
}

.outerBorder #verScroll {
    overflow: auto
}

.outerBorder .gridCellHoverClass:hover {
    background: #a0b0c500 !important
}

.outerBorder .sml_slectedRow {
    background-color: #666b7100 !important;
    color: #000 !important
}

.outerBorder .grid_row .grid_cell input {
    width: 100% !important;
    height: 100%
}

.outerBorder .sml_slectedRow:focus-visible {
    outline: none;
    border: 0
}

.outerBorder .grid_row .grid_cell input:focus-visible {
    outline: none
}

.outerBorder .btn-danger:hover {
    color: #fff
}

.table-area.masterdiv.outerBorder .first_grid_tbody .grid_row_header:last-child .grid_row {
    border-bottom: 0px
}

.table-area.masterdiv.outerBorder .grid_cell select {
    width: 100%;
    height: 100%
}

.table-area.masterdiv.outerBorder .grid_cell select:focus-visible {
    outline: none
}

.table-area.masterdiv.outerBorder .grid_cell input:focus-visible {
    outline: none
}

.table-area.masterdiv.outerBorder .grid_cell button.btn:hover {
    border-color: transparent
}

.table-area.masterdiv.outerBorder .grid_cell button.btn:focus-visible {
    outline: none
}

.table-area.masterdiv.outerBorder .grid_cell {
    border-radius: 6px;
    border-right: 0px;
    border-bottom: 0;
    display: flex !important
}

.outerBorder .grid_cell_selected:focus {
    border: 0px none !important
}

.table-area.masterdiv.outerBorder .rowBorderTopClass {
    border-top: 0
}

.outerBorder .footerGrid {
    background: none !important
}

.sag_grid .paginationBlk .btn-group .btn {
    background-color: rgba(var(--primaryBgClr)) !important;
    color: rgba(var(--primaryTxtClr)) !important
}

.sag_grid .paginationBlk .btn-group .btn:nth-child(3),
.sag_grid .paginationBlk .btn-group .btn:nth-child(4),
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    background-color: rgba(var(--dangerBgClr)) !important;
    color: rgba(var(--dangerTxtClr)) !important
}

.sag_grid .paginationBlk .btn-group .btn:nth-child(3) i,
.sag_grid .paginationBlk .btn-group .btn:nth-child(4) i {
    color: rgba(var(--white)) !important
}

.header_Blk,
.header_cell {
    background-color: rgba(var(--gridHeaderBgClr)) !important;
    color: rgba(var(--gridHeaderTxtClr)) !important
}

.header_cell .sagGridFilter {
    background-color: inherit;
    color: inherit
}

.totalFooter,
.footerGrid {
    background-color: rgba(var(--gridHeaderBgClr)) !important;
    filter: brightness(.95) !important
}

.totalFooter .totalField {
    background-color: rgba(var(--gridBgClr)) !important
}

.sag_grid {
    background-color: rgba(var(--gridBgClr)) !important;
    color: rgba(var(--gridTxtClr)) !important
}

.sml_slectedRow {
    background-color: rgba(var(--gridSelectBgClr)) !important;
    color: rgba(var(--gridSelectTxtClr)) !important
}

.sml_slectedRow .gridLblIcon label,
.sml_slectedRow .gridImgLbl label,
.sml_slectedRow .gridLblIcon i,
.dashboard_content .table-area.masterdiv .grid_cell.sml_slectedRow {
    color: rgba(var(--gridSelectTxtClr)) !important
}

.header_Blk,
.sag_grid,
.header_div,
.child_header,
.header_cell,
.center-tbl-header .header_row .header_cell:last-child,
.grid_row,
.grid_cell,
.table_body {
    border-color: rgba(var(--gridBorderClr)) !important
}

.dashboard_content .table-area.masterdiv .grid_row_header .grid_row:hover>.grid_cell,
.sagRow.gridRowHoverClass:hover .grid_cell {
    background: rgba(var(--gridRowhover)) !important;
    color: rgba(var(--gridRowhoverClr)) !important
}

.dashboard_content .table-area.masterdiv .grid_row_header .grid_row:hover .grid_cell {
    color: rgba(var(--gridRowhoverClr)) !important
}

.dashboard_content .table-area.masterdiv.webViewNewGrid .mainDivTbody .grid_row .grid_cell:hover,
.gridCellHoverClass:hover {
    background: rgba(var(--gridCellhover)) !important;
    color: rgba(var(--gridCellhoverClr)) !important
}

.table_body .sagRow:nth-child(2n) .grid_cell {
    background: rgba(var(--gridEvenBg)) !important;
    color: rgba(var(--gridEvenClr)) !important
}

.table_body .sagRow:nth-child(odd) .grid_cell {
    background: rgba(var(--gridOddBg)) !important;
    color: rgba(var(--gridOddClr)) !important
}

.table-area .parentDflex {
    background-color: rgba(var(--bodyBgClr))
}

.testimonialWrap,
.testimonialWrap .testimonialText,
.testimonialWrap .testimonialPhoto,
.testimonialWrap .quoted {
    position: relative;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    z-index: 0;
    text-align: center
}

.testimonialWrap,
.testimonialWrap .quoted,
.testimonialWrap .testimonialPhoto {
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.testimonialWrap .quoted {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%)
}

.testimonialWrap .testimonialText {
    transition: color .3s ease-in .1s
}

.testimonialWrap:hover img {
    transform: scale(1.1) rotate(-10deg)
}

.testimonialWrap .testimonialText:before {
    content: "";
    position: absolute;
    top: -10%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 30px;
    width: 30px;
    background-color: #002e5b;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: -2;
    transition: top .4s linear, transform .6s ease .2s
}

.testimonialWrap:hover .testimonialText:before {
    top: 60%;
    transform: translate(-50%, -50%) scale(20)
}

.testimonial-icon .social-icons {
    transform: translateY(-200%) scale(1.7);
    opacity: 0;
    transition: .5s ease-out .1s
}

.testimonialWrap:hover .testimonial-icon .social-icons {
    transform: translateY(0) scale(1);
    opacity: 1
}

.testimonialWrap:hover .testimonialText,
.testimonialWrap:hover .quoted {
    color: #fff
}

.profileItem {
    width: 100%;
    flex-shrink: 0;
    background: #fff;
    box-shadow: 0 2px 13px #00000026
}

.primeryItem {
    width: 100%;
    flex-shrink: 0;
    background: #fff;
    padding: 15px 0 0;
    transform: scale3d(.97, .97, .97);
    text-align: center
}

.primeryItem:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: #0000000d;
    opacity: 0;
    visibility: hidden;
    transition: .45s
}

.seconderyItem {
    padding: 24px 55px 25px 47px;
    transform: translate3d(-200%, 100%, 0)
}

.profileArea:hover .seconderyItem {
    top: 0 !important;
    right: 0 !important;
    transform: translate3d(-100%, 0, 0) !important;
    cursor: default !important
}

.profileItem.seconderyItem li {
    margin-top: 12px
}

.profileItem.seconderyItem ul {
    transform: translate3d(0, -5px, 0);
    margin-bottom: -5px;
    margin-left: -3px;
    margin-right: -3px;
    padding: 0
}

.profileArea:hover .arrowRight {
    transform: rotate(230deg)
}

.arrowRight:before {
    content: "\f30c";
    font-family: "Font Awesome 5 Free";
    font-weight: 700
}

.customOurHistory .owl-loaded:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 53px;
    height: 1px;
    width: 100%;
    background: #d7d7d7
}

.thumbnail_Item:hover:before {
    opacity: 1;
    visibility: visible
}

.thumbnail_Item:before {
    inset: 0;
    background: #22212080;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.thumbnail_Item:before,
.thumbnail_Item:after {
    position: absolute;
    content: "";
    transition: inherit;
    pointer-events: none
}

.thumbnail_Item_figure img {
    width: 100%;
    transition: all .3s ease;
    transform: scale(1.2);
    will-change: transform
}

.thumbnail_Item:hover .thumbnail_Item_figure img {
    transform: none
}

.thumbnail_ItemCaption {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: "";
    inset: 0;
    pointer-events: none;
    z-index: 1
}

.thumbnail_ItemCaption .fas {
    transform: translate3d(0, -10px, 0)
}

.thumbnail_Item:hover .fas,
.thumbnail_Item:hover .thumbnail-mary-title {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important
}

.thumbnail_Item:after {
    display: inline-block;
    inset: 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    z-index: 1;
    transform: scale(.85);
    opacity: 0;
    visibility: hidden
}

.thumbnail_Item:hover:after {
    opacity: 1;
    visibility: visible;
    transform: none
}

.thumbnail-mary-decor {
    display: inline-block;
    position: relative;
    margin: 15px 0 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #3c6a36
}

.customOurHistory .owl-loaded .thumbnail-mary-decor:before {
    background: #3c6a3680;
    animation: item1B 1s ease infinite
}

.customOurHistory .owl-loaded .thumbnail-mary-decor:after {
    background: #3c6a364d;
    animation: item1A 1s ease infinite
}

.customOurHistory .owl-loaded .thumbnail-mary-decor:before,
.customOurHistory .owl-loaded .thumbnail-mary-decor:after {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    transform: none;
    visibility: visible
}

.thumbnail_Item:hover .icon,
.thumbnail_Item:hover .thumbnail-mary-title {
    opacity: 1;
    visibility: visible;
    transform: none
}

@keyframes item1B {
    25% {
        opacity: 1;
        transform: none;
        visibility: visible
    }

    to {
        opacity: 0;
        transform: scale(3);
        visibility: hidden
    }
}

@-webkit-keyframes item1B {
    25% {
        opacity: 1;
        transform: none;
        visibility: visible
    }

    to {
        opacity: 0;
        transform: scale(3);
        visibility: hidden
    }
}

@-moz-keyframes item1B {
    25% {
        opacity: 1;
        transform: none;
        visibility: visible
    }

    to {
        opacity: 0;
        transform: scale(3);
        visibility: hidden
    }
}

@-o-keyframes item1B {
    25% {
        opacity: 1;
        transform: none;
        visibility: visible
    }

    to {
        opacity: 0;
        transform: scale(3);
        visibility: hidden
    }
}

@-ms-keyframes item1B {
    25% {
        opacity: 1;
        transform: none;
        visibility: visible
    }

    to {
        opacity: 0;
        transform: scale(3);
        visibility: hidden
    }
}

@keyframes item1A {
    to {
        opacity: 0;
        transform: scale(4);
        visibility: hidden
    }
}

@-webkit-keyframes item1A {
    to {
        opacity: 0;
        transform: scale(4);
        visibility: hidden
    }
}

@-moz-keyframes item1A {
    to {
        opacity: 0;
        transform: scale(4);
        visibility: hidden
    }
}

@-o-keyframes item1A {
    to {
        opacity: 0;
        transform: scale(4);
        visibility: hidden
    }
}

@-ms-keyframes item1A {
    to {
        opacity: 0;
        transform: scale(4);
        visibility: hidden
    }
}

.customOurHistory .owl-prev span,
.customOurHistory .owl-next span {
    color: #fff;
    font-size: 0;
    line-height: 37px;
    height: 50px
}

.customOurHistory .owl-carousel .owl-prev,
.customOurHistory .owl-carousel .owl-next {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 40px !important;
    width: 54px !important;
    font-size: 0 !important;
    line-height: 40px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    transition: all .25s ease !important;
    background: transparent !important;
    border: 0 !important
}

.customOurHistory .owl-carousel .owl-prev {
    flex-direction: row-reverse;
    left: -62px !important
}

.customOurHistory .owl-carousel .owl-next {
    right: -62px !important
}

.customOurHistory .owl-carousel .owl-prev,
.customOurHistory .owl-carousel .owl-next {
    top: 35% !important;
    transform: none
}

.customOurHistory .owl-carousel .owl-prev:after {
    border-width: 5px 8px 5px 0;
    border-color: transparent rgba(21, 21, 21, .21) transparent transparent
}

.customOurHistory .owl-carousel .owl-next:after {
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent rgba(21, 21, 21, .21)
}

.customOurHistory .owl-carousel .owl-prev:after,
.customOurHistory .owl-carousel .owl-next:after {
    width: 0;
    height: 0;
    border-style: solid
}

.customOurHistory .owl-carousel .owl-prev:before,
.customOurHistory .owl-carousel .owl-next:before {
    height: 2px;
    width: 32px;
    background-color: #15151536
}

.customOurHistory .owl-carousel .owl-prev:before,
.customOurHistory .owl-carousel .owl-prev:after,
.customOurHistory .owl-carousel .owl-next:before,
.customOurHistory .owl-carousel .owl-next:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    transition: all .3s ease-in-out
}

@media (max-width: 1024px) {
    .customOurHistory .owl-carousel .owl-prev {
        left: -45px !important
    }

    .customOurHistory .owl-carousel .owl-next {
        right: -45px !important
    }

    .customOurHistory .owl-carousel .owl-prev,
    .customOurHistory .owl-carousel .owl-next {
        width: 42px !important
    }

    .customOurHistory .owl-carousel .owl-prev span,
    .customOurHistory .owl-carousel .owl-next span {
        font-size: 30px
    }
}

@media (max-width:576px) {
    .thumbnail_Item {
        max-width: 260px;
        margin: 0 auto
    }

    .customOurHistory .owl-carousel .owl-prev {
        left: -10px !important
    }

    .customOurHistory .owl-carousel .owl-next {
        right: -10px !important
    }

    .customOurHistory .owl-carousel .owl-prev,
    .customOurHistory .owl-carousel .owl-next {
        width: 42px !important
    }

    .customOurHistory .owl-carousel .owl-prev span,
    .customOurHistory .owl-carousel .owl-next span {
        font-size: 30px
    }
}

.btn-dark,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--btnBGDark));
    border-color: rgb(var(--btnBGDark));
    color: rgb(var(--btnTextDark))
}

.btn-dark,
.btn-dark:hover,
.btn-dark.active {
    background-color: rgb(var(--btnBGDark));
    border-color: rgb(var(--btnBGDark));
    color: rgb(var(--btnTextDark))
}

.btn-light,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--btnBGLight));
    border-color: rgb(var(--btnBGLight));
    color: rgb(var(--btnTextLight))
}

.btn-light,
.btn-light:hover,
.btn-light.active {
    background-color: rgb(var(--btnBGLight));
    border-color: rgb(var(--btnBGLight));
    color: rgb(var(--btnTextLight))
}

.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--secondaryBgClr));
    border-color: rgb(var(--secondaryBgClr));
    color: rgb(var(--secondaryTxtClr))
}

.btn-secondary:hover,
.btn-secondary.active {
    background: rgb(var(--secondaryBgClr));
    border-color: rgb(var(--secondaryBgClr));
    color: rgb(var(--secondaryTxtClr))
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--btnBGPrimary));
    border-color: rgb(var(--btnBGPrimary));
    color: rgb(var(--primaryTxtClr))
}

.btn-primary,
.btn-primary:hover,
.btn-primary.active {
    background-color: rgb(var(--btnBGPrimary));
    border-color: rgb(var(--btnBGPrimary));
    color: rgb(var(--primaryTxtClr))
}

.btn-danger,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--dangerBgClr));
    border-color: rgb(var(--dangerBgClr));
    color: rgb(var(--btnTextDanger))
}

.btn-danger:hover,
.btn-danger.active {
    background-color: rgb(var(--dangerBgClr));
    border-color: rgb(var(--dangerBgClr));
    color: rgb(var(--btnTextDanger))
}

.btn-success,
.btn-success:hover,
.btn-success.active {
    background-color: rgb(var(--successBgClr));
    border-color: rgb(var(--successBgClr));
    color: rgb(var(--successTxtClr))
}

.btn-warning,
.btn-warning:hover,
.btn-warning.active {
    background-color: rgb(var(--btnBgWarning));
    border-color: rgb(var(--btnBgWarning));
    color: rgb(var(--btnTextWarning))
}

.btn-info,
.btn-info:hover,
.btn-info.active {
    background-color: rgb(var(--infoBgClr));
    border-color: rgb(var(--infoBgClr));
    color: rgb(var(--infoTxtClr))
}

.btn-outline-primary {
    border-color: rgb(var(--btnBGPrimary));
    color: rgb(var(--btnBGPrimary))
}

.btn-outline-secondary {
    border-color: rgb(var(--secondaryBgClr));
    color: rgb(var(--secondaryBgClr))
}

.btn-outline-danger {
    border-color: rgb(var(--dangerBgClr));
    color: rgb(var(--dangerBgClr))
}

.btn-outline-success {
    border-color: rgb(var(--successBgClr));
    color: rgb(var(--successBgClr))
}

.btn-outline-warning {
    border-color: rgb(var(--btnBgWarning));
    color: rgb(var(--btnBgWarning))
}

.btn-outline-info {
    border-color: rgb(var(--infoBgClr));
    color: rgb(var(--infoBgClr))
}

.btn-outline-light {
    border-color: rgb(var(--btnBGLight));
    color: rgb(var(--btnBGLight))
}

.btn-outline-dark {
    border-color: rgb(var(--btnBGDark));
    color: rgb(var(--btnBGDark))
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: rgb(var(--btnBGPrimary));
    border-color: rgb(var(--btnBGPrimary));
    color: rgb(var(--primaryTxtClr))
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    background-color: rgb(var(--secondaryBgClr));
    border-color: rgb(var(--secondaryBgClr));
    color: rgb(var(--secondaryTxtClr))
}

.btn-outline-danger:hover,
.btn-outline-danger:focus {
    background-color: rgb(var(--dangerBgClr));
    border-color: rgb(var(--dangerBgClr));
    color: rgb(var(--white))
}

.btn-outline-success:hover,
.btn-outline-success:focus {
    background-color: rgb(var(--successBgClr));
    border-color: rgb(var(--successBgClr));
    color: rgb(var(--successTxtClr))
}

.btn-outline-warning:hover,
.btn-outline-warning:focus {
    background-color: rgb(var(--btnBgWarning));
    border-color: rgb(var(--btnBgWarning));
    color: rgb(var(--btnTextWarning))
}

.btn-outline-info:hover,
.btn-outline-info:focus {
    background-color: rgb(var(--infoBgClr));
    border-color: rgb(var(--infoBgClr));
    color: rgb(var(--infoTxtClr))
}

.btn-outline-light:hover,
.btn-outline-light:focus {
    background-color: rgb(var(--btnBGLight));
    border-color: rgb(var(--btnBGLight));
    color: rgb(var(--btnTextLight))
}

.btn-outline-dark:hover,
.btn-outline-dark:focus {
    background-color: rgb(var(--btnBGDark));
    border-color: rgb(var(--btnBGDark));
    color: rgb(var(--btnTextDark))
}

.btn-design-1 i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 2px;
    right: -40px;
    transition: all .3s
}

.btn-design-1 {
    position: relative
}

.btn-design-1:hover i {
    right: 20px
}

.btn-design-2 i {
    transition: all .3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50% !important;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -67px;
    opacity: 0
}

.btn-design-2:hover i {
    opacity: 1;
    right: -30px
}

.btn-design-3 i {
    position: absolute;
    right: -10px;
    background-color: red;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    transition: all .3s
}

.btn-design-3:hover {
    background-color: red !important
}

.btn-design-3:hover i {
    right: -60px;
    opacity: 0
}

.btn-design-4:hover,
.btn-design-4:hover i {
    color: #ff0017 !important
}

.btn-design-5 {
    position: relative;
    border: 2px solid
}

.btn-design-5:after {
    content: "";
    position: absolute;
    transition: all .3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0d6efd;
    color: #fff
}

.btn-design-5:hover:after {
    width: 100%
}

.btn-design-5 span {
    z-index: 9;
    position: relative;
    transition: all .3s
}

.btn-design-5:hover span {
    color: #fff
}

.btn-design-5_1 {
    position: relative;
    border: 2px solid
}

.btn-design-5_1:after {
    content: "";
    position: absolute;
    transition: all .3s;
    width: 100%;
    height: 0%;
    top: 0;
    left: 0;
    background: #0d6efd;
    color: #fff
}

.btn-design-5_1:hover:after {
    height: 100%
}

.btn-design-5_1 span {
    z-index: 9;
    position: relative;
    transition: all .3s
}

.btn-design-5_1:hover span {
    color: #fff
}

.btn-design-5_2 {
    position: relative;
    border: 2px solid
}

.btn-design-5_2:after {
    content: "";
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background: #0d6efd;
    opacity: 0;
    transform: translate(-50%) translateY(-50%);
    color: #fff;
    position: absolute;
    transition: all .3s
}

.btn-design-5_2:hover:after {
    width: 90%;
    opacity: 1
}

.btn-design-5_2 span {
    z-index: 9;
    position: relative;
    transition: all .3s
}

.btn-design-5_2:hover span {
    color: #fff
}

.btn-design-5_3 {
    position: relative;
    border: 2px solid
}

.btn-design-5_3:after {
    content: "";
    width: 100%;
    height: 0%;
    top: 50%;
    left: 50%;
    background: #0d6efd;
    opacity: 0;
    transform: translate(-50%) translateY(-50%);
    color: #fff;
    position: absolute;
    transition: all .3s
}

.btn-design-5_3:hover:after {
    height: 75%;
    opacity: 1
}

.btn-design-5_3 span {
    z-index: 9;
    position: relative;
    transition: all .3s
}

.btn-design-5_3:hover span {
    color: #fff
}

.btn-design-6 i {
    background: #0000001a;
    opacity: .8
}

.btn-design-6:hover {
    opacity: 1
}

.btn-design-6:hover {
    color: #fff;
    background-color: #ffc720;
    border-color: #ffc720
}

.btn-design-6:active,
.btn-design-6:first-child:active {
    background-color: rgb(var(--bg-Warning-main));
    color: rgba(var(--bs-white-rgb))
}

.btn-design-7 {
    position: relative;
    opacity: .9;
    transition: all .3s;
    text-align: center;
    min-width: 120px
}

.btn-design-7:hover {
    opacity: 1
}

.btn-design-7:hover i {
    margin-left: 15px !important
}

.btn-design-7 i {
    transition: all .3s
}

.btn-design-8 {
    color: #0d6efd !important;
    border: 2px solid #ccc;
    background-color: #e1edff
}

.btn-design-8:hover {
    background: #0d6efd !important;
    color: #fff !important
}

.btn-design-9 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    transition: all .4s ease-in-out;
    background-size: 300% 100%
}

.btn-design-9:hover {
    background-position: 100% 0
}

.btn-design-10 {
    transition: all .4s ease-in-out;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19)
}

.btn-design-10:hover {
    background-position: 100% 0
}

.btn-design-11 {
    transition: all .4s ease-in-out;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7)
}

.btn-design-11:hover {
    background-position: 100% 0
}

.btn-design-12 {
    transition: all .4s ease-in-out;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed)
}

.btn-design-12:hover {
    background-position: 100% 0
}

.sag_switch_01 {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 34px;

    input {
        display: none
    }

    .switch_slider {
        position: absolute;
        cursor: pointer;
        inset: 0;
        background-color: #ca2222;
        -webkit-transition: .4s;
        transition: .4s
    }

    .switch_slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 6px;
        bottom: 9px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

    input:checked+.switch_slider {
        background-color: #2ab934
    }

    input:focus+.switch_slider {
        box-shadow: 0 0 1px #2196f3
    }

    input:checked+.switch_slider:before {
        -webkit-transform: translateX(42px);
        -ms-transform: translateX(42px);
        transform: translate(42px)
    }

    .on {
        display: none
    }

    .on,
    .off {
        color: #fff;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        font-size: 10px;
        font-family: Verdana, sans-serif;
        -webkit-user-select: none;
        user-select: none
    }

    input:checked+.switch_slider .on {
        display: block
    }

    input:checked+.switch_slider .off {
        display: none
    }

    .switch_slider.switch_round {
        border-radius: 34px
    }

    .switch_slider.switch_round:before {
        border-radius: 50%
    }
}

.sag_switch_02 {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 10px;

    input {
        display: none
    }

    .switch_slider {
        position: absolute;
        cursor: pointer;
        inset: 0;
        background-color: #00000054;
        -webkit-transition: .4s;
        transition: .4s
    }

    .switch_slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 0;
        bottom: -5px;
        background-color: red;
        -webkit-transition: .4s;
        transition: .4s
    }

    input:checked+.switch_slider {
        background-color: #00000054
    }

    input:focus+.switch_slider {
        box-shadow: 0 0 1px #2196f3
    }

    input:checked+.switch_slider:before {
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translate(30px);
        background-color: #009068
    }

    .on {
        display: none
    }

    .on,
    .off {
        color: #fff;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        font-size: 10px;
        font-family: Verdana, sans-serif;
        -webkit-user-select: none;
        user-select: none;
        display: none
    }

    input:checked+.switch_slider .on {
        display: none
    }

    input:checked+.switch_slider .off {
        display: none
    }

    .switch_slider.switch_round {
        border-radius: 34px;
        min-height: 0;
        padding-left: 0;
        margin-bottom: 0
    }

    .switch_slider.switch_round:before {
        border-radius: 50%
    }
}

.sag_switch_03 {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 30px;

    input {
        display: none
    }

    .switch_slider {
        position: absolute;
        cursor: pointer;
        inset: 0;
        background-color: #ffc0c0;
        -webkit-transition: .4s;
        transition: .4s
    }

    .switch_slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 8px;
        bottom: 5px;
        background-color: red;
        -webkit-transition: .4s;
        transition: .4s
    }

    input:checked+.switch_slider {
        background-color: #a4f6d3
    }

    input:focus+.switch_slider {
        box-shadow: 0 0 1px #2196f3
    }

    input:checked+.switch_slider:before {
        -webkit-transform: translateX(35px);
        -ms-transform: translateX(35px);
        transform: translate(35px);
        background-color: #009068
    }

    .on {
        display: none
    }

    .on,
    .off {
        color: #fff;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        font-size: 10px;
        font-family: Verdana, sans-serif;
        -webkit-user-select: none;
        user-select: none;
        display: none
    }

    input:checked+.switch_slider .on {
        display: none
    }

    input:checked+.switch_slider .off {
        display: none
    }

    .switch_slider.switch_round {
        border-radius: 4px
    }

    .switch_slider.switch_round:before {
        border-radius: 4px
    }
}

.before-after-slider {
    display: inline-block;
    position: relative;
    margin-bottom: 47px
}

.slider-wrap {
    position: relative;
    width: 600px;
    height: 600px;
    overflow: hidden;
    border: 1px solid #dedede
}

.slider-wrap .before,
.slider-wrap .after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.slider-wrap .before {
    z-index: 2
}

.before-after-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.before-after-slider .badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    background-color: #0d6efd;
    transition: all .5s ease;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.before-after-slider .badgeAfter {
    left: auto;
    right: 10px
}

.before-after-slider .badgeTop {
    top: 10px;
    bottom: auto
}

.before-after-slider .badgeBottom {
    top: auto;
    bottom: 10px
}

.before-after-slider .badgeCenter {
    top: auto;
    bottom: 50%;
    transform: translateY(50%)
}

.handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 5px;
    height: 100%;
    background-color: #fff;
    cursor: ew-resize;
    z-index: 2
}

.handle-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transform: translateY(-50%) translate(-50%)
}

.vertical-direction .handle {
    top: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    cursor: ns-resize
}

.vertical-direction .handle-icon,
.diagonal-direction .handle-icon {
    transform: translateY(-50%) translate(-50%) rotate(90deg)
}

.diagonal-direction .handle {
    top: 50%;
    left: 50%;
    width: 300%;
    height: 5px;
    background-color: #fff;
    cursor: move;
    transform: translateY(-50%) translate(-50%) rotate(135deg)
}

.handle.active {
    cursor: grabbing
}

.handle.handle-effect-one {
    background-color: transparent
}

.handle-effect-one .handle-icon {
    height: 50px;
    width: 50px;
    position: absolute;
    margin: auto;
    inset: 0;
    border-radius: 50%
}

.handle-effect-one .handle-icon:before,
.handle-effect-one .handle-icon:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    opacity: .7
}

.handle-effect-one .handle-icon:before {
    animation: pulse 2s ease-out infinite
}

.handle-effect-one .handle-icon:after {
    animation: pulse 2s 1s ease-out infinite
}

@keyframes pulse {
    to {
        transform: scale(2.5);
        opacity: 0
    }
}

.vertical-direction .handle-effect-one .handle-icon,
.diagonal-direction .handle-effect-one .handle-icon {
    transform: translateY(0) translate(0) rotate(90deg)
}

.handle.handle-effect-two {
    background-color: transparent
}

.handle-effect-two .handle-icon {
    position: absolute;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff
}

.handle-effect-two .handle-icon:after {
    position: absolute;
    width: 41px;
    height: 41px;
    top: -3px;
    left: -3px;
    content: "";
    border-radius: 50%;
    border: 1px dashed rgba(230, 238, 156, 1)
}

.slider-wrap:hover .handle-effect-two .handle-icon {
    animation: BorderEffect 1.4s ease infinite
}

@keyframes BorderEffect {
    to {
        box-shadow: 0 0 0 10px transparent, 0 0 0 30px transparent
    }
}

.handle.handle-effect-three {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    transform: translate(-50%, -50%)
}

.handle-effect-three .handle-icon,
.handle-effect-three .handle-icon:before,
.handle-effect-three .handle-icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border: 1px solid white;
    border-radius: 50%;
    animation: pulsed 3s ease-out 1.5s infinite;
    opacity: 0;
    content: ""
}

.handle-effect-three .handle-icon:before {
    animation-delay: .7s
}

.handle-effect-three .handle-icon:after {
    animation-delay: 1.3s
}

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

    50% {
        transform: scale(3);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.handle.handle-effect-six,
.handle.handleVerticalEffect,
.vertical-direction .handle.handle-effect-six,
.diagonal-direction .handle.handle-effect-six,
.horizontal-direction .handle.handleVerticalEffect,
.vertical-direction .handle.handleVerticalEffect,
.diagonal-direction .handle.handleVerticalEffect {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: transparent;
    border: 2px #eeeeee dashed;
    transform: translate(-50%, -50%)
}

.handle-effect-six .handle-icon,
.handleVerticalEffect .handle-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.handle-effect-six .handle-icon,
.horizontal-direction .handle.handleVerticalEffect .handle-icon {
    animation: horizontal-animation 1.5s ease-in-out infinite alternate;
    background: #fff
}

.handleVerticalEffect .handle-icon,
.vertical-direction .handle-effect-six .handle-icon {
    animation: vertical-animation 1.5s ease-in-out infinite alternate;
    background: #fff
}

.diagonal-direction .handle.handle-effect-six {
    transform: translate(-50%, -50%) rotate(45deg)
}

.diagonal-direction .handle.handleVerticalEffect {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.diagonal-direction .handle.handle-effect-six .handle-icon,
.diagonal-direction .handle.handleVerticalEffect .handle-icon {
    animation: none
}

@keyframes horizontal-animation {
    0% {
        transform: translate3d(10px, 0, 0) translate(-50%, -50%)
    }

    to {
        transform: translate3d(-10px, 0, 0) translate(-50%, -50%)
    }
}

@keyframes vertical-animation {
    0% {
        transform: translate3d(0, 10px, 0) translate(-50%, -50%)
    }

    to {
        transform: translate3d(0, -10px, 0) translate(-50%, -50%)
    }
}

.handle.handle-effect-four {
    background: transparent
}

.handle-effect-four .handle-icon {
    width: 50px;
    height: 50px;
    margin: auto;
    color: #fff;
    background-color: #ffffff80
}

.handle-effect-four .handle-icon,
.handle-effect-four .handle-icon:before,
.handle-effect-four .handle-icon:after {
    position: absolute;
    inset: 0
}

.handle-effect-four .handle-icon:before,
.handle-effect-four .handle-icon:after {
    content: "";
    z-index: -1;
    margin: -10%;
    box-shadow: inset 0 0 0 2px;
    animation: clipMe 8s linear infinite
}

.handle-effect-four .handle-icon:before {
    animation-delay: -4s
}

.diagonal-direction .handle.handle-effect-four {
    transform: translateY(-50%) translate(-50%) rotate(-1deg)
}

.vertical-direction .handle.handle-effect-four .handle-icon,
.diagonal-direction .handle.handle-effect-four .handle-icon {
    transform: none
}

@keyframes clipMe {

    0%,
    to {
        clip: rect(0px, 60px, 2px, 0px)
    }

    25% {
        clip: rect(0px, 2px, 60px, 0px)
    }

    50% {
        clip: rect(59px, 60px, 60px, 0px)
    }

    75% {
        clip: rect(0px, 60px, 60px, 59px)
    }
}

.before-after-slider .handle-effect-five {
    background: #ffffff1a;
    -webkit-transition: background .2s, color .2s;
    -moz-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

.handle-effect-five .handle-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ffffff80;
    -webkit-transition: background .2s, color .2s;
    -moz-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

.handle-effect-five .handle-icon:after {
    position: absolute;
    top: -7px;
    left: -7px;
    padding: 7px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 5px #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform .2s, opacity .2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform .2s, opacity .2s;
    transform: scale(.8);
    opacity: 0
}

.before-after-slider:hover .handle-effect-five,
.before-after-slider:hover .handle-effect-five .handle-icon {
    background: #fff
}

.before-after-slider:hover .handle-effect-five .handle-icon:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.before-after-slider .badge.badgeMiddel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    background-color: #00000080;
    transition: all .5s ease
}

.before-after-slider .badgeBefore.badgeMiddel {
    left: auto;
    right: 65%;
    transform: translate(50%) translateY(-50%)
}

.before-after-slider .badgeAfter.badgeMiddel {
    left: 65%;
    right: auto;
    transform: translate(-50%) translateY(-50%)
}

.before-after-text {
    width: 100%;
    font-size: 18px;
    text-align: center;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0
}

.before-text,
.after-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .3s
}

.before-text {
    opacity: 1
}

.before-after-slider .btn-fullscreen {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    z-index: 2
}

.before-after-slider .btn-fullscreen:focus {
    box-shadow: none
}

.ba-slide-modal {
    display: block !important;
    background-color: #000;
    opacity: 0 !important;
    pointer-events: none;
    z-index: 0
}

.modal-open .ba-slide-modal {
    display: block !important;
    opacity: 1 !important;
    pointer-events: all;
    z-index: 1055
}

.ba-slide-modal .modal-dialog {
    max-width: 100%;
    transform: none
}

.ba-slide-modal.modal.fade .modal-dialog {
    transform: none;
    transition: none !important
}

.ba-slide-modal .modal-content {
    border-radius: 10px;
    background-color: transparent
}

.ba-slide-modal .btn-close {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 8px;
    opacity: 1;
    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='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.414z'/%3e%3c/svg%3e");
    z-index: 1
}

.ba-slide-modal .btn-close:hover,
.ba-slide-modal .btn-close:focus {
    opacity: 1;
    box-shadow: none
}

.ba-slide-modal .slider-wrap {
    margin: 0 auto;
    width: 700px;
    height: 700px;
    border: none
}

.ba-slide-modal .before-after-text {
    color: #fff
}

@media screen and (max-width: 767px) {

    .before-after-slider .slider-wrap,
    .ba-slide-modal .before-after-slider .slider-wrap {
        width: 390px;
        height: 390px
    }

    .before-after-slider .badge {
        padding: 8px;
        font-size: 14px
    }
}

@media screen and (max-width: 399px) {

    .before-after-slider .slider-wrap,
    .ba-slide-modal .before-after-slider .slider-wrap {
        width: 320px;
        height: 320px
    }
}

@media screen and (max-width: 319px) {

    .before-after-slider .slider-wrap,
    .ba-slide-modal .before-after-slider .slider-wrap {
        width: 280px;
        height: 280px
    }
}

:root {
    --progress-bar-width: 200px;
    --progress-bar-height: 200px;
    --font-size: 2rem
}

.circular-progress {
    width: var(--progress-bar-width);
    height: var(--progress-bar-height);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute
}

.inner-circle {
    position: absolute;
    width: calc(var(--progress-bar-width) - 30px);
    height: calc(var(--progress-bar-height) - 30px);
    border-radius: 50%;
    background-color: #d3d3d3
}

.percentage {
    position: relative;
    font-size: var(--font-size);
    color: #000c
}

@media screen and (max-width: 800px) {
    :root {
        --progress-bar-width: 150px;
        --progress-bar-height: 150px;
        --font-size: 1.3rem
    }
}

@media screen and (max-width: 500px) {
    :root {
        --progress-bar-width: 120px;
        --progress-bar-height: 120px;
        --font-size: 1rem
    }
}

.count-number {
    width: auto;
    height: auto;
    text-align: center;
    box-shadow: #43475545 0 0 .25em, #5a7dbc0d 0 .25em 1em;
    padding: 30px;
    border-radius: 10px;
    background: #fff !important
}

.count.mainbox {
    z-index: 9
}

.count-number .inner-circle {
    border-radius: 0;
    padding: 10px;
    background: none !important
}

.count-number .count.mainbox .percentage {
    color: #000 !important;
    padding: 10px 0
}

.count-number p {
    margin: 0
}

.circular-progress .mainbox .clientprofile,
.circular-progress .mainbox .clientdetelis {
    display: none
}

.count-number .mainbox .clientprofile,
.count-number .mainbox .clientdetelis {
    display: block
}

.horizontalprobar {
    height: auto;
    width: auto;
    box-shadow: #43475545 0 0 .25em, #5a7dbc0d 0 .25em 1em;
    border-radius: 10px;
    display: inherit;
    position: unset;
    background: none !important
}

.horizontalprobar .inner-circle {
    background: none;
    height: auto;
    border-radius: 0
}

.horizontalprobar .percentage {
    color: #fffc !important;
    font-size: 15px;
    font-weight: 600;
    background: #4762f8;
    border-radius: 22px;
    padding-left: 8px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.nativeGridView.masterdiv.table-area .sag_grid {
    margin-top: 0
}

.nativeGridView.masterdiv.table-area .parentDflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nativeGridView.masterdiv.table-area .parentDflex #commonSearch .commonSearchWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: inherit !important
}

.nativeGridView.masterdiv.table-area .parentDflex .inputInnerWrapper {
    position: relative
}

.nativeGridView.masterdiv.table-area .parentDflex .inputInnerWrapper img {
    position: absolute;
    left: 15px;
    top: 7px;
    width: 17px;
    height: 18px
}

.nativeGridView.masterdiv.table-area .parentDflex #dropdowndiv_commonsearch {
    margin-left: 0 !important
}

.nativeGridView.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch {
    height: auto;
    padding: .4rem 2rem !important;
    border-radius: 8px;
    color: #676f7a;
    background-color: #fff;
    width: 125px
}

.nativeGridView.masterdiv.table-area #commonFilter #SdmtcommonFilter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    outline: 0;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    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;
    cursor: pointer;
    padding: 0
}

.nativeGridView.masterdiv.table-area #commonFilter #select_commonfilter {
    background-color: #fff;
    width: 125px;
    font-family: inherit;
    border-radius: 8px;
    border: 1px solid #dfe3e8;
    padding: 0 27px 0 10px !important;
    outline: 0;
    font-size: 14px;
    margin-left: 10px;
    height: 34px
}

.nativeGridView.masterdiv.table-area #commonFilter {
    margin-bottom: 10px;
    margin-right: 0
}

.nativeGridView.masterdiv.table-area .rowPerPage .form-select {
    margin-right: 10px
}

.nativeGridView.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-webkit-input-placeholder {
    color: #676f7a
}

.nativeGridView.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-moz-placeholder {
    color: #676f7a
}

.nativeGridView.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch:-ms-input-placeholder {
    color: #676f7a
}

.nativeGridView.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-ms-input-placeholder {
    color: #676f7a
}

.nativeGridView.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::placeholder {
    color: #676f7a
}

.nativeGridView.masterdiv.table-area .dropdowndiv_commonsearch #select_commonsearch {
    border-radius: 8px;
    color: #676f7a;
    background-color: #fff;
    font-size: 12px;
    width: 125px;
    margin-right: 0
}

.nativeGridView.masterdiv.table-area #commonSearch {
    margin-left: unset
}

.nativeGridView.masterdiv.table-area #pageRecordID {
    margin-left: inherit
}

.nativeGridView.masterdiv.table-area .sml_innerHeadBody {
    width: auto !important
}

.nativeGridView.masterdiv.table-area .header_Blk {
    margin-top: 35px;
    border-bottom: 0;
    display: none
}

.nativeGridView.masterdiv.table-area .header_cell.col0 .sml_header_text {
    display: block !important;
    font-size: 16px;
    font-weight: 500
}

.nativeGridView.masterdiv.table-area .header_cell {
    border-right: 0
}

.nativeGridView.masterdiv.table-area .grid_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    background-color: #f1f1f1;
    padding: 0
}

.nativeGridView.masterdiv.table-area .grid_cell,
.nativeGridView.masterdiv.table-area .grid_cell:first-child {
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.nativeGridView.masterdiv.table-area .grid_cell_selected:focus {
    border: 0
}

.nativeGridView.masterdiv.table-area .sml_slectedRow {
    background-color: #e7ebef !important;
    color: #676f7a !important
}

.nativeGridView.masterdiv.table-area #centerGrid {
    height: auto !important;
    width: auto !important
}

.nativeGridView.masterdiv.table-area .gridTHeight {
    height: auto !important;
    border: 0
}

.nativeGridView.masterdiv.table-area .first_grid_tbody {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.nativeGridView.masterdiv.table-area .grid_row_header {
    height: auto !important;
    position: relative;
    -webkit-transform: translateY(20px) !important;
    -ms-transform: translateY(20px) !important;
    transform: translateY(20px) !important;
    margin-bottom: 7px;
    border-radius: 10px;
    border: 1px solid #f1f1f1
}

.nativeGridView.masterdiv.table-area .grid_cell {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    background-color: #f1f1f1;
    border-bottom: 0;
    order: unset;
    border-right: 0 !important;
    position: inherit;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    padding: 0 5px !important;
    overflow: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

.nativeGridView.masterdiv.table-area .grid_cell:first-child {
    border-bottom: 1px solid #bed4e87a;
    height: 30px !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    width: auto !important;
    line-height: 30px;
    text-align: left !important
}

.nativeGridView.masterdiv.table-area .grid_cell:nth-child(2) {
    height: 30px !important;
    border-bottom: 1px solid #bed4e87a;
    display: block !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    text-align: right !important
}

.nativeGridView.masterdiv.table-area .grid_cell:nth-child(3),
.nativeGridView.masterdiv.table-area .grid_cell:nth-child(4),
.nativeGridView.masterdiv.table-area .grid_cell:nth-child(5),
.nativeGridView.masterdiv.table-area .grid_cell:nth-child(6) {
    height: 30px !important;
    border-bottom: 0;
    display: block !important;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    color: #676f7a;
    font-weight: 500
}

.nativeGridView.masterdiv.table-area .grid_cell:nth-child(3) {
    text-align: left !important;
    margin-right: unset
}

.nativeGridView.masterdiv.table-area .grid_cell:nth-child(4) {
    text-align: right !important;
    text-decoration: unset
}

.nativeGridView.masterdiv.table-area .grid_cell:nth-child(5) {
    text-align: left !important
}

.nativeGridView.masterdiv.table-area .grid_cell:nth-child(6) {
    text-align: right !important
}

.nativeGridView.masterdiv.table-area .grid_cell:nth-of-type(n+7),
.nativeGridView.masterdiv.table-area .grid_cell[sag_g_key=sno] {
    display: none !important
}

.nativeGridView.masterdiv.table-area .sml_headBody {
    overflow-x: inherit;
    overflow-y: inherit
}

.nativeGridView.masterdiv.table-area .header_div {
    border-bottom: 1px solid #ccc
}

.nativeGridView.masterdiv.table-area #leftGrid,
.nativeGridView.masterdiv.table-area #rightGrid,
.nativeGridView.masterdiv.table-area .footerGrid .btn-group {
    display: none
}

.nativeGridView.masterdiv.table-area .footerGrid {
    border-top: 0;
    text-align: center;
    background-color: #f1f1f1 !important;
    border-radius: 6px;
    padding: 8px 0
}

.nativeGridView.masterdiv.table-area .footerGrid .sml_totalRecord {
    color: #676f7a;
    font-weight: 500
}

.nativeGridView2.masterdiv.table-area .sag_grid {
    margin-top: 0
}

.nativeGridView2.masterdiv.table-area .parentDflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nativeGridView2.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch {
    height: auto;
    padding: .4rem 2rem !important;
    border-radius: 8px;
    color: #676f7a !important;
    background-color: #fff !important;
    width: 125px
}

.nativeGridView2.masterdiv.table-area #commonFilter #SdmtcommonFilter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff !important;
    outline: 0;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    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;
    cursor: pointer;
    padding: 0
}

.nativeGridView2.masterdiv.table-area #commonFilter #select_commonfilter {
    background-color: #fff !important;
    width: 125px;
    font-family: inherit;
    border-radius: 8px;
    border: 1px solid #dfe3e8;
    padding: 0 27px 0 10px !important;
    outline: 0;
    font-size: 14px;
    margin-left: 10px;
    height: 34px
}

.nativeGridView2.masterdiv.table-area #commonFilter {
    margin-bottom: 10px
}

.nativeGridView2.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-webkit-input-placeholder {
    color: #676f7a !important
}

.nativeGridView2.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-moz-placeholder {
    color: #676f7a !important
}

.nativeGridView2.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch:-ms-input-placeholder {
    color: #676f7a !important
}

.nativeGridView2.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-ms-input-placeholder {
    color: #676f7a !important
}

.nativeGridView2.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::placeholder {
    color: #676f7a !important
}

.nativeGridView2.masterdiv.table-area .dropdowndiv_commonsearch #select_commonsearch {
    border-radius: 8px;
    color: #676f7a !important;
    background-color: #fff !important;
    font-size: 12px;
    width: 125px
}

.nativeGridView2.masterdiv.table-area #commonSearch {
    margin-left: unset
}

.nativeGridView2.masterdiv.table-area #pageRecordID {
    margin-left: inherit
}

.nativeGridView2.masterdiv.table-area #dropdownMenuButton1.btn,
.nativeGridView2.masterdiv.table-area #commonFilter {
    margin-right: 0
}

.nativeGridView2.masterdiv.table-area .rowPerPage .form-select {
    margin-right: 10px
}

.nativeGridView2.masterdiv.table-area .gridTHeight {
    height: auto !important;
    width: auto !important;
    border: 0
}

.nativeGridView2.masterdiv.table-area .first_grid_tbody {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.nativeGridView2.masterdiv.table-area .grid_row_header {
    height: auto !important;
    position: relative;
    -webkit-transform: translateY(20px) !important;
    -ms-transform: translateY(20px) !important;
    transform: translateY(20px) !important;
    margin-bottom: 7px;
    border: none
}

.nativeGridView2.masterdiv.table-area .sml_headBody {
    overflow-x: inherit;
    overflow-y: inherit
}

.nativeGridView2.masterdiv.table-area .header_div {
    border-bottom: 1px solid #ccc;
    display: none
}

.nativeGridView2.masterdiv.table-area .sml_innerHeadBody {
    width: auto !important
}

.nativeGridView2.masterdiv.table-area .header_Blk {
    margin-top: 35px;
    border-bottom: 0;
    display: none
}

.nativeGridView2.masterdiv.table-area .header_cell.col0 .sml_header_text {
    display: block !important;
    font-size: 16px;
    font-weight: 500
}

.nativeGridView2.masterdiv.table-area .header_cell {
    border-right: 0
}

.nativeGridView2.masterdiv.table-area .grid_row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #e7ebef;
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0px 1px 3px 0px, rgba(0, 0, 0, .06) 0px 1px 2px 0px;
    box-shadow: #0000001a 0 1px 3px, #0000000f 0 1px 2px;
    border-radius: 12px;
    padding: 8px;
    border: none
}

.nativeGridView2.masterdiv.table-area .grid_cell_selected:focus {
    border: 0
}

.nativeGridView2.masterdiv.table-area .grid_cell {
    position: inherit;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    border-right: 0;
    padding: 0;
    border-bottom: 0;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    overflow: inherit;
    background-color: transparent;
    padding: 0 5px !important
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(odd) {
    color: #676f7a;
    font-weight: 500;
    font-size: 13px;
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    display: block !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: unset
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(2n) {
    color: #676f7a !important;
    font-weight: 500;
    font-size: 13px !important;
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    display: block !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: unset;
    text-align: left !important
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(1) {
    color: #676f7a;
    font-weight: 500;
    font-size: 13px !important;
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    display: block !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-bottom: none
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(2) {
    color: #676f7a;
    font-weight: 500;
    font-size: 13px !important;
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block !important;
    border-bottom: none
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(3) {
    color: #676f7a;
    font-weight: 500;
    font-size: 13px !important;
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    display: block !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: right !important
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(4) {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    font-weight: 500;
    font-size: 13px !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
    color: #353535;
    display: block !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(5) {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    font-weight: 500;
    font-size: 13px !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
    color: #353535;
    display: block !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(6) {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    font-size: 13px !important;
    font-weight: 500;
    margin-left: auto;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    display: block !important;
    color: #353535;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(7) {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    font-size: 12px !important;
    font-weight: 500;
    color: #21c8ba;
    display: block !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-child(8) {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    font-size: 11px !important;
    font-weight: 500;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-left: auto;
    background-color: #dcfdfe;
    border-radius: 22px;
    color: #21c8ba;
    padding: 3px;
    display: block !important;
    height: auto !important;
    width: auto !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center !important
}

.nativeGridView2.masterdiv.table-area .grid_cell {
    display: none !important
}

.nativeGridView2.masterdiv.table-area .footerGrid .btn-group {
    display: none
}

.nativeGridView2.masterdiv.table-area .footerGrid {
    border-top: 0;
    text-align: center;
    background-color: #f1f1f1 !important;
    border-radius: 6px;
    padding: 8px 0
}

.nativeGridView2.masterdiv.table-area .footerGrid .sml_totalRecord {
    color: #676f7a;
    font-weight: 500
}

.nativeGridView2.masterdiv.table-area .grid_cell:nth-of-type(n+9) {
    display: none !important
}

.nativeGridView2.masterdiv.table-area #leftGrid,
.nativeGridView2.masterdiv.table-area #rightGrid {
    display: none
}

.nativeGridView2.masterdiv.table-area .grid_cell[sag_g_key=sno] {
    display: none !important
}

.nativeGridView3.masterdiv.table-area .parentDflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nativeGridView3.masterdiv.table-area .parentDflex #commonSearch .commonSearchWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: inherit !important
}

.nativeGridView3.masterdiv.table-area .parentDflex .inputInnerWrapper {
    position: relative
}

.nativeGridView3.masterdiv.table-area .parentDflex .inputInnerWrapper img {
    position: absolute;
    left: 15px;
    top: 7px;
    width: 17px;
    height: 18px
}

.nativeGridView3.masterdiv.table-area .parentDflex #dropdowndiv_commonsearch {
    margin-left: 0% !important
}

.nativeGridView3.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch {
    height: auto;
    padding: .4rem 2rem !important;
    border-radius: 8px;
    color: #676f7a;
    background-color: #f1f1f1;
    width: 125px
}

.nativeGridView3.masterdiv.table-area #commonFilter #SdmtcommonFilter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    outline: 0;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    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;
    cursor: pointer;
    padding: 0
}

.nativeGridView3.masterdiv.table-area #commonFilter #select_commonfilter {
    background-color: #f1f1f1;
    width: auto;
    font-family: inherit;
    border-radius: 8px;
    border: 1px solid #dfe3e8;
    padding: 0 27px 0 10px;
    outline: 0;
    font-size: 14px;
    margin-left: 10px;
    height: 34px
}

.nativeGridView3.masterdiv.table-area #commonFilter {
    margin-bottom: 10px;
    margin-right: 0
}

.nativeGridView3.masterdiv.table-area .rowPerPage .form-select {
    margin-right: 10px
}

.nativeGridView3.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-webkit-input-placeholder {
    color: #676f7a
}

.nativeGridView3.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-moz-placeholder {
    color: #676f7a
}

.nativeGridView3.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch:-ms-input-placeholder {
    color: #676f7a
}

.nativeGridView3.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-ms-input-placeholder {
    color: #676f7a
}

.nativeGridView3.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::placeholder {
    color: #676f7a
}

.nativeGridView3.masterdiv.table-area .dropdowndiv_commonsearch #select_commonsearch {
    border-radius: 8px;
    color: #676f7a;
    background-color: #f1f1f1;
    font-size: 12px;
    width: auto;
    margin-right: 10px
}

.nativeGridView3.masterdiv.table-area #commonSearch {
    margin-left: unset
}

.nativeGridView3.masterdiv.table-area #dropdownMenuButton1.btn {
    margin-right: 0
}

.nativeGridView3.masterdiv.table-area #pageRecordID {
    margin-left: inherit
}

.nativeGridView3.masterdiv.table-area .sml_innerHeadBody {
    width: auto !important
}

.nativeGridView3.masterdiv.table-area .header_Blk {
    margin-top: 35px;
    border-bottom: 0;
    display: none
}

.nativeGridView3.masterdiv.table-area .header_cell.col0 .sml_header_text {
    display: block !important;
    font-size: 16px;
    font-weight: 500
}

.nativeGridView3.masterdiv.table-area .header_cell {
    border-right: 0
}

.nativeGridView3.masterdiv.table-area .grid_row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1px #0000001f;
    background-color: #fff;
    padding: unset;
    border-radius: unset;
    border: unset
}

.nativeGridView3.masterdiv.table-area .grid_cell_selected:focus {
    border: 0
}

.nativeGridView3.masterdiv.table-area .sml_slectedRow {
    background-color: #f1f1f1 !important;
    color: #676f7a !important
}

.nativeGridView3.masterdiv.table-area #centerGrid {
    height: auto !important;
    width: auto !important
}

.nativeGridView3.masterdiv.table-area .gridTHeight {
    height: auto !important;
    border: 0
}

.nativeGridView3.masterdiv.table-area .first_grid_tbody {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.nativeGridView3.masterdiv.table-area .grid_row_header {
    height: auto !important;
    position: relative;
    -webkit-transform: translateY(20px) !important;
    -ms-transform: translateY(20px) !important;
    transform: translateY(20px) !important;
    margin-bottom: 7px
}

.nativeGridView3.masterdiv.table-area .grid_cell {
    position: inherit;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    border-right: 0;
    padding: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    background-color: #fff;
    border-bottom: 1px solid #e9f3ea;
    padding: 0 5px !important
}

.nativeGridView3.masterdiv.table-area .grid_cell:nth-child(1) {
    width: 60px !important;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    color: #353535;
    height: 40px !important;
    line-height: 40px;
    border-bottom: 0
}

.nativeGridView3.masterdiv.table-area .grid_cell:nth-child(2) {
    width: 85px !important;
    padding-bottom: 0;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    color: #353535;
    height: 40px !important;
    line-height: 40px;
    border-bottom: 0
}

.nativeGridView3.masterdiv.table-area .grid_cell img {
    width: 35px;
    border-radius: 50px
}

.nativeGridView3.masterdiv.table-area .grid_cell:nth-child(3) {
    font-size: 12px;
    font-weight: 500;
    color: #353535;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100px !important;
    height: 40px !important;
    line-height: 40px;
    border-bottom: 0;
    margin-right: 0
}

.nativeGridView3.masterdiv.table-area .grid_cell:nth-child(4) {
    text-decoration: underline;
    padding-right: 6px;
    color: #353535;
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100px !important;
    height: 40px !important;
    line-height: 40px;
    text-align: right !important;
    border-bottom: 0
}

.nativeGridView3.masterdiv.table-area .grid_cell:nth-of-type(n+5) {
    display: none !important
}

.nativeGridView3.masterdiv.table-area .sml_headBody {
    overflow-x: inherit;
    overflow-y: inherit
}

.nativeGridView3.masterdiv.table-area .header_div {
    border-bottom: 1px solid #ccc
}

.nativeGridView3.masterdiv.table-area .footerGrid .btn-group {
    display: none
}

.nativeGridView3.masterdiv.table-area .footerGrid {
    border-top: 0;
    text-align: center;
    background-color: #f1f1f1;
    border-radius: 6px;
    padding: 8px 0
}

.nativeGridView3.masterdiv.table-area .footerGrid .sml_totalRecord {
    color: #676f7a;
    font-weight: 500
}

.nativeGridView3.masterdiv.table-area #leftGrid,
.nativeGridView3.masterdiv.table-area #rightGrid {
    display: none
}

.nativeGridView3.masterdiv.table-area .grid_cell[sag_g_key=sno] {
    display: none !important
}

.nativeGridView4.masterdiv.table-area .parentDflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nativeGridView4.masterdiv.table-area .parentDflex #commonSearch .commonSearchWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: inherit !important
}

.nativeGridView4.masterdiv.table-area .parentDflex .inputInnerWrapper {
    position: relative
}

.nativeGridView4.masterdiv.table-area .parentDflex .inputInnerWrapper img {
    position: absolute;
    left: 15px;
    top: 7px;
    width: 17px;
    height: 18px
}

.nativeGridView4.masterdiv.table-area .parentDflex #dropdowndiv_commonsearch {
    margin-left: 0% !important
}

.nativeGridView4.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch {
    height: auto;
    padding: .4rem 2rem !important;
    border-radius: 8px;
    color: #676f7a;
    background-color: #f1f1f1;
    width: 125px
}

.nativeGridView4.masterdiv.table-area #commonFilter #SdmtcommonFilter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    outline: 0;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    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;
    cursor: pointer;
    padding: 0
}

.nativeGridView4.masterdiv.table-area #commonFilter #select_commonfilter {
    background-color: #f1f1f1;
    width: auto;
    font-family: inherit;
    border-radius: 8px;
    border: 1px solid #dfe3e8;
    padding: 0 27px 0 10px;
    outline: 0;
    font-size: 14px;
    margin-left: 10px;
    height: 34px
}

.nativeGridView4.masterdiv.table-area #commonFilter {
    margin-bottom: 10px;
    margin-right: 0
}

.nativeGridView4.masterdiv.table-area .rowPerPage .form-select {
    margin-right: 10px
}

.nativeGridView4.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-webkit-input-placeholder {
    color: #676f7a
}

.nativeGridView4.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-moz-placeholder {
    color: #676f7a
}

.nativeGridView4.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch:-ms-input-placeholder {
    color: #676f7a
}

.nativeGridView4.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-ms-input-placeholder {
    color: #676f7a
}

.nativeGridView4.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::placeholder {
    color: #676f7a
}

.nativeGridView4.masterdiv.table-area .dropdowndiv_commonsearch #select_commonsearch {
    border-radius: 8px;
    color: #676f7a;
    background-color: #f1f1f1;
    font-size: 12px;
    width: auto;
    margin-right: 10px
}

.nativeGridView4.masterdiv.table-area #commonSearch {
    margin-left: unset
}

.nativeGridView4.masterdiv.table-area #dropdownMenuButton1.btn {
    margin-right: 0
}

.nativeGridView4.masterdiv.table-area #pageRecordID {
    margin-left: inherit
}

.nativeGridView4.masterdiv.table-area .gridTHeight {
    height: auto !important;
    width: auto !important;
    border: 0
}

.nativeGridView4.masterdiv.table-area .first_grid_tbody {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.nativeGridView4.masterdiv.table-area .grid_row_header {
    height: auto !important;
    position: relative;
    -webkit-transform: translateY(20px) !important;
    -ms-transform: translateY(20px) !important;
    transform: translateY(20px) !important;
    margin-bottom: 7px
}

.nativeGridView4.masterdiv.table-area .sml_headBody {
    overflow-x: inherit;
    overflow-y: inherit
}

.nativeGridView4.masterdiv.table-area .header_Blk {
    border-bottom: 0;
    margin-top: 35px;
    display: none
}

.nativeGridView4.masterdiv.table-area .header_div {
    border-bottom: 1px solid #ccc
}

.nativeGridView4.masterdiv.table-area .sml_header_text {
    display: block;
    font-size: 16px;
    font-weight: 500
}

.nativeGridView4.masterdiv.table-area .header_cell {
    border-right: 0
}

.nativeGridView4.masterdiv.table-area .sml_innerHeadBody {
    width: auto !important
}

.nativeGridView4.masterdiv.table-area .grid_row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fafafa;
    border-radius: 12px;
    padding: 0 8px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nativeGridView4.masterdiv.table-area .grid_cell_selected:focus {
    border: 0
}

.nativeGridView4.masterdiv.table-area .grid_cell {
    position: inherit;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    border-right: 0;
    padding: 0 !important;
    border-bottom: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: block !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    text-align: left !important
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: block !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    height: 30px !important;
    text-align: left !important
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-child(3) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: block !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    height: 30px !important;
    text-align: left !important
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    display: block !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    height: 30px !important;
    text-align: left !important
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    display: block !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    height: 30px !important;
    text-align: left !important
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-child(6) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    display: block !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    height: 30px !important;
    text-align: left !important
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-child(7) {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
    display: block !important;
    color: #676f7a;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto !important;
    line-height: 30px;
    height: 30px !important;
    text-align: left !important
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-of-type(n+8) {
    display: none !important
}

.nativeGridView4.masterdiv.table-area .grid_cell:nth-child(3) {
    display: none !important
}

.nativeGridView4.masterdiv.table-area .footerGrid .btn-group {
    display: none
}

.nativeGridView4.masterdiv.table-area .footerGrid {
    border-top: 0;
    text-align: center;
    background-color: #f1f1f1 !important;
    border-radius: 6px;
    padding: 8px 0
}

.nativeGridView4.masterdiv.table-area .footerGrid .sml_totalRecord {
    color: #676f7a;
    font-weight: 500
}

.nativeGridView4.masterdiv.table-area #leftGrid,
.nativeGridView4.masterdiv.table-area #rightGrid {
    display: none
}

.nativeGridView4.masterdiv.table-area .grid_cell[sag_g_key=sno] {
    display: none !important
}

.nativeGridView5.masterdiv.table-area .parentDflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nativeGridView5.masterdiv.table-area .parentDflex #commonSearch .commonSearchWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    width: inherit !important
}

.nativeGridView5.masterdiv.table-area .parentDflex .inputInnerWrapper {
    position: relative
}

.nativeGridView5.masterdiv.table-area .parentDflex .inputInnerWrapper img {
    position: absolute;
    left: 15px;
    top: 7px;
    width: 17px;
    height: 18px
}

.nativeGridView5.masterdiv.table-area .parentDflex #dropdowndiv_commonsearch {
    margin-left: 0% !important
}

.nativeGridView5.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch {
    height: auto;
    padding: .4rem 2rem !important;
    border-radius: 8px;
    color: #676f7a;
    background-color: #f1f1f1;
    width: 125px
}

.nativeGridView5.masterdiv.table-area #commonFilter #SdmtcommonFilter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    outline: 0;
    border: 1px solid #919eab52;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    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;
    cursor: pointer;
    padding: 0
}

.nativeGridView5.masterdiv.table-area #commonFilter #select_commonfilter {
    background-color: #f1f1f1;
    width: auto;
    font-family: inherit;
    border-radius: 8px;
    border: 1px solid #dfe3e8;
    padding: 0 27px 0 10px;
    outline: 0;
    font-size: 14px;
    margin-left: 10px;
    height: 34px
}

.nativeGridView5.masterdiv.table-area #commonFilter {
    margin-bottom: 10px;
    margin-right: 0
}

.nativeGridView5.masterdiv.table-area .rowPerPage .form-select {
    margin-right: 10px
}

.nativeGridView5.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-webkit-input-placeholder {
    color: #676f7a
}

.nativeGridView5.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-moz-placeholder {
    color: #676f7a
}

.nativeGridView5.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch:-ms-input-placeholder {
    color: #676f7a
}

.nativeGridView5.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::-ms-input-placeholder {
    color: #676f7a
}

.nativeGridView5.masterdiv.table-area .inputInnerWrapper #searchInput_commonsearch::placeholder {
    color: #676f7a
}

.nativeGridView5.masterdiv.table-area .dropdowndiv_commonsearch #select_commonsearch {
    border-radius: 8px;
    color: #676f7a;
    background-color: #f1f1f1;
    font-size: 12px;
    width: auto;
    margin-right: 10px
}

.nativeGridView5.masterdiv.table-area #commonSearch {
    margin-left: unset
}

.nativeGridView5.masterdiv.table-area #dropdownMenuButton1.btn {
    margin-right: 0
}

.nativeGridView5.masterdiv.table-area #pageRecordID {
    margin-left: inherit
}

.nativeGridView5.masterdiv.table-area .gridTHeight {
    height: auto !important;
    width: auto !important;
    border: 0
}

.nativeGridView5.masterdiv.table-area .first_grid_tbody {
    padding-bottom: 10px;
    margin-bottom: 10px
}

.nativeGridView5.masterdiv.table-area .grid_row_header {
    height: auto !important;
    position: relative;
    transform: translateY(20px) !important;
    margin-bottom: 7px
}

.nativeGridView5.masterdiv.table-area .sml_headBody {
    overflow-x: inherit;
    overflow-y: inherit
}

.nativeGridView5.masterdiv.table-area .header_Blk {
    border-bottom: 0
}

.nativeGridView5.masterdiv.table-area .header_div {
    border-bottom: 1px solid #ccc
}

.nativeGridView5.masterdiv.table-area .sml_innerHeadBody {
    width: auto !important
}

.nativeGridView5.masterdiv.table-area .header_Blk {
    margin-top: 60px;
    border-bottom: 0;
    display: none
}

.nativeGridView5.masterdiv.table-area .sml_header_text {
    display: block;
    font-size: 16px;
    font-weight: 500
}

.nativeGridView5.masterdiv.table-area .rowGroupDrag .sml_header_text {
    display: none
}

.nativeGridView5.masterdiv.table-area .header_cell {
    border-right: 0
}

.nativeGridView5.masterdiv.table-area .grid_row {
    background-color: #fafafa;
    border-radius: 12px;
    padding: 0 8px 8px;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto
}

.nativeGridView5.masterdiv.table-area .grid_cell:last-child {
    grid-row: 1 / 9;
    grid-column: 1 / 9
}

.nativeGridView5.masterdiv.table-area .grid_cell.col4,
.nativeGridView5.masterdiv.table-area .grid_cell.col5 {
    display: none !important
}

.nativeGridView5.masterdiv.table-area .grid_cell_selected:focus {
    border: 0
}

.nativeGridView5.masterdiv.table-area .grid_cell {
    position: inherit;
    flex-grow: inherit;
    border-right: 0;
    padding: 0 !important;
    border-bottom: 0
}

.nativeGridView5.masterdiv.table-area .footerGrid .btn-group {
    display: none
}

.nativeGridView5.masterdiv.table-area .footerGrid {
    border-top: 0;
    text-align: center;
    background-color: #f1f1f1 !important;
    border-radius: 6px;
    padding: 8px 0
}

.nativeGridView5.masterdiv.table-area .footerGrid .sml_totalRecord {
    color: #676f7a;
    font-weight: 500
}

.nativeGridView5.masterdiv.table-area #leftGrid,
.nativeGridView5.masterdiv.table-area #rightGrid {
    display: none
}

.nativeGridView5.masterdiv.table-area .grid_cell[sag_g_key=sno] {
    display: none !important
}

[data-bs-theme=flately]:root {
    color-scheme: dark;
    --bs-body-bg: #19222c !important;
    --bodyBgClr: 25, 34, 44, 1;
    --bs-black-rgb: 255, 255, 255;
    --bg-Primary-main: 59, 125, 221, 1;
    --bg-Warning-main: 252, 185, 44, 1;
    --bg-Danger-main: 220, 53, 69, 1;
    --bg-Secondary-main: 122, 130, 138, 1;
    --bg-Success-main: 28, 187, 140, 1;
    --bg-Info-main: 23, 162, 184, 1;
    --bg-Dark-main: 233, 234, 236, 1;
    --bg-White-main: 34, 46, 60, 1;
    --bg-Light-main: 45, 56, 70, 1;
    --bs-warning-rgb: 252, 185, 44, 1;
    --bs-danger-rgb: 220, 53, 69, 1;
    --bs-secondary-rgb: 122, 130, 138, 1;
    --bs-success-rgb: 28, 187, 140, 1;
    --bs-info-rgb: 23, 162, 184, 1;
    --bs-dark-rgb: 233, 234, 236, 1;
    --bs-light-rgb: 45, 56, 70, 1;
    --bs-white-rgb: 255, 255, 255, 1;
    --bs-link-color-rgb: 13, 110, 253, 1;
    --bs-link-hover-color-rgb: 10, 88, 202, 1;
    --navBglight: 31, 41, 52, 1;
    --navBgdark: 31, 41, 52, 1;
    --navBgwhite: 31, 41, 52, 1;
    --navBgwarning: 252, 185, 44, 1;
    --navBginfo: 23, 162, 184, 1;
    --navBgsuccess: 28, 187, 140, 1;
    --navBgdanger: 220, 53, 69, 1;
    --navBgsecondary: 122, 130, 138, 1;
    --navBgprimary: 59, 125, 221, 1;
    --menutextclr: 0, 0, 0, .75;
    --topMenuActiveBgClr: 45, 56, 70, 1;
    --topMenuActiveTxtClr: 28, 187, 140, 1;
    --bs-emphasis-color: #ffffff;
    --offcanvas-bg: 25, 34, 44, 1;
    --sbLevel1BgClr: 255, 255, 255, .05;
    --inputborder: 78, 88, 99, 1;
    --inputTxt: 196, 196, 196, 1;
    --inputBg: 25, 34, 44, 1;
    --inputlabelClr: 189, 192, 197, 1;
    --inputFocusTxt: 220, 220, 220, 1;
    --inputFocusbg: 34, 46, 60, 1;
    --inputFocusborder: 157, 190, 238, 1;
    --inputbtnBG: 45, 56, 70, 1;
    --inputbtnClr: 196, 196, 196, 1;
    --inputbtnBorder: 78, 88, 99, 1;
    --disableFormBG: 25, 31, 38, 1;
    --pagemenu1ActBgClr: 2, 15, 29, 0;
    --pagemenu1ActTxtClr: 255, 255, 255, 1;
    --pagemenu1ActBorderClr: 255, 255, 255, 1;
    --pagemenu1TxtClr: 196, 196, 196, 1;
    --pagemenu1BgClr: 12, 14, 22, 0;
    --pagemenu1BorderClr: 24, 26, 34, 1;
    --modalbg: 34, 46, 60, 1;
    --topheaderBg: 25, 34, 44, 1;
    --navBglight: 25, 34, 44, 1;
    --navBgdark: 34, 46, 60, 1;
    --menutextclr: 255, 255, 255, 1;
    --topMenuActiveTxtClr: 13, 110, 253, 1;
    --topMenuActiveBgClr: 25, 34, 44, 1;
    --navtopMenuActiveTxtClr: 0, 129, 241, 1;
    --navtopMenuActiveBgClr: 5, 25, 46, .7;
    --cardbg: 34, 46, 60, 1;
    --card-bg: 34, 46, 60, 1;
    --gridHeaderBgClr: 255, 255, 255, .1;
    --gridHeaderTxtClr: 255, 255, 255, 1;
    --gridBgClr: 255, 255, 255, .1;
    --gridTxtClr: 255, 255, 255, .5;
    --gridSelectBgClr: 255, 255, 255, .05;
    --gridSelectTxtClr: 242, 242, 242, 1;
    --gridEvenBg: 34, 46, 60, 1;
    --gridEvenClr: 255, 255, 255, 1;
    --gridOddBg: 25, 34, 44 1;
    --gridOddClr: 255, 255, 255, 1;
    --gridBorderClr: 255, 255, 255, .5;
    --gridCellhover: 255, 255, 255, .15;
    --gridCellhoverClr: 255, 255, 255, 1;
    --gridRowhoverClr: 255, 255, 255, 1;
    --gridRowhover: 255, 255, 255, .05;
    --offcanvas-bg: 34, 46, 60, 1;
    --blue-100: 207, 226, 255, 1;
    --blue-200: 158, 197, 254, 1;
    --blue-300: 110, 168, 254, 1;
    --blue-500: 13, 110, 253, 1;
    --blue-400: 61, 139, 253, 1;
    --blue-600: 10, 88, 202, 1;
    --blue-700: 8, 66, 152, 1;
    --blue-800: 5, 44, 101, 1;
    --blue-900: 3, 22, 51, 1;
    --indigo-100: 224, 207, 252, 1;
    --indigo-200: 194, 159, 250, 1;
    --indigo-300: 163, 112, 247, 1;
    --indigo-400: 133, 64, 245, 1;
    --indigo-500: 102, 16, 242, 1;
    --indigo-600: 82, 13, 194, 1;
    --indigo-700: 61, 10, 145, 1;
    --indigo-800: 41, 6, 97, 1;
    --indigo-900: 20, 3, 48, 1;
    --pink-100: 247, 214, 230, 1;
    --pink-200: 239, 173, 206, 1;
    --pink-300: 230, 133, 181, 1;
    --pink-400: 222, 92, 157, 1;
    --pink-500: 214, 51, 132, 1;
    --pink-600: 171, 41, 106, 1;
    --pink-700: 128, 31, 79, 1;
    --pink-800: 86, 20, 53, 1;
    --pink-900: 43, 10, 26, 1;
    --red-100: 248, 215, 218, 1;
    --red-200: 241, 174, 181, 1;
    --red-300: 234, 134, 143, 1;
    --red-400: 227, 93, 106, 1;
    --red-500: 220, 53, 69, 1;
    --red-600: 176, 42, 55, 1;
    --red-700: 132, 32, 41, 1;
    --red-800: 88, 21, 28, 1;
    --red-900: 44, 11, 14, 1;
    --purple-100: 226, 217, 243, 1;
    --purple-200: 197, 179, 230, 1;
    --purple-300: 169, 142, 218, 1;
    --purple-400: 140, 104, 205, 1;
    --purple-500: 111, 66, 193, 1;
    --purple-600: 89, 53, 154, 1;
    --purple-700: 67, 40, 116, 1;
    --purple-800: 44, 26, 77, 1;
    --purple-900: 22, 13, 39, 1;
    --orange-100: 255, 229, 208, 1;
    --orange-200: 254, 203, 161, 1;
    --orange-300: 254, 178, 114, 1;
    --orange-400: 253, 152, 67, 1;
    --orange-500: 253, 126, 20, 1;
    --orange-600: 202, 101, 16, 1;
    --orange-700: 152, 76, 12, 1;
    --orange-800: 101, 50, 8, 1;
    --orange-900: 51, 25, 4, 1;
    --yellow-100: 255, 243, 205, 1;
    --yellow-200: 255, 230, 156, 1;
    --yellow-300: 255, 218, 106, 1;
    --yellow-400: 255, 205, 57, 1;
    --yellow-500: 255, 193, 7, 1;
    --yellow-600: 204, 154, 6, 1;
    --yellow-700: 153, 116, 4, 1;
    --yellow-800: 255, 201, 121, 1;
    --yellow-900: 51, 39, 1, 1;
    --green-100: 209, 231, 221, 1;
    --green-200: 163, 207, 187, 1;
    --green-300: 117, 183, 152, 1;
    --green-400: 71, 159, 118, 1;
    --green-500: 25, 135, 84, 1;
    --green-600: 20, 108, 67, 1;
    --green-700: 15, 81, 50, 1;
    --green-800: 15, 81, 50, 1;
    --green-900: 5, 27, 17, 1;
    --teal-100: 210, 244, 234, 1;
    --teal-200: 166, 233, 213, 1;
    --teal-300: 121, 223, 193, 1;
    --teal-400: 77, 212, 172, 1;
    --teal-500: 32, 201, 151, 1;
    --teal-600: 26, 161, 121, 1;
    --teal-700: 19, 121, 91, 1;
    --teal-800: 19, 121, 91, 1;
    --teal-900: 6, 40, 30, 1;
    --cyan-100: 207, 244, 252, 1;
    --cyan-200: 158, 234, 249, 1;
    --cyan-300: 110, 223, 246, 1;
    --cyan-400: 61, 213, 243, 1;
    --cyan-500: 13, 202, 240, 1;
    --cyan-600: 10, 162, 192, 1;
    --cyan-700: 8, 121, 144, 1;
    --cyan-800: 5, 81, 96, 1;
    --cyan-900: 3, 40, 48, 1;
    --gray-100: 248, 249, 250, 1;
    --gray-200: 233, 236, 239, 1;
    --gray-300: 222, 226, 230, 1;
    --gray-400: 206, 212, 218, 1;
    --gray-500: 173, 181, 189, 1;
    --gray-600: 108, 117, 125, 1;
    --gray-700: 73, 80, 87, 1;
    --gray-800: 52, 58, 64, 1;
    --gray-900: 33, 37, 41, 1;
    --black-100: 27, 27, 27, 1;
    --black-200: 10, 11, 11, 1;
    --black-300: 11, 11, 11, 1;
    --black-400: 0, 3, 2, 1;
    --black-500: 5, 3, 1, 1;
    --black-600: 4, 2, 0, 1;
    --black-700: 6, 6, 6, 1;
    --black-800: 17, 17, 17, 1;
    --black-900: 0, 0, 0, 1;
    --white-100: 246, 246, 247, 1;
    --white-200: 245, 245, 245, 1;
    --white-300: 254, 254, 250, 1;
    --white-400: 245, 254, 253, 1;
    --white-500: 255, 255, 240, 1;
    --white-600: 255, 250, 240, 1;
    --white-700: 255, 245, 238, 1;
    --white-800: 255, 250, 250, 1;
    --white-900: 255, 255, 255, 1;
    --dark-blue-300: 27, 29, 37, 1;
    --dark-blue-400: 17, 19, 27, 1;
    --dark-blue-500: 12, 14, 22, 1;
    --dark-blue-600: 2, 4, 13, 1;
    --dark-blue-700: 2, 22, 47, 1;
    --dark-blue-800: 0, 114, 160, 1;
    --sky-blue-100: 225, 246, 255, 1;
    --sky-blue-200: 205, 240, 255, 1;
    --sky-blue-300: 185, 235, 255, 1;
    --sky-blue-400: 165, 229, 255, 1;
    --sky-blue-500: 145, 224, 255, 1;
    --sky-blue-600: 115, 215, 255, 1;
    --sky-blue-700: 85, 206, 255, 1;
    --sky-blue-800: 55, 198, 255, 1;
    --sky-blue-900: 25, 189, 255, 1;
    --orange-dark-100: 255, 239, 234, 1;
    --orange-dark-200: 255, 207, 191, 1;
    --orange-dark-300: 255, 190, 170, 1;
    --orange-dark-400: 255, 173, 148, 1;
    --orange-dark-500: 255, 156, 126, 1;
    --orange-dark-600: 255, 137, 104, 1;
    --orange-dark-700: 255, 118, 80, 1;
    --orange-dark-800: 255, 97, 52, 1;
    --orange-dark-900: 255, 72, 0, 1;
    --bs-heading-h1: 255, 255, 255;
    --bs-heading-h2: 255, 255, 255;
    --bs-heading-h3: 255, 255, 255;
    --bs-heading-h4: 255, 255, 255;
    --bs-heading-h5: 255, 255, 255;
    --bs-heading-h6: 255, 255, 255
}

[data-bs-theme=flately] #top_nav_bar .navbar-nav li a,
[data-bs-theme=flately] #top_nav_bar .navbar.navbar-light .nav-link,
[data-bs-theme=flately] #top_nav_bar .navbar.navbar-light .nav-link i {
    color: rgba(var(--menutextclr))
}

[data-bs-theme=flately] .navbar.bg-light {
    background-color: rgba(var(--navBglight)) !important
}

[data-bs-theme=flately] .table>:not(caption)>*>* {
    color: var(--bs-emphasis-color)
}

[data-bs-theme=flately] a {
    color: rgba(var(--bs-link-color-rgb))
}

[data-bs-theme=flately] .bg-primary {
    background-color: rgb(var(--bg-Primary-main))
}

[data-bs-theme=flately] .bg-danger {
    background-color: rgb(var(--bg-Danger-main)) !important
}

[data-bs-theme=flately] .bg-secondary {
    background-color: rgb(var(--bg-Secondary-main)) !important
}

[data-bs-theme=flately] .bg-info {
    background-color: rgb(var(--bg-Info-main)) !important
}

[data-bs-theme=flately] .bg-warning {
    background-color: rgb(var(--bg-Warning-main)) !important
}

[data-bs-theme=flately] .bg-success {
    background-color: rgb(var(--bg-Success-main)) !important
}

[data-bs-theme=flately] .bg-light {
    background-color: rgb(var(--bg-Light-main)) !important
}

[data-bs-theme=flately] .bg-dark {
    background-color: rgb(var(--bg-Dark-main)) !important
}

[data-bs-theme=flately] .bg-white {
    background-color: rgb(var(--bg-White-main)) !important
}

[data-bs-theme=flately] .text-primary {
    color: rgb(var(--bs-primary-rgb))
}

[data-bs-theme=flately] .text-danger {
    color: rgb(var(--bs-danger-rgb)) !important
}

[data-bs-theme=flately] .text-secondary {
    color: rgb(var(--bs-secondary-rgb)) !important
}

[data-bs-theme=flately] .text-info {
    color: rgb(var(--bs-info-rgb)) !important
}

[data-bs-theme=flately] .text-warning {
    color: rgb(var(--bs-warning-rgb)) !important
}

[data-bs-theme=flately] .text-success {
    color: rgb(var(--bs-success-rgb)) !important
}

[data-bs-theme=flately] .text-light {
    color: rgb(var(--bs-light-rgb)) !important
}

[data-bs-theme=flately] .text-dark {
    color: rgb(var(--bs-dark-rgb)) !important
}

[data-bs-theme=flately] .text-white {
    color: rgb(var(--bs-white-rgb)) !important
}

[data-bs-theme=flately] .form_group_label .inputBox select:focus,
[data-bs-theme=flately] .form_group_label .inputBox .form-control:focus,
[data-bs-theme=flately] .form_group_label .inputBox textarea:focus,
[data-bs-theme=flately] input.ui-inputtext:focus,
[data-bs-theme=flately] .p-inputtext:enabled:focus,
[data-bs-theme=flately] .p-dropdown:not(.p-disabled).p-focus,
[data-bs-theme=flately] .p-multiselect:not(.p-disabled).p-focus {
    border: 1px solid rgba(var(--inputFocusborder)) !important;
    background-color: rgba(var(--inputFocusbg)) !important;
    box-shadow: none !important
}

[data-bs-theme=flately] .nav-pills .nav-item .nav-link,
.nav-pills .nav-item .nav-link {
    color: rgba(var(--pagemenu1TxtClr));
    background-color: rgba(var(--pagemenu1BgClr));
    border-color: rgba(var(--pagemenu1BorderClr))
}

[data-bs-theme=flately] .nav-pills .nav-item .nav-link.active,
[data-bs-theme=flately] .nav-pills .nav-item .nav-link:hover {
    color: rgba(var(--pagemenu1ActTxtClr)) !important;
    background-color: rgba(var(--pagemenu1ActBgClr));
    border-color: rgba(var(--pagemenu1ActBorderClr))
}

[data-bs-theme=flately] .nav.design2 .nav-item .nav-link:after {
    background-color: rgba(var(--pagemenu1ActBorderClr)) !important
}

[data-bs-theme=flately] .modal-body:not(.sidebar_left .modal-body) {
    background-color: rgba(var(--modalbg)) !important
}

[data-bs-theme=flately] .modal-header:not(.sidebar_left .modal-header),
[data-bs-theme=flately] .modal-footer:not(.sidebar_left .modal-footer) {
    background-color: rgba(var(--modalbg)) !important;
    border-color: rgba(var(--bs-light-rgb))
}

[data-bs-theme=flately] #top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link:hover,
[data-bs-theme=flately] #top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link.active,
[data-bs-theme=flately] #top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link:hover i,
[data-bs-theme=flately] #top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link.active i {
    color: rgba(var(--navtopMenuActiveTxtClr)) !important;
    background-color: rgba(var(--navtopMenuActiveBgClr)) !important
}

[data-bs-theme=flately] #top_nav_bar.bg-dark.navbar-dark,
[data-bs-theme=flately] #top_nav_bar .navbar.bg-dark.navbar-dark {
    background-color: rgba(var(--navBgdark)) !important
}

[data-bs-theme=flately] .header_Blk,
[data-bs-theme=flately] .header_cell {
    background-color: transparent;
    color: rgba(var(--gridHeaderTxtClr))
}

[data-bs-theme=flately] .totalFooter,
[data-bs-theme=flately] .footerGrid {
    background-color: rgba(var(--gridHeaderBgClr)) !important
}

[data-bs-theme=flately] .header_Blk,
[data-bs-theme=flately] .sag_grid,
[data-bs-theme=flately] .header_div,
[data-bs-theme=flately] .child_header,
[data-bs-theme=flately] .header_cell,
[data-bs-theme=flately] .center-tbl-header .header_row .header_cell:last-child,
[data-bs-theme=flately] .grid_row,
[data-bs-theme=flately] .grid_cell,
[data-bs-theme=flately] .table_body {
    border-color: rgba(var(--gridBorderClr))
}

[data-bs-theme=flately] .table_body .sagRow:nth-child(2n) {
    background: rgba(var(--gridEvenBg));
    color: rgba(var(--gridEvenClr))
}

[data-bs-theme=flately] .table_body .sagRow:nth-child(odd) {
    background: rgba(var(--gridOddBg));
    color: rgba(var(--gridOddClr))
}

[data-bs-theme=flately] .sagRow.gridRowHoverClass:hover {
    background: rgba(var(--gridRowhover)) !important;
    color: rgba(var(--gridRowhoverClr)) !important
}

[data-bs-theme=flately] .gridCellHoverClass:hover {
    background: rgba(var(--gridCellhover)) !important;
    color: rgba(var(--gridCellhoverClr)) !important
}

[data-bs-theme=flately] .totalFooter .totalField,
[data-bs-theme=flately] .sag_grid {
    background-color: rgba(var(--gridBgClr)) !important;
    color: rgba(var(--gridTxtClr)) !important
}

[data-bs-theme=flately] .sml_slectedRow {
    background-color: rgba(var(--gridSelectBgClr)) !important;
    color: rgba(var(--gridSelectTxtClr)) !important
}

[data-bs-theme=flately] .table-area.masterdiv input {
    border: 1px rgba(var(--gridBorderClr)) solid
}

[data-bs-theme=flately] .form-area {
    background: rgba(var(--card-bg)) !important
}

[data-bs-theme=flately] .offcanvas {
    background-color: rgba(var(--offcanvas-bg)) !important
}

[data-bs-theme=flately] .inputBox input:not(.form-check-input),
[data-bs-theme=flately] .inputBox textarea,
[data-bs-theme=flately] .pageOverlayCss .form-select,
[data-bs-theme=flately] p-calendar .ui-calendar input,
[data-bs-theme=flately] .inputBox p-multiselect .ui-multiselect,
[data-bs-theme=flately] body .ui-dropdown,
[data-bs-theme=flately] .inputBox p-multiselect,
[data-bs-theme=flately] .inputBox p-dropdown,
[data-bs-theme=flately] .inputBox p-dropdown .ui-dropdown,
[data-bs-theme=flately] .inputBox p-autocomplete,
[data-bs-theme=flately] .inputBox p-autocomplete .ui-autocomplete,
[data-bs-theme=flately] .inputBox p-autocomplete .ui-autocomplete .ui-inputtext,
[data-bs-theme=flately] .inputBox p-tree,
[data-bs-theme=flately] .inputBox p-tree .ui-tree,
[data-bs-theme=flately] .inputBox p-calendar,
[data-bs-theme=flately] .inputBox p-calendar .ui-calendar,
[data-bs-theme=flately] .inputBox p-inputmask,
[data-bs-theme=flately] .inputBox p-inputmask input.ui-inputtext,
[data-bs-theme=flately] .inputBox p-editor,
[data-bs-theme=flately] .p-dropdown,
[data-bs-theme=flately] .p-multiselect,
[data-bs-theme=flately] .p-tree {
    background-color: rgba(var(--inputBg)) !important;
    color: rgba(var(--inputTxt)) !important;
    border-color: rgba(var(--inputborder))
}

[data-bs-theme=flately] .pageOverlayCss .form_group_label label {
    color: rgba(var(--inputlabelClr))
}

[data-bs-theme=flately] .inputBox select:focus,
[data-bs-theme=flately] .inputBox .form-control:focus,
[data-bs-theme=flately] .inputBox textarea:focus,
[data-bs-theme=flately] input.ui-inputtext:focus {
    border: 1px solid rgba(var(--inputFocusborder)) !important;
    background-color: rgba(var(--inputFocusbg)) !important;
    color: rgba(var(--inputFocusTxt)) !important
}

[data-bs-theme=flately] .pageOverlayCss .inputBox.input-group .input-group-text i,
[data-bs-theme=flately] .pageOverlayCss .p-button,
[data-bs-theme=flately] .pageOverlayCss .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button,
[data-bs-theme=flately] .pageOverlayCss .form-control[type=file]::file-selector-button {
    border-color: rgba(var(--inputbtnBorder)) !important;
    color: rgba(var(--inputbtnClr)) !important;
    background: rgba(var(--inputbtnBG)) !important
}

[data-bs-theme=flately] .p-inputtext:enabled:focus,
[data-bs-theme=flately] .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext,
[data-bs-theme=flately] .p-dropdown:not(.p-disabled).p-focus {
    box-shadow: none
}

[data-bs-theme=flately] .pageOverlayCss .p-dropdown-items-wrapper,
[data-bs-theme=flately] .pageOverlayCss .p-datepicker {
    background: rgba(var(--inputBg));
    border: 1px solid rgba(var(--inputborder))
}

[data-bs-theme=flately] .pageOverlayCss .p-dropdown-panel .p-dropdown-items,
[data-bs-theme=flately] .pageOverlayCss .p-multiselect-panel,
[data-bs-theme=flately] .pageOverlayCss .p-multiselect-panel .p-multiselect-header,
[data-bs-theme=flately] .pageOverlayCss .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: rgba(var(--inputBg));
    margin-bottom: 0 !important;
    color: rgba(var(--inputTxt));
    border: 1px solid rgba(var(--inputborder))
}

[data-bs-theme=flately] .pageOverlayCss .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus,
[data-bs-theme=flately] .pageOverlayCss .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus,
[data-bs-theme=flately] .pageOverlayCss .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    background: rgba(var(--inputBg));
    color: rgba(var(--inputTxt))
}

[data-bs-theme=flately] .pageOverlayCss .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover,
[data-bs-theme=flately] .pageOverlayCss .p-checkbox .p-checkbox-box,
[data-bs-theme=flately] .pageOverlayCss .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    background: rgba(var(--inputFocusbg)) !important;
    color: rgba(var(--inputTxt)) !important
}

[data-bs-theme=flately] .pageOverlayCss .p-checkbox .p-checkbox-box {
    border: 2px solid rgba(var(--inputborder))
}

[data-bs-theme=flately] .pageOverlayCss .p-datepicker table th>span,
[data-bs-theme=flately] .pageOverlayCss .p-datepicker table td>span,
[data-bs-theme=flately] .pageOverlayCss .ui-helper-clearfix,
[data-bs-theme=flately] .pageOverlayCss p-multiselect .p-multiselect span.p-element,
[data-bs-theme=flately] .pageOverlayCss p-dropdown .p-dropdown span.p-element,
[data-bs-theme=flately] .pageOverlayCss p-calendar .p-calendar button.p-element.p-button {
    color: rgba(var(--inputTxt))
}

[data-bs-theme=flately] .pageOverlayCss .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover,
[data-bs-theme=flately] .pageOverlayCss .p-datepicker table td.p-datepicker-today>span,
[data-bs-theme=flately] .pageOverlayCss .p-datepicker table td>span.p-highlight,
[data-bs-theme=flately] .pageOverlayCss .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
[data-bs-theme=flately] .pageOverlayCss .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    background: rgba(var(--inputbtnBG)) !important;
    color: rgba(var(--inputTxt))
}

[data-bs-theme=flately] .pageOverlayCss .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
[data-bs-theme=flately] .pageOverlayCss .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: rgba(var(--inputTxt))
}

[data-bs-theme=flately] .pageOverlayCss .inputBox .form-control:disabled,
.inputBox .form-control[readonly] {
    background-color: rgba(var(--inputFocusbg)) !important
}

[data-bs-theme=flately] .dashboard_wrapperMain #top_nav_bar.stickyHeader .navbar .navbar-nav .nav-link {
    color: rgba(var(--menutextclr)) !important
}

[data-bs-theme=flately] .footerDiv,
[data-bs-theme=flately] .footerDiv .bottom-row,
[data-bs-theme=flately] .footerDiv .play-div {
    background-color: rgba(var(--bodyBgClr)) !important
}

[data-bs-theme=flately] .bg-box-new {
    background-color: rgba(var(--bodyBgClr)) !important;
    border-color: rgba(var(--bg-White-main)) !important
}

[data-bs-theme=flately] .bg-box-new .eventcontent {
    background-color: rgba(var(--bg-White-main))
}

[data-bs-theme=flately] .adminpanelbox {
    background-color: rgba(var(--sbLevel1BgClr)) !important;
    border-bottom-color: #fff3 !important
}

[data-bs-theme=flately] .nav_left_menu {
    background-color: rgba(var(--sbLevel1BgClr)) !important
}

[data-bs-theme=flately] .nav_left_menu .bg-6 {
    background-color: #ff9f4f !important
}

[data-bs-theme=flately] .card,
[data-bs-theme=flately] .directoryTab .border {
    border-color: #313840 !important
}

[data-bs-theme=flately] .border-secondaryClr,
[data-bs-theme=flately] .directoryTab .border-bottom {
    border-bottom-color: #313840 !important
}

[data-bs-theme=flately] .dashboard_content .table-area.masterdiv .sag_grid {
    background-color: rgba(var(--gridBgClr)) !important
}

[data-bs-theme=flately] app-admindashboard .sidebar ul li a {
    color: #b9b9b9
}

[data-bs-theme=flately] .p-datepicker:not(.p-datepicker-inline) {
    border: 1px solid;
    border-color: #313840 !important;
    color: #fff;
    background-color: rgba(var(--cardbg)) !important
}

[data-bs-theme=flately] .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background-color: rgba(var(--cardbg)) !important;
    color: rgba(var(----white-800))
}

[data-bs-theme=flately] .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header .p-icon-wrapper svg {
    filter: invert(1)
}

[data-bs-theme=flately] .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header .p-datepicker-title .p-link {
    color: rgba(var(----white-800))
}

[data-bs-theme=flately] .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: var(--bs-gray-800);
    color: rgba(var(----white-800))
}

[data-bs-theme=flately] .p-dropdown-panel .p-dropdown-header {
    background-color: rgba(var(--cardbg)) !important
}

[data-bs-theme=flately] .dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #SdmtcommonFilter,
[data-bs-theme=flately] .namelist_commansearch button.btn.btn-secondary.dropdown-toggle,
[data-bs-theme=flately] .dashboard_content .table-area.masterdiv.webViewNewGrid #dropdownMenuButton1.btn {
    background-color: rgba(var(--gridHeaderBgClr)) !important
}

[data-bs-theme=flately] .dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #SdmtcommonFilter img,
[data-bs-theme=flately] .dashboard_content .table-area.masterdiv.webViewNewGrid #dropdownMenuButton1.btn img {
    filter: invert(1) brightness(2.5)
}

[data-bs-theme=flately] .dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul .dropDownHeader span,
[data-bs-theme=flately] .dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul li {
    color: rgba(var(--inputTxt)) !important
}

[data-bs-theme=flately] .dashboard_content .table-area.masterdiv #exportBtnID ul li:hover {
    color: #000 !important
}

[data-bs-theme=flately] .dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul .dropDownHeader .icCloseIcon {
    filter: invert(1)
}

[data-bs-theme=flately] .table_body .sagRow:nth-child(odd) .grid_cell {
    background: rgba(var(--gridEvenBg)) !important;
    color: rgba(var(--gridEvenClr)) !important
}

[data-bs-theme=flately] .directory_box_content h6 span:not(:first-child) {
    color: #19222c !important
}

[data-bs-theme=flately] .modal .modal-content .modal-header button[data-bs-dismiss=modal] {
    filter: invert(0)
}

[data-bs-theme=flately] .form-group .form-select {
    background: url(/media/required.png) no-repeat top left / 1vh 1vh, 3vh, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23444b52' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center / 25px 15px !important
}

[data-bs-theme=flately] .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    color: #fff
}

[data-bs-theme=flately] .filesingle .fileuploadDesign,
[data-bs-theme=flately] .filesingle .preview .previewUl .previewLi {
    background: transparent;
    border-color: rgba(var(--inputborder))
}

[data-bs-theme=flately] .mainPage .full-modal .form-group select:focus,
[data-bs-theme=flately] .mainPage .full-modal .form-group .form-control:focus,
[data-bs-theme=flately] .mainPage .full-modal .form-group textarea:focus,
[data-bs-theme=flately] .mainPage .full-modal .form-group input:focus,
[data-bs-theme=flately] .mainPage .full-modal .form-group .inputBox p-calendar .p-calendar input[type=text]:focus [data-bs-theme=dark] .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    color: rgb(var(--bs-dark-rgb)) !important
}

[data-bs-theme=flately] .iq-customizer .custom-select_,
[data-bs-theme=flately] .iq-customizer .form-select,
[data-bs-theme=flately] .iq-customizer .form-control {
    color: #334155 !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important
}

[data-bs-theme=flately] .p-editor-container .p-editor-toolbar.ql-snow,
[data-bs-theme=flately] .p-editor-container .p-editor-content.ql-snow {
    background: rgba(var(--inputBg)) !important;
    border-color: rgba(var(--inputborder))
}

[data-bs-theme=flately] .p-editor-container .p-editor-content .ql-editor {
    background: transparent
}

[data-bs-theme=flately] .ql-editor.ql-blank:before {
    color: rgba(var(--inputTxt)) !important
}

[data-bs-theme=flately] .teamdesign15 .teamcontent .profilebox h6 {
    color: rgba(var(--textWhite)) !important
}

[data-bs-theme=dark]:root {
    --bs-body-bg: #02040d !important;
    --bodyBgClr: 2, 4, 13, 1;
    --bs-body-color: 255, 255, 255, 1;
    --btnBGDark: 255, 255, 255, 1;
    --btnTextDark: 0, 0, 0, 1;
    --btnBGLight: 40, 43, 56, 1;
    --btnTextLight: 255, 255, 255, 1;
    --secondaryBgClr: 78, 78, 78, 1;
    --secondaryTxtClr: 255, 255, 255, 1;
    --topheaderBg: 2, 4, 13, 1;
    --navBglight: 2, 4, 13, 1;
    --menutextclr: 255, 255, 255, 1;
    --topMenuTextClr: 255, 255, 255, 1;
    --topMenuActiveTxtClr: 13, 110, 253, 1;
    --topMenuActiveBgClr: 2, 4, 13, 1;
    --sbLevel1BgClr: 255, 255, 255, .05;
    --bs-dark-rgb: 255, 255, 255, 1;
    --bs-white-rgb: 255, 255, 255, 1;
    --bs-link-color-rgb: 13, 110, 253, 1;
    --bs-link-hover-color-rgb: 10, 88, 202, 1;
    --bg-Light-main: 14, 16, 24, 1;
    --bg-White-main: 12, 14, 22, 1;
    --bg-Dark-main: 221, 221, 221, 1;
    --bs-black-rgb: 255, 255, 255, 1;
    --bg-Secondary-main: 21, 22, 24, 1;
    --inputborder: 73, 80, 87, 1;
    --inputTxt: 196, 196, 196, 1;
    --inputBg: 2, 4, 13, 1;
    --inputlabelClr: 220, 220, 220, 1;
    --inputFocusTxt: 220, 220, 220, 1;
    --inputFocusbg: 3, 11, 22, 1;
    --inputFocusborder: 73, 80, 87, 1;
    --inputbtnBG: 25, 27, 35, 1;
    --inputbtnClr: 196, 196, 196, 1;
    --inputbtnBorder: 25, 27, 35, 1;
    --pagemenu1ActBgClr: 2, 15, 29, 0;
    --pagemenu1ActTxtClr: 255, 255, 255, 1;
    --pagemenu1ActBorderClr: 255, 255, 255, 1;
    --pagemenu1TxtClr: 196, 196, 196, 1;
    --pagemenu1BgClr: 12, 14, 22, 1;
    --pagemenu1BorderClr: 24, 26, 34, 1;
    --modalbg: 12, 14, 22, 1;
    --navBgdark: 12, 14, 22, 1;
    --navBgwhite: 12, 14, 22, 1;
    --navtopMenuActiveTxtClr: 0, 129, 241, 1;
    --navtopMenuActiveBgClr: 5, 25, 46, .7;
    --cardbg: 12, 14, 22, 1;
    --card-bg: 12, 14, 22, 1;
    --gridHeaderBgClr: 255, 255, 255, .05;
    --gridHeaderTxtClr: 255, 255, 255, 1;
    --gridBgClr: 255, 255, 255, .05;
    --gridTxtClr: 255, 255, 255, 1;
    --gridSelectBgClr: 255, 255, 255, .05;
    --gridSelectTxtClr: 255, 255, 255, 1;
    --gridEvenBg: 12, 14, 22, 1;
    --gridEvenClr: 255, 255, 255, 1;
    --gridOddBg: 2, 4, 13, 1;
    --gridOddClr: 255, 255, 255, 1;
    --gridBorderClr: 48, 50, 57, 1;
    --gridCellhover: 255, 255, 255, .15;
    --gridCellhoverClr: 255, 255, 255, 1;
    --gridRowhoverClr: 255, 255, 255, 1;
    --gridRowhover: 255, 255, 255, .05;
    --offcanvas-bg: 12, 14, 22, 1;
    --blue-100: 207, 226, 255, 1;
    --blue-200: 158, 197, 254, 1;
    --blue-300: 110, 168, 254, 1;
    --blue-500: 13, 110, 253, 1;
    --blue-400: 61, 139, 253, 1;
    --blue-600: 10, 88, 202, 1;
    --blue-700: 8, 66, 152, 1;
    --blue-800: 5, 44, 101, 1;
    --blue-900: 3, 22, 51, 1;
    --indigo-100: 224, 207, 252, 1;
    --indigo-200: 194, 159, 250, 1;
    --indigo-300: 163, 112, 247, 1;
    --indigo-400: 133, 64, 245, 1;
    --indigo-500: 102, 16, 242, 1;
    --indigo-600: 82, 13, 194, 1;
    --indigo-700: 61, 10, 145, 1;
    --indigo-800: 41, 6, 97, 1;
    --indigo-900: 20, 3, 48, 1;
    --pink-100: 247, 214, 230, 1;
    --pink-200: 239, 173, 206, 1;
    --pink-300: 230, 133, 181, 1;
    --pink-400: 222, 92, 157, 1;
    --pink-500: 214, 51, 132, 1;
    --pink-600: 171, 41, 106, 1;
    --pink-700: 128, 31, 79, 1;
    --pink-800: 86, 20, 53, 1;
    --pink-900: 43, 10, 26, 1;
    --red-100: 248, 215, 218, 1;
    --red-200: 241, 174, 181, 1;
    --red-300: 234, 134, 143, 1;
    --red-400: 227, 93, 106, 1;
    --red-500: 220, 53, 69, 1;
    --red-600: 176, 42, 55, 1;
    --red-700: 132, 32, 41, 1;
    --red-800: 88, 21, 28, 1;
    --red-900: 44, 11, 14, 1;
    --purple-100: 226, 217, 243, 1;
    --purple-200: 197, 179, 230, 1;
    --purple-300: 169, 142, 218, 1;
    --purple-400: 140, 104, 205, 1;
    --purple-500: 111, 66, 193, 1;
    --purple-600: 89, 53, 154, 1;
    --purple-700: 67, 40, 116, 1;
    --purple-800: 44, 26, 77, 1;
    --purple-900: 22, 13, 39, 1;
    --orange-100: 255, 229, 208, 1;
    --orange-200: 254, 203, 161, 1;
    --orange-300: 254, 178, 114, 1;
    --orange-400: 253, 152, 67, 1;
    --orange-500: 253, 126, 20, 1;
    --orange-600: 202, 101, 16, 1;
    --orange-700: 152, 76, 12, 1;
    --orange-800: 101, 50, 8, 1;
    --orange-900: 51, 25, 4, 1;
    --yellow-100: 255, 243, 205, 1;
    --yellow-200: 255, 230, 156, 1;
    --yellow-300: 255, 218, 106, 1;
    --yellow-400: 255, 205, 57, 1;
    --yellow-500: 255, 193, 7, 1;
    --yellow-600: 204, 154, 6, 1;
    --yellow-700: 153, 116, 4, 1;
    --yellow-800: 255, 201, 121, 1;
    --yellow-900: 51, 39, 1, 1;
    --green-100: 209, 231, 221, 1;
    --green-200: 163, 207, 187, 1;
    --green-300: 117, 183, 152, 1;
    --green-400: 71, 159, 118, 1;
    --green-500: 25, 135, 84, 1;
    --green-600: 20, 108, 67, 1;
    --green-700: 15, 81, 50, 1;
    --green-800: 15, 81, 50, 1;
    --green-900: 5, 27, 17, 1;
    --teal-100: 210, 244, 234, 1;
    --teal-200: 166, 233, 213, 1;
    --teal-300: 121, 223, 193, 1;
    --teal-400: 77, 212, 172, 1;
    --teal-500: 32, 201, 151, 1;
    --teal-600: 26, 161, 121, 1;
    --teal-700: 19, 121, 91, 1;
    --teal-800: 19, 121, 91, 1;
    --teal-900: 6, 40, 30, 1;
    --cyan-100: 207, 244, 252, 1;
    --cyan-200: 158, 234, 249, 1;
    --cyan-300: 110, 223, 246, 1;
    --cyan-400: 61, 213, 243, 1;
    --cyan-500: 13, 202, 240, 1;
    --cyan-600: 10, 162, 192, 1;
    --cyan-700: 8, 121, 144, 1;
    --cyan-800: 5, 81, 96, 1;
    --cyan-900: 3, 40, 48, 1;
    --gray-100: 248, 249, 250, 1;
    --gray-200: 233, 236, 239, 1;
    --gray-300: 222, 226, 230, 1;
    --gray-400: 206, 212, 218, 1;
    --gray-500: 173, 181, 189, 1;
    --gray-600: 108, 117, 125, 1;
    --gray-700: 73, 80, 87, 1;
    --gray-800: 52, 58, 64, 1;
    --gray-900: 33, 37, 41, 1;
    --black-100: 27, 27, 27, 1;
    --black-200: 10, 11, 11, 1;
    --black-300: 11, 11, 11, 1;
    --black-400: 0, 3, 2, 1;
    --black-500: 5, 3, 1, 1;
    --black-600: 4, 2, 0, 1;
    --black-700: 6, 6, 6, 1;
    --black-800: 17, 17, 17, 1;
    --black-900: 0, 0, 0, 1;
    --white-100: 246, 246, 247, 1;
    --white-200: 245, 245, 245, 1;
    --white-300: 254, 254, 250, 1;
    --white-400: 245, 254, 253, 1;
    --white-500: 255, 255, 240, 1;
    --white-600: 255, 250, 240, 1;
    --white-700: 255, 245, 238, 1;
    --white-800: 255, 250, 250, 1;
    --white-900: 255, 255, 255, 1;
    --dark-blue-300: 27, 29, 37, 1;
    --dark-blue-400: 17, 19, 27, 1;
    --dark-blue-500: 12, 14, 22, 1;
    --dark-blue-600: 2, 4, 13, 1;
    --dark-blue-700: 2, 22, 47, 1;
    --dark-blue-800: 0, 114, 160, 1;
    --sky-blue-100: 225, 246, 255, 1;
    --sky-blue-200: 205, 240, 255, 1;
    --sky-blue-300: 185, 235, 255, 1;
    --sky-blue-400: 165, 229, 255, 1;
    --sky-blue-500: 145, 224, 255, 1;
    --sky-blue-600: 115, 215, 255, 1;
    --sky-blue-700: 85, 206, 255, 1;
    --sky-blue-800: 55, 198, 255, 1;
    --sky-blue-900: 25, 189, 255, 1;
    --orange-dark-100: 255, 239, 234, 1;
    --orange-dark-200: 255, 207, 191, 1;
    --orange-dark-300: 255, 190, 170, 1;
    --orange-dark-400: 255, 173, 148, 1;
    --orange-dark-500: 255, 156, 126, 1;
    --orange-dark-600: 255, 137, 104, 1;
    --orange-dark-700: 255, 118, 80, 1;
    --orange-dark-800: 255, 97, 52, 1;
    --orange-dark-900: 255, 72, 0, 1;
    --bs-heading-h1: 255, 255, 255;
    --bs-heading-h2: 255, 255, 255;
    --bs-heading-h3: 255, 255, 255;
    --bs-heading-h4: 255, 255, 255;
    --bs-heading-h5: 255, 255, 255;
    --bs-heading-h6: 255, 255, 255
}

[data-bs-theme=dark] body {
    background-color: rgba(var(--bodyBgClr))
}

[data-bs-theme=dark] a {
    color: rgba(var(--bs-link-color-rgb))
}

[data-bs-theme=flately] a:hover {
    color: rgba(var(--bs-link-hover-color))
}

[data-bs-theme=dark] #top_nav_bar .navbar-nav li a {
    color: rgba(var(--menutextclr))
}

[data-bs-theme=dark] .btn-dark,
[data-bs-theme=dark] .btn-dark:not(:disabled):not(.disabled).active,
[data-bs-theme=dark] .btn-dark:not(:disabled):not(.disabled):active {
    background-color: rgba(var(--btnBGDark));
    border-color: rgba(var(--btnBGDark));
    color: rgba(var(--btnTextDark))
}

[data-bs-theme=dark] .btn-dark,
[data-bs-theme=dark] .btn-dark:hover,
[data-bs-theme=dark] .btn-dark.active {
    background-color: rgba(var(--btnBGDark));
    border-color: rgba(var(--btnBGDark));
    color: rgba(var(--btnTextDark))
}

[data-bs-theme=dark] .btn-light,
[data-bs-theme=dark] .btn-light:not(:disabled):not(.disabled).active,
[data-bs-theme=dark] .btn-light:not(:disabled):not(.disabled):active {
    background-color: rgba(var(--btnBGLight));
    border-color: rgba(var(--btnBGLight));
    color: rgba(var(--btnTextLight))
}

[data-bs-theme=dark] .btn-light,
[data-bs-theme=dark] .btn-light:hover,
[data-bs-theme=dark] .btn-light.active {
    background-color: rgba(var(--btnBGLight));
    border-color: rgba(var(--btnBGLight));
    color: rgba(var(--btnTextLight))
}

[data-bs-theme=dark] .btn-secondary,
[data-bs-theme=dark] .btn-secondary:not(:disabled):not(.disabled).active,
[data-bs-theme=dark] .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: rgba(var(--secondaryBgClr));
    border-color: rgba(var(--secondaryBgClr));
    color: rgba(var(--secondaryTxtClr))
}

[data-bs-theme=dark] .btn-secondary:hover,
[data-bs-theme=dark] .btn-secondary.active {
    background: rgba(var(--secondaryBgClr));
    border-color: rgba(var(--secondaryBgClr));
    color: rgba(var(--secondaryTxtClr))
}

[data-bs-theme=dark] .btn-outline-light {
    border-color: rgba(var(--btnBGLight));
    color: rgba(var(--btnBGLight))
}

[data-bs-theme=dark] .btn-outline-dark {
    border-color: rgba(var(--btnBGDark));
    color: rgba(var(--btnBGDark))
}

[data-bs-theme=dark] .btn-outline-secondary:hover,
[data-bs-theme=dark] .btn-outline-secondary:focus {
    background-color: rgba(var(--secondaryBgClr));
    border-color: rgba(var(--secondaryBgClr));
    color: rgba(var(--secondaryTxtClr))
}

[data-bs-theme=dark] .btn-outline-light:hover,
[data-bs-theme=dark] .btn-outline-light:focus {
    background-color: rgba(var(--btnBGLight));
    border-color: rgba(var(--btnBGLight));
    color: rgba(var(--btnTextLight))
}

[data-bs-theme=dark] .btn-outline-dark:hover,
[data-bs-theme=dark] .btn-outline-dark:focus {
    background-color: rgba(var(--btnBGDark));
    border-color: rgba(var(--btnBGDark));
    color: rgba(var(--btnTextDark))
}

[data-bs-theme=dark] .navbar.bg-light {
    background-color: rgba(var(--navBglight)) !important
}

[data-bs-theme=dark] .text-dark {
    color: rgba(var(--bs-dark-rgb))
}

[data-bs-theme=dark] .text-white {
    color: rgba(var(--bs-white-rgb))
}

[data-bs-theme=dark] .bg-dark {
    background-color: rgba(var(--bg-Dark-main)) !important
}

[data-bs-theme=dark] .bg-white {
    background-color: rgba(var(--bg-White-main)) !important
}

[data-bs-theme=dark] .bg-light {
    background-color: rgba(var(--bg-Light-main)) !important
}

[data-bs-theme=dark] .bg-black {
    background-color: rgba(var(--bs-black-rgb)) !important
}

[data-bs-theme=dark] .bg-secondary {
    background-color: rgba(var(--bg-Secondary-main)) !important
}

[data-bs-theme=dark] #top_nav_bar .navbar.navbar-light .nav-link,
[data-bs-theme=dark] #top_nav_bar .navbar.navbar-light .nav-link i {
    color: rgba(var(--menutextclr))
}

[data-bs-theme=flately] .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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.414z'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .inputBox input:not(.form-check-input),
[data-bs-theme=dark] .inputBox textarea,
[data-bs-theme=dark] .pageOverlayCss .form-select,
[data-bs-theme=dark] p-calendar .ui-calendar input,
[data-bs-theme=dark] .inputBox p-multiselect .ui-multiselect,
[data-bs-theme=dark] body .ui-dropdown,
[data-bs-theme=dark] .inputBox p-multiselect,
[data-bs-theme=dark] .inputBox p-dropdown,
[data-bs-theme=dark] .inputBox p-dropdown .ui-dropdown,
[data-bs-theme=dark] .inputBox p-autocomplete,
[data-bs-theme=dark] .inputBox p-autocomplete .ui-autocomplete,
[data-bs-theme=dark] .inputBox p-autocomplete .ui-autocomplete .ui-inputtext,
[data-bs-theme=dark] .inputBox p-tree,
[data-bs-theme=dark] .inputBox p-tree .ui-tree,
[data-bs-theme=dark] .inputBox p-calendar,
[data-bs-theme=dark] .inputBox p-calendar .ui-calendar,
[data-bs-theme=dark] .inputBox p-inputmask,
[data-bs-theme=dark] .inputBox p-inputmask input.ui-inputtext,
[data-bs-theme=dark] .inputBox p-editor,
[data-bs-theme=dark] .p-dropdown,
[data-bs-theme=dark] .p-multiselect,
[data-bs-theme=dark] .p-tree {
    background-color: rgba(var(--inputBg)) !important;
    color: rgba(var(--inputTxt)) !important;
    border-color: rgba(var(--inputborder))
}

[data-bs-theme=dark] .inputBox input:not(.form-check-input):focus,
[data-bs-theme=dark] .form-group input:focus,
[data-bs-theme=dark].form-group input:focus,
[data-bs-theme=dark] .form-group select:focus,
[data-bs-theme=dark] .form-group .form-control:focus,
[data-bs-theme=dark] .form-group textarea:focus,
[data-bs-theme=dark] .form-group .inputBox p-calendar .p-calendar input[type=text]:focus {
    background-color: rgba(var(--inputBg)) !important;
    color: rgba(var(--inputTxt)) !important;
    border-color: rgba(var(--inputborder))
}

[data-bs-theme=dark] .pageOverlayCss .form_group_label label {
    color: rgba(var(--inputlabelClr))
}

[data-bs-theme=dark] .inputBox select:focus,
[data-bs-theme=dark] .inputBox .form-control:focus,
[data-bs-theme=dark] .inputBox textarea:focus,
[data-bs-theme=dark] input.ui-inputtext:focus {
    border: 1px solid rgba(var(--inputFocusborder)) !important;
    background-color: rgba(var(--inputFocusbg)) !important;
    color: rgba(var(--inputFocusTxt)) !important
}

[data-bs-theme=dark] .pageOverlayCss .inputBox.input-group .input-group-text i,
[data-bs-theme=dark] .pageOverlayCss .p-button,
[data-bs-theme=dark] .pageOverlayCss .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button,
[data-bs-theme=dark] .pageOverlayCss .form-control[type=file]::file-selector-button {
    border-color: rgba(var(--inputbtnBorder)) !important;
    color: rgba(var(--inputbtnClr)) !important;
    background: rgba(var(--inputbtnBG)) !important
}

[data-bs-theme=dark] .p-inputtext:enabled:focus,
[data-bs-theme=dark] .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext,
[data-bs-theme=dark] .p-dropdown:not(.p-disabled).p-focus {
    box-shadow: none
}

[data-bs-theme=dark] .pageOverlayCss .p-dropdown-items-wrapper,
[data-bs-theme=dark] .pageOverlayCss .p-datepicker {
    background: rgba(var(--inputBg));
    border: 1px solid rgba(var(--inputborder))
}

[data-bs-theme=dark] .pageOverlayCss .p-dropdown-panel .p-dropdown-items,
[data-bs-theme=dark] .pageOverlayCss .p-multiselect-panel,
[data-bs-theme=dark] .pageOverlayCss .p-multiselect-panel .p-multiselect-header,
[data-bs-theme=dark] .pageOverlayCss .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: rgba(var(--inputBg));
    margin-bottom: 0 !important;
    color: rgba(var(--inputTxt));
    border: 1px solid rgba(var(--inputborder))
}

[data-bs-theme=dark] .pageOverlayCss .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus,
[data-bs-theme=dark] .pageOverlayCss .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus,
[data-bs-theme=dark] .pageOverlayCss .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    background: rgba(var(--inputBg));
    color: rgba(var(--inputTxt))
}

[data-bs-theme=dark] .pageOverlayCss .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover,
[data-bs-theme=dark] .pageOverlayCss .p-checkbox .p-checkbox-box,
[data-bs-theme=dark] .pageOverlayCss .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    background: rgba(var(--inputFocusbg)) !important;
    color: rgba(var(--inputTxt)) !important
}

[data-bs-theme=dark] .pageOverlayCss .p-checkbox .p-checkbox-box {
    border: 2px solid rgba(var(--inputborder))
}

[data-bs-theme=dark] .pageOverlayCss .p-datepicker table th>span,
[data-bs-theme=dark] .pageOverlayCss .p-datepicker table td>span,
[data-bs-theme=dark] .pageOverlayCss .ui-helper-clearfix,
[data-bs-theme=dark] .pageOverlayCss p-multiselect .p-multiselect span.p-element,
[data-bs-theme=dark] .pageOverlayCss p-dropdown .p-dropdown span.p-element,
[data-bs-theme=dark] .pageOverlayCss p-calendar .p-calendar button.p-element.p-button {
    color: rgba(var(--inputTxt))
}

[data-bs-theme=dark] .pageOverlayCss .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover,
[data-bs-theme=dark] .pageOverlayCss .p-datepicker table td.p-datepicker-today>span,
[data-bs-theme=dark] .pageOverlayCss .p-datepicker table td>span.p-highlight,
[data-bs-theme=dark] .pageOverlayCss .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
[data-bs-theme=dark] .pageOverlayCss .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    background: rgba(var(--inputbtnBG)) !important;
    color: rgba(var(--inputTxt))
}

[data-bs-theme=dark] .pageOverlayCss .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
[data-bs-theme=dark] .pageOverlayCss .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: rgba(var(--inputTxt))
}

[data-bs-theme=dark] .pageOverlayCss .inputBox .form-control:disabled,
.inputBox .form-control[readonly] {
    background-color: rgba(var(--inputFocusbg)) !important
}

[data-bs-theme=dark] .nav-pills .nav-item .nav-link {
    color: rgba(var(--pagemenu1TxtClr));
    background-color: rgba(var(--pagemenu1BgClr));
    border-color: rgba(var(--pagemenu1BorderClr))
}

[data-bs-theme=dark] .nav-pills .nav-item .nav-link.active,
[data-bs-theme=dark] .nav-pills .nav-item .nav-link:hover {
    color: rgba(var(--pagemenu1ActTxtClr)) !important;
    background-color: rgba(var(--pagemenu1ActBgClr));
    border-color: rgba(var(--pagemenu1ActBorderClr))
}

[data-bs-theme=dark] .nav.design2 .nav-item .nav-link:after {
    background-color: rgba(var(--pagemenu1ActBorderClr)) !important
}

[data-bs-theme=dark] .modal-body:not(.sidebar_left .modal-body) {
    background-color: rgba(var(--modalbg)) !important
}

[data-bs-theme=dark] .modal-header:not(.sidebar_left .modal-header),
[data-bs-theme=dark] .modal-footer:not(.sidebar_left .modal-footer) {
    background-color: rgba(var(--modalbg)) !important
}

[data-bs-theme=dark] #top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link:hover,
[data-bs-theme=dark] #top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link.active,
[data-bs-theme=dark] #top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link:hover i,
[data-bs-theme=dark] #top_nav_bar .navbar.navbar-dark .navbar-nav .nav-link.active i {
    color: rgba(var(--navtopMenuActiveTxtClr)) !important;
    background-color: rgba(var(--navtopMenuActiveBgClr)) !important
}

[data-bs-theme=dark] #top_nav_bar.bg-dark.navbar-dark,
[data-bs-theme=dark] #top_nav_bar .navbar.bg-dark.navbar-dark {
    background-color: rgba(var(--navBgdark)) !important
}

[data-bs-theme=dark] .header_Blk,
[data-bs-theme=dark] .header_cell {
    background-color: transparent;
    color: rgba(var(--gridHeaderTxtClr))
}

[data-bs-theme=dark] .table-area.masterdiv input {
    border: 1px rgba(var(--gridBorderClr)) solid;
    background-color: rgba(var(--inputBg));
    color: rgba(var(--inputTxt))
}

[data-bs-theme=dark] .dashboard_wrapperMain #top_nav_bar.stickyHeader .navbar .navbar-nav .nav-link {
    color: rgba(var(--menutextclr)) !important
}

[data-bs-theme=dark] .footerDiv,
[data-bs-theme=dark] .footerDiv .bottom-row,
[data-bs-theme=dark] .footerDiv .play-div {
    background-color: rgba(var(--bodyBgClr)) !important
}

[data-bs-theme=dark] .bg-box-new {
    background-color: rgba(var(--bodyBgClr)) !important;
    border-color: rgba(var(--bg-White-main)) !important
}

[data-bs-theme=dark] .bg-box-new .eventcontent {
    background-color: rgba(var(--bg-White-main))
}

[data-bs-theme=dark] .adminpanelbox {
    background-color: rgba(var(--sbLevel1BgClr)) !important;
    border-bottom-color: #fff3 !important
}

[data-bs-theme=dark] .nav_left_menu {
    background-color: rgba(var(--sbLevel1BgClr)) !important
}

[data-bs-theme=dark] .nav_left_menu .bg-6 {
    background-color: #ff9f4f !important
}

[data-bs-theme=dark] .border-secondaryClr {
    border-bottom-color: #292931
}

[data-bs-theme=dark] .card,
[data-bs-theme=dark] .directoryTab .border {
    border-color: #313840 !important
}

[data-bs-theme=dark] .border-secondaryClr,
[data-bs-theme=dark] .directoryTab .border-bottom {
    border-bottom-color: #313840 !important
}

[data-bs-theme=dark] .dashboard_content .table-area.masterdiv .sag_grid {
    background-color: rgba(var(--gridBgClr)) !important
}

[data-bs-theme=dark] app-admindashboard .sidebar ul li a {
    color: #b9b9b9
}

[data-bs-theme=dark] .header_Blk,
[data-bs-theme=dark] .header_cell {
    background-color: rgba(var(--gridHeaderBgClr)) !important;
    color: rgba(var(--gridHeaderTxtClr)) !important
}

[data-bs-theme=dark] .totalFooter,
[data-bs-theme=dark] .footerGrid {
    background-color: rgba(var(--gridHeaderBgClr)) !important
}

[data-bs-theme=dark] .header_Blk,
[data-bs-theme=dark] .sag_grid,
[data-bs-theme=dark] .header_div,
[data-bs-theme=dark] .child_header,
[data-bs-theme=dark] .header_cell,
[data-bs-theme=dark] .center-tbl-header .header_row .header_cell:last-child,
[data-bs-theme=dark] .grid_row,
[data-bs-theme=dark] .grid_cell,
[data-bs-theme=dark] .table_body {
    border-color: rgba(var(--gridBorderClr))
}

[data-bs-theme=dark] .table_body .sagRow:nth-child(2n) {
    background: rgba(var(--gridEvenBg));
    color: rgba(var(--gridEvenClr))
}

[data-bs-theme=dark] .table_body .sagRow:nth-child(odd) {
    background: rgba(var(--gridOddBg));
    color: rgba(var(--gridOddClr))
}

[data-bs-theme=dark] .sagRow.gridRowHoverClass:hover {
    background: rgba(var(--gridRowhover)) !important;
    color: rgba(var(--gridRowhoverClr)) !important
}

[data-bs-theme=dark] .gridCellHoverClass:hover {
    background: rgba(var(--gridCellhover)) !important;
    color: rgba(var(--gridCellhoverClr)) !important
}

[data-bs-theme=dark] .totalFooter .totalField,
[data-bs-theme=dark] .sag_grid {
    background-color: rgba(var(--gridBgClr)) !important;
    color: rgba(var(--gridTxtClr)) !important
}

[data-bs-theme=dark] .sml_slectedRow {
    background-color: rgba(var(--gridSelectBgClr)) !important;
    color: rgba(var(--gridSelectTxtClr)) !important
}

[data-bs-theme=dark] .table-area.masterdiv input {
    border: 1px rgba(var(--gridBorderClr)) solid
}

[data-bs-theme=dark] .form-area {
    background: rgba(var(--card-bg)) !important
}

[data-bs-theme=dark] .offcanvas {
    background-color: rgba(var(--offcanvas-bg)) !important
}

[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid,
[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid .dropdowndiv_commonsearch #select_commonsearch,
[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid .inputInnerWrapper #searchInput_commonsearch,
[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid .rowPerPage .form-select {
    border-color: #303239 !important
}

[data-bs-theme=dark] .dashboard_content .table-area.masterdiv .rowPerPage label {
    color: rgba(var(--gridTxtClr))
}

[data-bs-theme=dark] .table-area.masterdiv .header_div .header_cell .sagGridFilter img {
    filter: brightness(1)
}

[data-bs-theme=dark] .p-datepicker:not(.p-datepicker-inline) {
    border: 1px solid;
    border-color: #313840 !important;
    color: #fff;
    background-color: rgba(var(--cardbg)) !important
}

[data-bs-theme=dark] .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background-color: rgba(var(--cardbg)) !important;
    color: rgba(var(----white-800))
}

[data-bs-theme=dark] .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header .p-icon-wrapper svg {
    filter: invert(1)
}

[data-bs-theme=dark] .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header .p-datepicker-title .p-link {
    color: rgba(var(----white-800))
}

[data-bs-theme=dark] .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: var(--bs-gray-800);
    color: rgba(var(----white-800))
}

[data-bs-theme=dark] .directory_box_content h6 span:not(:first-child) {
    color: var(--bs-body-bg) !important
}

[data-bs-theme=dark] .modal .modal-content .modal-header button[data-bs-dismiss=modal] {
    filter: invert(0)
}

[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #SdmtcommonFilter,
[data-bs-theme=dark] .namelist_commansearch button.btn.btn-secondary.dropdown-toggle,
[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid #dropdownMenuButton1.btn {
    background-color: rgba(var(--gridHeaderBgClr)) !important
}

[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid #commonFilter #SdmtcommonFilter img,
[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid #dropdownMenuButton1.btn img {
    filter: invert(1) brightness(2.5)
}

[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul .dropDownHeader span,
[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul li {
    color: rgba(var(--inputTxt)) !important
}

[data-bs-theme=dark] .dashboard_content .table-area.masterdiv #exportBtnID ul li:hover {
    color: rgb(var(--btnTextDark)) !important
}

[data-bs-theme=dark] .dashboard_content .table-area.masterdiv.webViewNewGrid #exportBtnID ul .dropDownHeader .icCloseIcon {
    filter: invert(1)
}

[data-bs-theme=dark] .p-dropdown-panel .p-dropdown-header {
    background-color: rgba(var(--inputBg)) !important
}

[data-bs-theme=dark] .form-group .form-select {
    background: url(/media/required.png) no-repeat top left / 1vh 1vh, 3vh, 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") no-repeat right .75rem center / 25px 15px !important
}

[data-bs-theme=dark] .mainPage .full-modal .form-group select:focus,
[data-bs-theme=dark] .mainPage .full-modal .form-group .form-control:focus,
[data-bs-theme=dark] .mainPage .full-modal .form-group textarea:focus,
[data-bs-theme=dark] .mainPage .full-modal .form-group input:focus,
[data-bs-theme=dark] .mainPage .full-modal .form-group .inputBox p-calendar .p-calendar input[type=text]:focus [data-bs-theme=dark] .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    color: rgb(var(--bs-dark-rgb)) !important
}

[data-bs-theme=dark] .filesingle .fileuploadDesign,
[data-bs-theme=dark] .filesingle .preview .previewUl .previewLi {
    background: transparent;
    border-color: rgba(var(--inputborder))
}

[data-bs-theme=dark] .iq-customizer .custom-select_,
[data-bs-theme=dark] .iq-customizer .form-select,
[data-bs-theme=dark] .iq-customizer .form-control,
[data-bs-theme=dark] .iq-customizer .form-control:focus {
    color: #334155 !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important
}

[data-bs-theme=dark] .p-editor-container .p-editor-toolbar.ql-snow,
[data-bs-theme=dark] .p-editor-container .p-editor-content.ql-snow {
    background: rgba(var(--inputBg)) !important;
    border-color: rgba(var(--inputborder))
}

[data-bs-theme=dark] .p-editor-container .p-editor-content .ql-editor {
    background: transparent
}

[data-bs-theme=dark] .ql-editor.ql-blank:before {
    color: rgba(var(--inputTxt)) !important
}

[data-bs-theme=dark] .teamdesign15 .teamcontent .profilebox h6 {
    color: rgba(var(--textWhite)) !important
}

.text_box1 {
    justify-content: center;
    height: 100%;
    display: flex;
    flex-direction: column
}

.heading_toast {
    margin: 0;
    font-weight: 700;
    font-size: 18px
}

.toast_con {
    height: 60px
}

.toast_info {
    background-color: #bae7fc
}

.toast_warn {
    background-color: #ffeeba
}

.toast_alert,
.toast_error {
    background-color: #ffd2d6
}

.toast_success {
    background-color: #cde8ce
}

#ujx_toast .toast_info #img {
    background-color: #219cd3;
    color: #fff
}

#ujx_toast .toast_warn #img {
    background-color: #dcac1a;
    color: #fff
}

#ujx_toast .toast_alert #img,
#ujx_toast .toast_error #img {
    background-color: #e81a2e;
    color: #fff
}

#ujx_toast .toast_success #img {
    background-color: #569e58;
    color: #fff
}

#ujx_toast {
    visibility: hidden;
    max-width: 50px;
    border-radius: 2px;
    position: fixed;
    left: auto;
    right: 0;
    bottom: 10px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 9999;
    margin-right: 2px
}

#ujx_toast #img {
    width: 50px;
    height: 60px;
    float: left;
    box-sizing: border-box;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    margin-right: 10px;
    z-index: 9999
}

#ujx_toast #desc {
    color: #385c39;
    overflow: hidden;
    white-space: nowrap
}

#ujx_toast.ujx_show {
    visibility: visible;
    -webkit-animation: fadein .5s, expand .5s .5s, stay 3s 1s, shrink .5s 2s, fadeout .5s 2.5s;
    animation: fadein .5s, expand .5s .5s, stay 3s 1s, shrink .5s 4s, fadeout .5s 4.5s
}

@-webkit-keyframes fadein {
    0% {
        bottom: 10px;
        opacity: 0
    }

    to {
        bottom: 10px;
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        bottom: 10px;
        opacity: 0
    }

    to {
        bottom: 10px;
        opacity: 1
    }
}

@-webkit-keyframes expand {
    0% {
        min-width: 50px
    }

    to {
        min-width: 350px
    }
}

@keyframes expand {
    0% {
        min-width: 50px
    }

    to {
        min-width: 350px
    }
}

@-webkit-keyframes stay {
    0% {
        min-width: 350px
    }

    to {
        min-width: 350px
    }
}

@keyframes stay {
    0% {
        min-width: 350px
    }

    to {
        min-width: 350px
    }
}

@-webkit-keyframes shrink {
    0% {
        min-width: 350px
    }

    to {
        min-width: 50px
    }
}

@keyframes shrink {
    0% {
        min-width: 350px
    }

    to {
        min-width: 50px
    }
}

@-webkit-keyframes fadeout {
    0% {
        bottom: 10px;
        opacity: 1
    }

    to {
        bottom: 10px;
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        bottom: 10px;
        opacity: 1
    }

    to {
        bottom: 10px;
        opacity: 0
    }
}