:root,
[data-bs-theme=light] {
    --bs-blue: #26c6f9;
    --bs-indigo: #666cff;
    --bs-purple: #6f42c1;
    --bs-pink: #e83e8c;
    --bs-red: #ff4d49;
    --bs-orange: #fdb528;
    --bs-yellow: #ffd950;
    --bs-green: #72e128;
    --bs-teal: #20c997;
    --bs-cyan: #28c3d7;
    --bs-black: #262b43;
    --bs-white: #fff;
    --bs-gray: rgba(38, 43, 67, 0.6);
    --bs-gray-dark: rgba(38, 43, 67, 0.8);
    --bs-gray-25: rgba(38, 43, 67, 0.015);
    --bs-gray-50: rgba(38, 43, 67, 0.03);
    --bs-primary: #666cff;
    --bs-secondary: #6d788d;
    --bs-success: #72e128;
    --bs-info: #26c6f9;
    --bs-warning: #fdb528;
    --bs-danger: #ff4d49;
    --bs-light: #dfdfe3;
    --bs-dark: #4b4b4b;
    --bs-gray: rgba(38, 43, 67, 0.06);
    --bs-primary-rgb: 102, 108, 255;
    --bs-secondary-rgb: 109, 120, 141;
    --bs-success-rgb: 114, 225, 40;
    --bs-info-rgb: 38, 198, 249;
    --bs-warning-rgb: 253, 181, 40;
    --bs-danger-rgb: 255, 77, 73;
    --bs-light-rgb: 223, 223, 227;
    --bs-dark-rgb: 75, 75, 75;
    --bs-gray-rgb: 38, 43, 67;
    --bs-primary-text-emphasis: #292b66;
    --bs-secondary-text-emphasis: #2c3038;
    --bs-success-text-emphasis: #2e5a10;
    --bs-info-text-emphasis: #0f4f64;
    --bs-warning-text-emphasis: #654810;
    --bs-danger-text-emphasis: #661f1d;
    --bs-light-text-emphasis: rgba(38, 43, 67, 0.7);
    --bs-dark-text-emphasis: rgba(38, 43, 67, 0.7);
    --bs-primary-bg-subtle: #e0e2ff;
    --bs-secondary-bg-subtle: #e2e4e8;
    --bs-success-bg-subtle: #e3f9d4;
    --bs-info-bg-subtle: #d4f4fe;
    --bs-warning-bg-subtle: #fff0d4;
    --bs-danger-bg-subtle: #ffdbdb;
    --bs-light-bg-subtle: rgba(248, 249, 249, 0.53);
    --bs-dark-bg-subtle: rgba(38, 43, 67, 0.401);
    --bs-primary-border-subtle: #c2c4ff;
    --bs-secondary-border-subtle: #c5c9d1;
    --bs-success-border-subtle: #c7f3a9;
    --bs-info-border-subtle: #a8e8fd;
    --bs-warning-border-subtle: #fee1a9;
    --bs-danger-border-subtle: #ffb8b6;
    --bs-light-border-subtle: rgba(38, 43, 67, 0.12);
    --bs-dark-border-subtle: rgba(38, 43, 67, 0.5);
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 38, 43, 67;
    --bs-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-root-font-size: 16px;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9375rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.375;
    --bs-body-color: #44544A;
    --bs-body-color-rgb: 103, 107, 123;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 247, 247, 249;
    --bs-emphasis-color: #262b43;
    --bs-emphasis-color-rgb: 38, 43, 67;
    --bs-secondary-color: rgba(103, 107, 123, 0.75);
    --bs-secondary-color-rgb: 103, 107, 123;
    --bs-secondary-bg: rgba(38, 43, 67, 0.12);
    --bs-secondary-bg-rgb: 38, 43, 67;
    --bs-tertiary-color: rgba(103, 107, 123, 0.5);
    --bs-tertiary-color-rgb: 103, 107, 123;
    --bs-tertiary-bg: rgba(38, 43, 67, 0.06);
    --bs-tertiary-bg-rgb: 38, 43, 67;
    --bs-heading-color: #3b4056;
    --bs-link-color: #666cff;
    --bs-link-color-rgb: 102, 108, 255;
    --bs-link-decoration: none;
    --bs-link-hover-color: #5c61e6;
    --bs-link-hover-color-rgb: 92, 97, 230;
    --bs-code-color: #e83e8c;
    --bs-highlight-color: #676b7b;
    --bs-highlight-bg: #fff7dc;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #e5e6e8;
    --bs-border-color-translucent: rgba(38, 43, 67, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 0.625rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
    --bs-box-shadow-sm: 0 0.125rem 0.625rem 0 rgba(38, 43, 67, 0.16);
    --bs-box-shadow-lg: 0 0.375rem 1.25rem 0 rgba(38, 43, 67, 0.18);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(38, 43, 67, 0.075);
    --bs-focus-ring-width: 0.15rem;
    --bs-focus-ring-opacity: 0.75;
    --bs-focus-ring-color: rgba(38, 43, 67, 0.75);
    --bs-form-valid-color: #72e128;
    --bs-form-valid-border-color: #72e128;
    --bs-form-invalid-color: #ff4d49;
    --bs-form-invalid-border-color: #ff4d49;
}

body {
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -moz-font-feature-settings: "liga" on;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
    button.list-group-item {
        outline: none;
    }
}

.app-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    z-index: 3;
    transition: all 0.25s ease;
}

    .app-overlay.show {
        visibility: visible;
    }

.light-style .app-overlay {
    background-color: rgba(38, 43, 67, 0.5);
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 992px) {
    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

.img-thumbnail {
    position: relative;
    display: block;
}

    .img-thumbnail img {
        z-index: 1;
    }

.img-thumbnail-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: block;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: translate(-50%, -50%);
}

.img-thumbnail:hover .img-thumbnail-content, .img-thumbnail:focus .img-thumbnail-content {
    opacity: 1;
}

.img-thumbnail-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    transition: all 0.2s ease-in-out;
}

.img-thumbnail:not(:hover):not(:focus) .img-thumbnail-overlay {
    opacity: 0 !important;
}

.img-thumbnail-shadow {
    transition: box-shadow 0.2s;
}

    .img-thumbnail-shadow:hover, .img-thumbnail-shadow:focus {
        box-shadow: 0 5px 20px rgba(38, 43, 67, 0.4);
    }

.img-thumbnail-zoom-in {
    overflow: hidden;
}

    .img-thumbnail-zoom-in img {
        transition: all 0.3s ease-in-out;
        transform: translate3d(0);
    }

    .img-thumbnail-zoom-in .img-thumbnail-content {
        transform: translate(-50%, -50%) scale(0.6);
    }

    .img-thumbnail-zoom-in:hover img, .img-thumbnail-zoom-in:focus img {
        transform: scale(1.1);
    }

    .img-thumbnail-zoom-in:hover .img-thumbnail-content, .img-thumbnail-zoom-in:focus .img-thumbnail-content {
        transform: translate(-50%, -50%) scale(1);
    }

@keyframes dropdownAnimation {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .card,
    .card-body,
    .media,
    .flex-column,
    .tab-content {
        min-height: 1px;
    }

    img {
        min-height: 1px;
        height: auto;
    }
}

[dir=rtl] body {
    text-align: right;
    direction: rtl;
}

.buy-now .btn-buy-now {
    position: fixed;
    bottom: 3rem;
    right: 1.5rem;
    z-index: 1080;
    box-shadow: 0 1px 20px 1px #ea5455 !important;
}

[dir=rtl] .buy-now .btn-buy-now {
    left: 1.5rem;
    right: inherit;
}

.buy-now .btn-buy-now:hover {
    box-shadow: none !important;
}

.ui-square,
.ui-rect,
.ui-rect-30,
.ui-rect-60,
.ui-rect-67,
.ui-rect-75 {
    position: relative !important;
    display: block !important;
    padding-top: 100% !important;
    width: 100% !important;
}

.ui-square {
    padding-top: 100% !important;
}

.ui-rect {
    padding-top: 50% !important;
}

.ui-rect-30 {
    padding-top: 30% !important;
}

.ui-rect-60 {
    padding-top: 60% !important;
}

.ui-rect-67 {
    padding-top: 67% !important;
}

.ui-rect-75 {
    padding-top: 75% !important;
}

.ui-square-content,
.ui-rect-content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

.text-strike-through {
    text-decoration: line-through;
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ui-stars,
.ui-star,
.ui-star > * {
    height: 1.1em;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.ui-stars {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.ui-star {
    position: relative;
    display: block;
    float: left;
    width: 1.1em;
    height: 1.1em;
    text-decoration: none !important;
    font-size: 1.1em;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

[dir=rtl] .ui-star {
    float: right;
}

.ui-star + .ui-star {
    margin-left: -0.1em;
}

[dir=rtl] .ui-star + .ui-star {
    margin-right: -0.1em;
    margin-left: 0;
}

.ui-star > *,
.ui-star > *::before,
.ui-star > *::after {
    position: absolute;
    left: 0.55em;
    height: 100%;
    font-size: 1em;
    line-height: 1;
    transform: translateX(-50%);
}

[dir=rtl] .ui-star > *,
[dir=rtl] .ui-star > *::before,
[dir=rtl] .ui-star > *::after {
    right: 0.55em;
    left: auto;
    transform: translateX(50%);
}

.ui-star > * {
    top: 0;
    width: 100%;
    text-align: center;
}

    .ui-star > *:first-child {
        z-index: 10;
        display: none;
        overflow: hidden;
        color: #ffd950;
    }

    .ui-star > *:last-child {
        z-index: 5;
        display: block;
    }

.ui-star.half-filled > *:first-child {
    width: 50%;
    transform: translateX(-100%);
}

[dir=rtl] .ui-star.half-filled > *:first-child {
    transform: translateX(100%);
}

.ui-star.filled > *:first-child, .ui-star.half-filled > *:first-child {
    display: block;
}

.ui-star.filled > *:last-child {
    display: none;
}

.ui-stars.hoverable .ui-star > *:first-child {
    display: block;
}

.ui-stars.hoverable .ui-star:first-child:not(.filled) > *:first-child,
.ui-stars.hoverable .ui-star:first-child:not(.filled) ~ .ui-star > *:first-child,
.ui-stars.hoverable .ui-star:first-child:not(.half-filled) > *:first-child,
.ui-stars.hoverable .ui-star:first-child:not(.half-filled) ~ .ui-star > *:first-child {
    display: none;
}

.ui-stars.hoverable .ui-star.filled > *:first-child,
.ui-stars.hoverable .ui-star.half-filled > *:first-child {
    display: block !important;
}

.ui-stars.hoverable:hover .ui-star > *:first-child {
    display: block !important;
    width: 100% !important;
    transform: translateX(-50%) !important;
}

[dir=rtl] .ui-stars.hoverable:hover .ui-star > *:first-child {
    transform: translateX(50%) !important;
}

.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:first-child {
    display: none !important;
}

.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:last-child {
    display: block !important;
}

.ui-bg-cover {
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-size: cover;
}

.ui-bg-overlay-container,
.ui-bg-video-container {
    position: relative;
}

    .ui-bg-overlay-container > *,
    .ui-bg-video-container > * {
        position: relative;
    }

    .ui-bg-overlay-container .ui-bg-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
    }

.light-style .ui-bordered {
    border: 1px solid #e5e6e8;
}

.light-style .ui-star > *:last-child {
    color: rgba(38, 43, 67, 0.12);
}

.menu {
    display: flex;
}

    .menu .app-brand {
        width: 100%;
        transition: padding 0.3s ease-in-out;
    }

    .menu .ps__thumb-y,
    .menu .ps__rail-y {
        width: 0.125rem !important;
    }

    .menu .ps__rail-y {
        right: 0.25rem !important;
        left: auto !important;
        background: none !important;
    }

[dir=rtl] .menu .ps__rail-y {
    right: auto !important;
    left: 0.25rem !important;
}

.menu .ps__rail-y:hover,
.menu .ps__rail-y:focus,
.menu .ps__rail-y.ps--clicking,
.menu .ps__rail-y:hover > .ps__thumb-y,
.menu .ps__rail-y:focus > .ps__thumb-y,
.menu .ps__rail-y.ps--clicking > .ps__thumb-y {
    width: 0.375rem !important;
}

.menu-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.menu-inner-shadow {
    display: none;
    position: absolute;
    top: 3.5rem;
    width: 100%;
    pointer-events: none;
    z-index: 2;
}

@media (min-width: 1200px) {
    .menu-inner-shadow {
        height: 3rem;
    }
}

@media (max-width: 1199.98px) {
    .menu-inner-shadow {
        height: 1.5rem;
    }
}

html:not(.layout-menu-fixed) .menu-inner-shadow {
    display: none !important;
}

.menu-item {
    align-items: flex-start;
    justify-content: flex-start;
}

    .menu-item.menu-item-animating {
        transition: height 0.3s ease-in-out;
    }

.menu-item,
.menu-header,
.menu-divider,
.menu-block {
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-header {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

    .menu-header .menu-header-text {
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
        text-transform: uppercase;
        font-size: 0.8125rem;
        letter-spacing: 0.4px;
        white-space: nowrap;
        color: #a8aab4;
    }

.menu-inner > .menu-header {
    display: flex;
    white-space: nowrap;
    line-height: normal;
    width: 100%;
    flex-direction: row;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .menu-inner > .menu-header {
        width: 90%;
    }
}

.menu-inner > .menu-header::before, .menu-inner > .menu-header::after {
    content: "";
    display: block;
    height: 1px;
    background-color: #e5e6e8;
}

html:not([dir=rtl]) .menu-inner > .menu-header::before {
    width: 8%;
    margin-left: -0.75rem;
    margin-right: 0.5rem;
}

[dir=rtl] .menu-inner > .menu-header::before {
    width: 15%;
    margin-right: -0.75rem;
    margin-left: 0.5rem;
}

.menu-inner > .menu-header::after {
    width: 90%;
}

html:not([dir=rtl]) .menu-inner > .menu-header::after {
    margin-left: 0.5rem;
}

[dir=rtl] .menu-inner > .menu-header::after {
    margin-right: 0.5rem;
}

.menu-icon {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 0.5rem;
    line-height: 1;
}

    .menu-icon::before {
        font-size: 1.375rem;
    }

.menu:not(.menu-no-animation) html:not([dir=rtl]) .menu-icon {
    transition: margin-right 0.3s ease;
}

[dir=rtl] .menu-icon {
    margin-right: 0;
    margin-left: 0.5rem;
}

.menu:not(.menu-no-animation) [dir=rtl] .menu-icon {
    transition: margin-left 0.3s ease;
}

.menu-link {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    margin: 0;
}

.menu-item.active > .menu-link {
    font-weight: 400;
}

.menu-item.disabled .menu-link {
    cursor: not-allowed !important;
}

.menu-link > :not(.menu-icon) {
    flex: 0 1 auto;
    opacity: 1;
}

.menu-sub {
    display: none;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.menu:not(.menu-no-animation) .menu-sub {
    transition: background-color 0.3s;
}

.menu-item.open > .menu-sub {
    display: flex;
}

.menu-toggle::after {
    position: absolute;
    top: 50%;
    display: block;
    font-family: "remixicon";
    font-size: 1.375rem;
    color: #3b4056;
    transform: translateY(-50%);
}

html:not([dir=rtl]) .menu-toggle::after {
    content: "\ea6e";
}

[dir=rtl] .menu-toggle::after {
    content: "\ea64";
}

.menu:not(.menu-no-animation) .menu-toggle::after {
    transition-duration: 0.3s;
    transition-property: transform;
}

.menu-divider {
    width: 100%;
    border: 0;
    border-top: 1px solid;
}

.menu-vertical {
    overflow: hidden;
    flex-direction: column;
}

    .menu-vertical:not(.menu-no-animation) {
        transition: width 0.3s;
    }

    .menu-vertical,
    .menu-vertical .menu-block,
    .menu-vertical .menu-inner > .menu-item {
        width: 16.25rem;
    }

        .menu-vertical .menu-inner {
            flex-direction: column;
            flex: 1 1 auto;
        }

            .menu-vertical .menu-inner .menu-item {
                margin: 0.25rem 0 0;
            }

                .menu-vertical .menu-inner .menu-item.active > .menu-link {
                    font-weight: 400;
                }

                    .menu-vertical .menu-inner .menu-item.active > .menu-link:not(.menu-toggle) {
                        box-shadow: 0 0.125rem 0.375rem 0 rgba(38, 43, 67, 0.14);
                    }

        .menu-vertical .menu-item .menu-link,
        .menu-vertical .menu-header,
        .menu-vertical .menu-block {
            padding: 0.437rem 0.75rem;
            margin-block: 0;
            margin-inline: 0.75rem;
            border-radius: 0.5rem;
        }

@media (min-width: 1200px) {
    .menu-vertical .menu-header:has(.menu-header-text) {
        padding-right: 1.65rem;
    }

    [dir=rtl] .menu-vertical .menu-header:has(.menu-header-text) {
        padding-left: 1.65rem;
    }
}

@media (max-width: 1199.98px) {
    html:not([dir=rtl]) .menu-vertical .menu-header:has(.menu-header-text) {
        padding-right: 0;
    }

    [dir=rtl] .menu-vertical .menu-header:has(.menu-header-text) {
        padding-left: 0;
    }
}

.menu-vertical .menu-item .menu-link {
    font-size: 0.9375rem;
    letter-spacing: 0.15px;
    min-height: 38px;
    text-decoration : none;
}

    .menu-vertical .menu-item .menu-link > div:not(.badge) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1.467;
    }

    .menu-vertical .menu-item .menu-link.waves-effect:focus .waves-ripple {
        background: radial-gradient(rgba(38, 43, 67, 0.1) 0, rgba(38, 43, 67, 0.15) 70%, rgba(38, 43, 67, 0.2) 80%, rgba(38, 43, 67, 0.25) 90%, rgba(255, 255, 255, 0) 95%);
    }

    .menu-vertical .menu-item .menu-link:hover {
        background-color: rgba(38, 43, 67, 0.06);
    }

.light-style .menu-vertical .menu-item.active > .menu-toggle,
.light-style .menu-vertical .menu-item.open > .menu-toggle {
    background-color: rgba(38, 43, 67, 0.08);
}

.menu-vertical .menu-item .menu-toggle {
    padding-right: calc(0.75rem + 1.68em);
}

[dir=rtl] .menu-vertical .menu-item .menu-toggle {
    padding-right: 0.75rem;
    padding-left: calc(0.75rem + 1.68em);
}

.menu-vertical .menu-item .menu-toggle::after {
    right: calc(0.75rem - 0.2rem);
}

[dir=rtl] .menu-vertical .menu-item .menu-toggle::after {
    right: auto;
    left: calc(0.75rem - 0.2rem);
}

.menu-vertical .menu-item.open:not(.menu-item-closing) > .menu-link:after {
    transform: translateY(-50%) rotate(90deg);
}

[dir=rtl] .menu-vertical .menu-item.open:not(.menu-item-closing) > .menu-link:after {
    transform: translateY(-50%) rotate(-90deg);
}

.menu-vertical .menu-divider {
    margin-top: 0.437rem;
    margin-bottom: 0.437rem;
    padding: 0;
}

.menu-vertical .menu-sub .menu-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub > .menu-item > .menu-link::before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50rem;
    background: currentColor;
    position: absolute;
    left: 1.1875rem;
    color: #a8aab4;
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub > .menu-item > .menu-link::before {
    right: 1.1875rem;
    left: inherit;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-sub .menu-icon {
    margin-right: 0;
}

@media (max-width: 1199.98px) {
    .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-sub .menu-icon {
        display: none;
    }
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-sub .menu-icon {
    margin-left: 0;
}

.menu-vertical .menu-horizontal-wrapper {
    flex: none;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link {
    padding-left: 2.55rem;
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link {
    padding-right: 2.55rem;
    padding-left: 0.75rem;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-link {
    padding-left: 3.1rem;
}

    .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-link::before {
        left: 1.75rem;
    }

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-link::before {
    right: 1.75rem;
    left: inherit;
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-link {
    padding-right: 3.1rem;
    padding-left: 0.75rem;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-link {
    padding-left: 4.1rem;
}

    .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-link::before {
        left: 2.75rem;
    }

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-link::before {
    right: 2.75rem;
    left: inherit;
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-link {
    padding-right: 4.1rem;
    padding-left: 0.75rem;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-left: 5.1rem;
}

    .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-link::before {
        left: 3.75rem;
    }

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-link::before {
    right: 3.75rem;
    left: inherit;
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-right: 5.1rem;
    padding-left: 0.75rem;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-left: 6.1rem;
}

    .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link::before {
        left: 4.75rem;
    }

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link::before {
    right: 4.75rem;
    left: inherit;
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-right: 6.1rem;
    padding-left: 0.75rem;
}

.layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-link {
    padding-left: 0.975rem;
}

[dir=rtl] .layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-link {
    padding-right: 0.975rem;
    padding-left: 0.75rem;
}

.layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-sub .menu-link {
    padding-left: 1.975rem;
}

[dir=rtl] .layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-sub .menu-link {
    padding-right: 1.975rem;
    padding-left: 0.75rem;
}

.layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-left: 2.975rem;
}

[dir=rtl] .layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-right: 2.975rem;
    padding-left: 0.75rem;
}

.layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-left: 3.975rem;
}

[dir=rtl] .layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-right: 3.975rem;
    padding-left: 0.75rem;
}

.layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-link .menu-icon {
    margin-right: 1rem;
}

[dir=rtl] .layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-link .menu-icon {
    margin-right: 0;
    margin-left: 1rem;
}

.layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-sub .menu-link .menu-icon:before {
    display: flex;
    font-size: 0.5rem;
}

.menu-collapsed:not(:hover) {
    width: 4.375rem;
}

    .menu-collapsed:not(:hover) .menu-inner > .menu-item {
        width: 4.375rem;
    }

    .menu-collapsed:not(:hover) .menu-item .menu-toggle {
        padding-right: calc(0.75rem + 0.3125rem);
    }

    .menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link,
    .menu-collapsed:not(:hover) .menu-inner > .menu-block,
    .menu-collapsed:not(:hover) .menu-inner > .menu-header {
        padding-left: 0.72rem;
        margin-inline-end: 0.75rem;
    }

    .menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-item > .menu-link,
    .menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-block,
    .menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-header {
        padding-left: 0.75rem;
    }

    .menu-collapsed:not(:hover) .menu-inner > .menu-header,
    .menu-collapsed:not(:hover) .menu-block {
        width: 16.25rem;
    }

        .menu-collapsed:not(:hover) .menu-inner > .menu-header .menu-header-text,
        .menu-collapsed:not(:hover) .menu-block .menu-header-text {
            overflow: hidden;
            opacity: 0;
        }

        .menu-collapsed:not(:hover) .menu-inner > .menu-header::before {
            margin-left: 0;
            width: 18%;
        }

    .menu-collapsed:not(:hover) .app-brand {
        padding-left: 1rem;
    }

    .menu-collapsed:not(:hover) .menu-inner > .menu-item div:not(.menu-block) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 0;
    }

    .menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-sub,
    .menu-collapsed:not(:hover) .menu-inner > .menu-item.open > .menu-sub {
        display: none;
    }

    .menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-toggle::after {
        display: none;
    }

    .menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link .menu-icon {
        text-align: center;
        margin: 0;
    }

[dir=rtl] .menu-collapsed:not(:hover) .menu-block {
    width: 4.375rem !important;
}

[dir=rtl] .menu-collapsed:not(:hover) .menu-inner > .menu-item:not(:has(.menu-sub)) > .menu-link .menu-icon {
    margin-right: -0.01375rem;
}

[dir=rtl] .menu-collapsed:not(:hover) .menu-inner > .menu-header,
[dir=rtl] .menu-collapsed:not(:hover) .menu-block {
    margin-right: 4.375rem;
    margin-left: 0;
    padding-right: 0.5rem;
    padding-left: 1rem;
}

    [dir=rtl] .menu-collapsed:not(:hover) .menu-inner > .menu-header::before,
    [dir=rtl] .menu-collapsed:not(:hover) .menu-block::before {
        right: -2.625rem;
        left: auto;
    }

[dir=rtl] .menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link .menu-icon {
    margin-right: -0.3rem;
    margin-left: 0;
}

.menu-horizontal {
    flex-direction: row;
    width: 100%;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

    .menu-horizontal .menu-inner {
        overflow: hidden;
        flex-direction: row;
        flex: 0 1 100%;
    }

        .menu-horizontal .menu-inner > .menu-item {
            margin: calc(0.7rem - 0.0625rem) 0;
            border-radius: 0.5rem;
        }

            .menu-horizontal .menu-inner > .menu-item > .menu-link {
                margin: 0 0.125rem;
                border-radius: 0.5rem;
            }

html:not([dir=rtl]) .menu-horizontal .menu-inner > .menu-item:first-child > .menu-link {
    margin-left: 0;
}

[dir=rtl] .menu-horizontal .menu-inner > .menu-item:first-child > .menu-link {
    margin-right: 0;
}

html:not([dir=rtl]) .menu-horizontal .menu-inner > .menu-item:last-child > .menu-link {
    margin-right: 0;
}

html:not([dir=rtl]) .menu-horizontal .menu-inner > .menu-item:last-child > .menu-link {
    margin-left: 0;
}

.menu-horizontal .menu-inner > .menu-item.active > .menu-link {
    font-weight: 400;
}

    .menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
        box-shadow: 0 0.125rem 0.375rem 0 rgba(38, 43, 67, 0.14);
    }

.menu-horizontal .menu-inner > .menu-item .menu-sub .menu-toggle::before {
    position: absolute;
    width: 0.125rem;
    content: "";
    height: 100%;
    z-index: 2;
    pointer-events: auto;
}

html:not([dir=rtl]) .menu-horizontal .menu-inner > .menu-item .menu-sub .menu-toggle::before {
    right: -0.125rem;
}

[dir=rtl] .menu-horizontal .menu-inner > .menu-item .menu-sub .menu-toggle::before {
    left: -0.125rem;
}

.menu-horizontal .menu-inner > .menu-item .menu-sub .menu-sub .menu-link .menu-icon,
.menu-horizontal .menu-inner > .menu-item .menu-sub .menu-sub .menu-link .menu-icon:before {
    font-size: 0.5rem;
}

.menu-horizontal .menu-inner > .menu-item > .menu-sub {
    margin-top: 0.7rem;
}

    .menu-horizontal .menu-inner > .menu-item > .menu-sub .menu-sub {
        margin: 0 0.25rem;
    }

.menu-horizontal .menu-inner > .menu-item > .menu-toggle::before {
    position: absolute;
    block-size: 0.7rem;
    content: "";
    inline-size: 100%;
    inset-block-start: 100%;
    inset-inline-start: 0;
    z-index: 2;
    pointer-events: auto;
}

.menu-horizontal .menu-item .menu-link {
    padding: 0.5rem 1rem;
}

    .menu-horizontal .menu-item .menu-link:hover,
    .menu-horizontal .menu-item.open > .menu-link {
        background-color: rgba(38, 43, 67, 0.06);
    }

.menu-horizontal .menu-item .menu-toggle {
    padding-right: calc(1rem + 1.806em);
}

[dir=rtl] .menu-horizontal .menu-item .menu-toggle {
    padding-right: 1rem;
    padding-left: calc(1rem + 1.806em);
}

.menu-horizontal .menu-item .menu-toggle::after {
    right: calc(0.25rem * 3);
}

[dir=rtl] .menu-horizontal .menu-item .menu-toggle::after {
    right: auto;
    left: calc(0.25rem * 3);
}

.menu-horizontal .menu-inner > .menu-item > .menu-toggle::after {
    transform: translateY(-50%) rotate(90deg);
}

[dir=rtl] .menu-horizontal .menu-inner > .menu-item > .menu-toggle::after {
    transform: translateY(-50%) rotate(-90deg);
}

.menu-horizontal .menu-header,
.menu-horizontal .menu-divider {
    display: none !important;
}

.menu-horizontal .menu-sub {
    position: absolute;
    width: 16.25rem;
    padding: 0.5rem 0;
}

    .menu-horizontal .menu-sub .menu-sub {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
    }

[dir=rtl] .menu-horizontal .menu-sub .menu-sub {
    left: -103%;
}

.menu-horizontal .menu-sub .menu-sub .menu-item .menu-link i {
    color: #a8aab4;
}

.menu-horizontal .menu-sub .menu-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.menu-horizontal .menu-inner > .menu-item .menu-sub {
    border-radius: 0.625rem;
}

    .menu-horizontal .menu-inner > .menu-item .menu-sub .menu-item.open {
        position: relative;
    }

.light-style .menu-horizontal .menu-inner > .menu-item .menu-sub .menu-item.active > .menu-link.menu-toggle {
    background-color: rgba(38, 43, 67, 0.08);
}

.menu-horizontal .menu-inner > .menu-item.open .menu-sub {
    box-shadow: 0 0.375rem 1.25rem 0 rgba(38, 43, 67, 0.18);
}

.menu-horizontal:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub {
    animation: menuDropdownShow 0.3s ease-in-out;
}

.menu-horizontal .menu-sub .menu-link {
    padding-left: 1rem;
    min-height: 2.375rem;
}

[dir=rtl] .menu-horizontal .menu-sub .menu-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (max-width: 991.98px) {
    .menu-horizontal {
        display: none;
    }
}

.menu-horizontal-wrapper {
    overflow: hidden;
    flex: 0 1 100%;
    width: 0;
}

.menu:not(.menu-no-animation) .menu-horizontal-wrapper .menu-inner {
    transition: margin 0.3s;
}

.menu-horizontal-prev,
.menu-horizontal-next {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 2.25rem;
}

    .menu-horizontal-prev::after,
    .menu-horizontal-next::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        border: 1px solid;
        border-top: 0;
    }

    .menu-horizontal-prev.disabled,
    .menu-horizontal-next.disabled {
        cursor: not-allowed !important;
    }

    .menu-horizontal-prev::after {
        border-right: 0;
        transform: translate(-50%, -50%) rotate(45deg);
    }

[dir=rtl] .menu-horizontal-prev::after {
    transform: translate(-50%, -50%) rotate(-135deg);
}

.menu-horizontal-next::after {
    border-left: 0;
    transform: translate(-50%, -50%) rotate(-45deg);
}

[dir=rtl] .menu-horizontal-next::after {
    transform: translate(-50%, -50%) rotate(135deg);
}

@keyframes menuDropdownShow {
    0% {
        opacity: 0;
        transform: translateY(-0.5rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.menu-light {
    color: rgba(38, 43, 67, 0.5);
}

    .menu-light .menu-link,
    .menu-light .menu-horizontal-prev,
    .menu-light .menu-horizontal-next {
        color: rgba(38, 43, 67, 0.5);
    }

        .menu-light .menu-link:hover, .menu-light .menu-link:focus,
        .menu-light .menu-horizontal-prev:hover,
        .menu-light .menu-horizontal-prev:focus,
        .menu-light .menu-horizontal-next:hover,
        .menu-light .menu-horizontal-next:focus {
            color: #676b7b;
        }

        .menu-light .menu-link.active,
        .menu-light .menu-horizontal-prev.active,
        .menu-light .menu-horizontal-next.active {
            color: #676b7b;
        }

    .menu-light .menu-item.disabled .menu-link {
        color: rgba(38, 43, 67, 0.22) !important;
    }

    .menu-light .menu-item.active > .menu-link:not(.menu-toggle) {
        background: rgba(0, 0, 0, 0.05);
    }

    .menu-light .menu-text {
        color: #676b7b;
    }

    .menu-light .menu-header {
        color: rgba(38, 43, 67, 0.5);
    }

    .menu-light hr,
    .menu-light .menu-divider,
    .menu-light .menu-inner > .menu-item.open > .menu-sub::before {
        border-color: rgba(0, 0, 0, 0.06) !important;
    }

    .menu-light .menu-inner > .menu-header::before,
    .menu-light .menu-block::before {
        background-color: rgba(38, 43, 67, 0.22);
    }

    .menu-light .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before {
        background-color: rgba(0, 0, 0, 0.06);
    }

    .menu-light .menu-inner > .menu-item.open .menu-item.active > .menu-link::before {
        background-color: #676b7b;
    }

    .menu-light .ps__thumb-y {
        background: rgba(38, 43, 67, 0.5) !important;
    }

.menu-dark {
    color: rgba(255, 255, 255, 0.8);
}

    .menu-dark .menu-link,
    .menu-dark .menu-horizontal-prev,
    .menu-dark .menu-horizontal-next {
        color: rgba(255, 255, 255, 0.8);
    }

        .menu-dark .menu-link:hover, .menu-dark .menu-link:focus,
        .menu-dark .menu-horizontal-prev:hover,
        .menu-dark .menu-horizontal-prev:focus,
        .menu-dark .menu-horizontal-next:hover,
        .menu-dark .menu-horizontal-next:focus {
            color: #fff;
        }

        .menu-dark .menu-link.active,
        .menu-dark .menu-horizontal-prev.active,
        .menu-dark .menu-horizontal-next.active {
            color: #fff;
        }

    .menu-dark .menu-item.disabled .menu-link {
        color: rgba(255, 255, 255, 0.4) !important;
    }

    .menu-dark .menu-item.active > .menu-link:not(.menu-toggle) {
        background: rgba(0, 0, 0, 0.06);
    }

    .menu-dark .menu-text {
        color: #fff;
    }

    .menu-dark .menu-header {
        color: rgba(255, 255, 255, 0.8);
    }

    .menu-dark hr,
    .menu-dark .menu-divider,
    .menu-dark .menu-inner > .menu-item.open > .menu-sub::before {
        border-color: rgba(255, 255, 255, 0.2) !important;
    }

    .menu-dark .menu-inner > .menu-header::before,
    .menu-dark .menu-block::before {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .menu-dark .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .menu-dark .menu-inner > .menu-item.open .menu-item.active > .menu-link::before {
        background-color: #fff;
    }

    .menu-dark .ps__thumb-y {
        background: rgba(255, 255, 255, 0.8) !important;
    }

.layout-container {
    min-height: 100vh;
}

.layout-wrapper,
.layout-container {
    width: 100%;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
}

.layout-menu-offcanvas .layout-wrapper,
.layout-menu-fixed-offcanvas .layout-wrapper {
    overflow: hidden;
}

.layout-menu-offcanvas .layout-navbar .layout-menu-toggle,
.layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle {
    display: block !important;
}

@media (min-width: 780px) {
    .layout-menu-offcanvas .layout-menu .layout-menu-toggle,
    .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle {
        display: none;
    }
}

.layout-page,
.content-wrapper,
.content-wrapper > *,
.layout-menu {
    min-height: 1px;
}

.layout-navbar,
.content-footer {
    flex: 0 0 auto;
}

.layout-page {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    padding: 0;
    margin-left: 260px;
}

@media (max-width: 1200px) {
    .layout-page {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        width: calc(100% - 1rem * 2) !important;
    }
}

.layout-without-menu .layout-page {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.content-wrapper {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
}

.content-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: #9395a1;
}

    .content-backdrop.fade {
        opacity: 0;
    }

    .content-backdrop.show {
        opacity: 0.5;
    }

.layout-menu-fixed .content-backdrop {
    z-index: 10;
}

.layout-horizontal .content-backdrop:not(.fade) {
    z-index: 9;
    top: 4rem !important;
}

.content-backdrop.fade {
    z-index: -1;
}

.layout-navbar {
    position: relative;
    padding-top: 0.25rem;
    padding-bottom: 0.2rem;
    height: 4rem;
    flex-wrap: nowrap;
    color: #676b7b;
}

    .layout-navbar .navbar {
        transform: translate3d(0, 0, 0);
    }

    .layout-navbar .navbar-nav-right {
        flex-basis: 100%;
    }

    .layout-navbar.navbar-detached {
        transition: padding 0.2s ease, background-color 0.18s ease;
        padding: 0;
        width: calc(100% - 1.5rem * 2);
        border-bottom-right-radius: 0.625rem;
        border-bottom-left-radius: 0.625rem;
    }

.layout-navbar-fixed .window-scrolled .layout-navbar.navbar-detached {
    box-shadow: 0 0.25rem 0.5rem -0.25rem rgba(38, 43, 67, 0.42);
    padding: 0 1.5rem;
}

    .layout-navbar-fixed .window-scrolled .layout-navbar.navbar-detached .search-input:focus {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

.layout-navbar-fixed .layout-page:not(.window-scrolled) .layout-navbar.navbar-detached .search-input {
    background-color: #f7f7f9;
}

.layout-navbar.navbar-detached .search-input {
    transition: padding 0.2s ease, background-color 0.18s ease;
}

.layout-navbar.navbar-detached.container-xxl {
    max-width: calc(1440px - 1.5rem * 2);
}

.layout-navbar-fixed .layout-navbar.navbar-detached {
    width: calc(100% - 1.5rem * 2 - 16.25rem);
}

@media (max-width: 1199.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        width: calc(100% - 1.5rem * 2) !important;
    }
}

@media (max-width: 991.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        width: calc(100% - 1rem * 2) !important;
    }
}

.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached {
    width: calc(100% - 1.5rem * 2 - 4.375rem);
}

@media (max-width: 1199.98px) {
    .layout-navbar.navbar-detached {
        width: calc(100vw - (100vw - 100%) - 1.5rem * 2) !important;
    }
}

@media (max-width: 991.98px) {
    .layout-navbar.navbar-detached {
        width: calc(100vw - (100vw - 100%) - 1rem * 2) !important;
    }
}

.layout-menu-collapsed .layout-navbar.navbar-detached, .layout-without-menu .layout-navbar.navbar-detached {
    width: calc(100% - 1.5rem * 2);
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion {
    max-height: 28rem;
    border-radius: 0.625rem;
}

    .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion {
        color: #676b7b;
    }

        .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion:hover, .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion.active {
            background: #f2f2f4;
            color: #3b4056;
        }

    .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header {
        font-weight: 500;
    }

.layout-navbar .search-input-wrapper .search-toggler {
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    z-index: 1;
}

[dir=rtl] .layout-navbar .search-input-wrapper .search-toggler {
    right: inherit;
    left: 1rem;
}

.layout-navbar .search-input-wrapper .twitter-typeahead {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 1400px) {
    .layout-horizontal .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        left: calc((100% - 1440px) * 0.5);
    }

    [dir=rtl] .layout-horizontal .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        right: calc((100% - 1440px) * 0.5);
        left: inherit;
    }

    .layout-horizontal .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
        right: calc((100% - 1440px + 5rem) * 0.5);
    }

    [dir=rtl] .layout-horizontal .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
        left: calc((100% - 1440px + 5rem) * 0.5);
        right: inherit;
    }
}

@media (min-width: 1724px) {
    .layout-wrapper:not(.layout-horizontal) .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        left: calc((100% - 1440px) * 0.5);
    }

    [dir=rtl] .layout-wrapper:not(.layout-horizontal) .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        right: calc((100% - 1440px) * 0.5);
        left: inherit;
    }

    .layout-wrapper:not(.layout-horizontal) .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
        right: calc((100% - 1440px + 5rem) * 0.5);
    }

    [dir=rtl] .layout-wrapper:not(.layout-horizontal) .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
        left: calc((100% - 1440px + 5rem) * 0.5);
        right: inherit;
    }
}

@media (min-width: 780px) {
    .layout-menu-collapsed .layout-wrapper:not(.layout-horizontal) .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        left: calc((100% - 1440px) * 0.5);
    }

    [dir=rtl] .layout-menu-collapsed .layout-wrapper:not(.layout-horizontal) .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        right: calc((100% - 1440px) * 0.5);
        left: inherit;
    }

    .layout-menu-collapsed .layout-wrapper:not(.layout-horizontal) .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
        right: calc((100% - 1440px + 5rem) * 0.5);
    }

    [dir=rtl] .layout-menu-collapsed .layout-wrapper:not(.layout-horizontal) .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
        left: calc((100% - 1440px + 5rem) * 0.5);
        right: inherit;
    }
}

.layout-navbar .search-input-wrapper .search-input {
    height: 100%;
    box-shadow: none;
}

.layout-navbar .search-input-wrapper .navbar-search-suggestion {
    width: 100%;
}

.layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion {
    width: 96%;
}

html:not([dir=rtl]) .layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion {
    left: 2% !important;
}

[dir=rtl] .layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion {
    right: 2% !important;
}

.layout-navbar .dropdown-menu .dropdown-item,
.layout-navbar .dropdown-menu .dropdown-header {
    padding: 0.525rem 1rem;
}

.layout-navbar .navbar-dropdown .badge-notifications {
    top: 0.5rem;
    padding: 0.2rem 0.4rem;
}

.layout-navbar .navbar-dropdown .dropdown-menu {
    min-width: 23.75rem;
    overflow: hidden;
}

    .layout-navbar .navbar-dropdown .dropdown-menu .last-login {
        white-space: normal;
    }

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list {
    max-height: 25.75rem;
}

    .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item {
        padding: calc(1rem - 0.25rem) 1rem;
        cursor: pointer;
    }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
            background-color: #666cff;
        }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions {
            text-align: center;
        }

            .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions > a {
                display: block;
            }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive i,
        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span {
            color: #676b7b;
        }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read,
        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive {
            visibility: hidden;
        }

            .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span {
                background-color: #6d788d;
            }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive {
            visibility: hidden;
        }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read,
        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive {
            visibility: visible;
        }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive {
            visibility: visible;
        }

        .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-read span {
            background-color: #6d788d;
        }

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list {
    max-height: 25.75rem;
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item {
    text-align: center;
    padding: 1.5rem;
}

.light-style .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover {
    background-color: rgba(38, 43, 67, 0.06);
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon {
    height: 3.125rem;
    width: 3.125rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.light-style .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon {
    background-color: rgba(38, 43, 67, 0.08);
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a,
.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover {
    display: block;
    margin-bottom: 0;
    color: #3b4056 !important;
    font-weight: 500;
}

.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu {
    min-width: 14rem;
}

.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .input-group-text,
.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .dropdown-toggle {
    color: #fff;
}

@media (max-width: 1199.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: absolute;
    }

        .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login {
            white-space: nowrap;
        }
}

@media (max-width: 767.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown {
        position: static;
        float: left;
    }

        .layout-navbar .navbar-nav .nav-item.dropdown .badge-notifications {
            top: auto;
        }

        .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
            position: absolute;
            left: 0.9rem;
            min-width: auto;
            width: 92%;
        }
}

@media (max-width: 1199.98px) {
    .layout-navbar {
        z-index: 1080;
    }
}

[dir=rtl] .navbar.layout-navbar .search-input-wrapper .navbar-search-suggestion {
    left: 2% !important;
}

    [dir=rtl] .navbar.layout-navbar .search-input-wrapper .navbar-search-suggestion.ps--active-y > .ps__rail-y {
        right: auto !important;
    }

.layout-menu {
    position: fixed;
    overflow-y: auto;
    flex: 1 0 auto;
    height: 100vh;
}

    .layout-menu a:focus-visible {
        outline: none;
    }

    .layout-menu .menu {
        transform: translate3d(0, 0, 0);
    }

    .layout-menu .menu-vertical {
        height: 100%;
    }

.layout-content-navbar .layout-page {
    flex-basis: 100%;
    flex-direction: column;
    width: 0;
    min-width: 0;
    max-width: 100%;
}

.layout-content-navbar .content-wrapper {
    width: 100%;
}

.layout-navbar-full .layout-container {
    flex-direction: column;
}

@media (min-width: 1200px) {
    .layout-navbar-full:not(.layout-horizontal) .menu-inner {
        margin-top: 0.75rem;
    }
}

.layout-navbar-full .content-wrapper {
    flex-basis: 100%;
    width: 0;
    min-width: 0;
    max-width: 100%;
}

.layout-navbar-full .content-backdrop.show {
    z-index: 9;
}

.layout-menu-fixed .layout-navbar-full .content-backdrop.show, .layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show {
    z-index: 1076;
}

.layout-menu-flipped .layout-navbar-full .layout-page {
    flex-direction: row-reverse;
}

.layout-menu-flipped .layout-content-navbar .layout-container {
    flex-direction: row-reverse;
}

.layout-menu-toggle {
    transition-duration: 0.3s;
    transition-property: transform;
}

html:not([dir=rtl]) .layout-menu-toggle {
    transform: rotate(0deg);
}

[dir=rtl] .layout-menu-toggle {
    transform: rotate(180deg);
}

@media (min-width: 780px) {
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical,
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
        width: 4.375rem;
    }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item {
            width: 4.375rem;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-item .menu-toggle,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-item .menu-toggle {
            padding-right: calc(0.75rem + 0.3125rem);
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-block,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-block,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header {
            padding-left: 0.72rem;
            margin-inline-end: 0.75rem;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-item > .menu-link,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-block,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-header,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-item > .menu-link,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-block,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-header {
            padding-left: 0.75rem;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block {
            width: 16.25rem;
        }

            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header .menu-header-text,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block .menu-header-text,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header .menu-header-text,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block .menu-header-text {
                overflow: hidden;
                opacity: 0;
            }

            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before,
            .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before {
                margin-left: 0;
                width: 18%;
            }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .app-brand,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .app-brand {
            padding-left: 1rem;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item div:not(.menu-block),
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item div:not(.menu-block) {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            opacity: 0;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-sub,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item.open > .menu-sub,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-sub,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item.open > .menu-sub {
            display: none;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-toggle::after,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-toggle::after {
            display: none;
        }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon {
            text-align: center;
            margin: 0;
        }

    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block,
    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block {
        width: 4.375rem !important;
    }

    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item:not(:has(.menu-sub)) > .menu-link .menu-icon,
    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item:not(:has(.menu-sub)) > .menu-link .menu-icon {
        margin-right: -0.01375rem;
    }

    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header,
    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block,
    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header,
    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block {
        margin-right: 4.375rem;
        margin-left: 0;
        padding-right: 0.5rem;
        padding-left: 1rem;
    }

        [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before,
        [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before,
        [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before,
        [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before {
            right: -2.625rem;
            left: auto;
        }

    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon,
    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon {
        margin-right: -0.3rem;
        margin-left: 0;
    }

    .layout-menu-hover.layout-menu-collapsed .layout-menu {
        margin-right: -11.875rem;
    }

        .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle {
            transform: rotate(180deg);
            transition-duration: 0.3s;
            transition-property: transform;
        }

    .layout-menu-hover.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        margin-left: -11.875rem;
        margin-right: 0;
    }

    [dir=rtl].layout-menu-hover.layout-menu-collapsed .layout-menu {
        margin-left: -11.875rem;
        margin-right: 0;
    }

        [dir=rtl].layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle {
            transform: rotate(0deg);
        }

    [dir=rtl].layout-menu-hover.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        margin-right: -11.875rem;
        margin-left: 0;
    }
}

@media (min-width: 780px) {
    .layout-menu-collapsed.layout-menu-offcanvas .layout-menu {
        margin-right: -16.25rem;
        transform: translateX(-100%);
    }

    .layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped .layout-menu {
        margin-right: 0;
        margin-left: -16.25rem;
        transform: translateX(100%);
    }

    [dir=rtl].layout-menu-collapsed.layout-menu-offcanvas .layout-menu {
        margin-right: 0;
        margin-left: -16.25rem;
        transform: translateX(100%);
    }

    [dir=rtl].layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped .layout-menu {
        margin-right: -16.25rem;
        margin-left: 0;
        transform: translateX(-100%);
    }
}

@media (min-width: 780px) {
    .layout-menu-fixed .layout-menu,
    .layout-menu-fixed-offcanvas .layout-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .layout-menu-fixed.layout-menu-flipped .layout-menu,
    .layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu {
        right: 0;
        left: auto;
    }

    [dir=rtl].layout-menu-fixed .layout-menu, [dir=rtl].layout-menu-fixed-offcanvas .layout-menu {
        right: 0;
        left: auto;
    }

    [dir=rtl].layout-menu-fixed.layout-menu-flipped .layout-menu, [dir=rtl].layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu {
        right: auto;
        left: 0;
    }

    .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu {
        transform: translateX(-100%);
    }

    .layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        transform: translateX(100%);
    }

    [dir=rtl].layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu {
        transform: translateX(100%);
    }

    [dir=rtl].layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        transform: translateX(-100%);
    }

    .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page,
    .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-left: 16.25rem;
    }

    .layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-page,
    .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed).layout-menu-flipped .layout-page {
        padding-right: 16.25rem;
        padding-left: 0;
    }

    [dir=rtl].layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, [dir=rtl].layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-right: 16.25rem;
        padding-left: 0;
    }

    [dir=rtl].layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-page, [dir=rtl].layout-menu-fixed-offcanvas:not(.layout-menu-collapsed).layout-menu-flipped .layout-page {
        padding-right: 0;
        padding-left: 16.25rem;
    }

    .layout-menu-fixed.layout-menu-collapsed .layout-page {
        padding-left: 4.375rem;
    }

    .layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page {
        padding-right: 4.375rem;
        padding-left: 0;
    }

    [dir=rtl].layout-menu-fixed.layout-menu-collapsed .layout-page {
        padding-right: 4.375rem;
        padding-left: 0;
    }

    [dir=rtl].layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page {
        padding-right: 0;
        padding-left: 4.375rem;
    }
}

html:not(.layout-navbar-fixed):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-page,
html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page {
    padding-top: 0 !important;
}

html:not(.layout-footer-fixed) .content-wrapper {
    padding-bottom: 0 !important;
}

@media (max-width: 1199.98px) {
    .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu,
    .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu {
        top: 0 !important;
    }

    html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page {
        padding-top: 0 !important;
    }
}

.layout-navbar-hidden .layout-navbar {
    display: none;
}

.layout-navbar-fixed .layout-navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

@media (min-width: 780px) {
    .layout-menu-fixed .layout-navbar-full .layout-navbar,
    .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        left: 16.25rem;
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        right: 16.25rem;
        left: 0;
    }

    .layout-horizontal .layout-page .menu-horizontal {
        box-shadow: 0px 2px 6px 0px rgba(38, 43, 67, 0.14);
    }

    .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal,
    .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal {
        position: fixed;
        top: 4rem;
    }

        .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal + [class*=container-],
        .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal + [class*=container-] {
            padding-top: 5.15rem !important;
        }

    [dir=rtl].layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, [dir=rtl].layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, [dir=rtl].layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        right: 16.25rem;
        left: 0;
    }

    [dir=rtl].layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, [dir=rtl].layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, [dir=rtl].layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        right: 0;
        left: 16.25rem;
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar {
        left: 4.375rem;
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-content-navbar .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped .layout-content-navbar .layout-navbar {
        right: 4.375rem;
        left: 0;
    }

    [dir=rtl].layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar, [dir=rtl].layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar {
        right: 4.375rem;
        left: 0;
    }

    [dir=rtl].layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-content-navbar .layout-navbar, [dir=rtl].layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped .layout-content-navbar .layout-navbar {
        right: 0;
        left: 4.375rem;
    }
}

.content-footer {
    transition: margin 0.2s ease, background-color 0.1s ease;
}

.layout-footer-fixed .content-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer {
    background-color: #fff;
    box-shadow: 0 -0.25rem 0.5rem -0.25rem rgba(38, 43, 67, 0.42);
}

.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container {
    background-color: #fff;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    padding: 0 1.25rem;
    transition: padding 0.2s ease, background-color 0.18s ease;
    box-shadow: 0 -0.25rem 0.5rem -0.25rem rgba(38, 43, 67, 0.42);
}

@media (min-width: 780px) {
    .layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 16.25rem;
    }

    .layout-footer-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        right: 16.25rem;
        left: 0;
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 4.375rem;
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        right: 4.375rem;
        left: 0;
    }

    [dir=rtl].layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 0;
        right: 16.25rem;
    }

    [dir=rtl].layout-footer-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 16.25rem;
        right: 0;
    }

    [dir=rtl].layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 0;
        right: 4.375rem;
    }

    [dir=rtl].layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        right: 0;
        left: 4.375rem;
    }
}

.menu-three-line{
    display:none;
}

.menuMobileBtn{
    display:none;
}
.menuDesktopBtn{
    display:block;
}

@media (max-width: 1200px) {
    .layout-menu {
        position: fixed !important;
        top: 0 !important;
        height: 100% !important;
        left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        transform: translate3d(-100%, 0, 0);
        will-change: transform, -webkit-transform;
    }

        .layout-menu.menu-open {
            transform: translate3d(0, 0, 0);
        }
    .menuMobileBtn {
        display: block;
    }

    .menuDesktopBtn {
        display: none;
    }

    .menu-overlay {
        position: fixed;
        inset: 0;
        background: rgba(31, 81, 91, 0.8);
        z-index: 1099;
    }

    .menu-three-line {
        display: block;
    }
    [dir=rtl] .layout-menu {
        right: 0 !important;
        left: auto !important;
        transform: translate3d(100%, 0, 0);
    }

    .layout-menu-flipped .layout-menu {
        right: 0 !important;
        left: auto !important;
        transform: translate3d(100%, 0, 0);
    }

    .layout-menu-expanded .layout-menu {
        transform: translate3d(0, 0, 0) !important;
    }

    .layout-menu-expanded body {
        overflow: hidden;
    }

    [dir=rtl].layout-menu-flipped .layout-menu {
        right: auto !important;
        left: 0 !important;
        transform: translate3d(-100%, 0, 0);
    }

    .layout-overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100% !important;
        left: 0;
        display: none;
        background: #9395a1;
        opacity: 0.5;
        cursor: pointer;
    }

    .layout-menu-expanded .layout-overlay {
        display: block;
    }

    .layout-menu-100vh .layout-menu,
    .layout-menu-100vh .layout-overlay {
        height: 100vh !important;
    }

    .drag-target {
        height: 100%;
        width: 32px;
        position: fixed;
        top: 0;
        left: 0px;
        z-index: 1036;
    }
}

.layout-navbar-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar,
.layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar,
.layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-navbar {
    z-index: 1080;
}

.layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar,
.layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar,
.layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-navbar {
    z-index: 1075;
}

.layout-footer-fixed .content-footer {
    z-index: 1030;
}

.layout-menu-horizontal {
    z-index: 9;
}

@media (max-width: 1200px) {
    .layout-menu {
        z-index: 1100;
    }

    .layout-overlay {
        z-index: 1099;
    }
}

@media (min-width: 1200px) {
    .layout-navbar-full .layout-navbar {
        z-index: 10;
    }

    .layout-navbar-full .layout-menu {
        z-index: 9;
    }

    .layout-content-navbar .layout-navbar {
        z-index: 9;
    }

    .layout-content-navbar .layout-menu {
        z-index: 10;
    }

    .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-hover .layout-navbar-full .layout-menu {
        z-index: 1075 !important;
    }

    .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-menu {
        z-index: 1085 !important;
    }

    .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu,
    .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-menu {
        z-index: 1075;
    }

    .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-menu,
    .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu,
    .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-menu {
        z-index: 1080;
    }
}

.sticky-wrapper.is-sticky .sticky-element {
    border-radius: 0;
}

.layout-menu-link-no-transition .layout-menu .menu-link,
.layout-menu-link-no-transition .layout-menu-horizontal .menu-link {
    transition: none !important;
    animation: none !important;
}

.layout-no-transition .layout-menu, .layout-no-transition .layout-menu .menu, .layout-no-transition .layout-menu .menu-item,
.layout-no-transition .layout-menu-horizontal,
.layout-no-transition .layout-menu-horizontal .menu,
.layout-no-transition .layout-menu-horizontal .menu-item {
    transition: none !important;
    animation: none !important;
}

@media (max-width: 1199.98px) {
    .layout-transitioning .layout-overlay {
        animation: menuAnimation 0.3s;
    }

    .layout-transitioning .layout-menu {
        transition-duration: 0.3s;
        transition-property: transform;
    }
}

@media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-transitioning):not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu {
        transition-duration: 0.3s;
        transition-property: margin-left, margin-right, width;
    }

    .layout-transitioning.layout-menu-offcanvas .layout-menu {
        transition-duration: 0.3s;
        transition-property: margin-left, margin-right, transform;
    }

    .layout-transitioning.layout-menu-fixed .layout-page, .layout-transitioning.layout-menu-fixed-offcanvas .layout-page {
        transition-duration: 0.3s;
        transition-property: padding-left, padding-right;
    }

    .layout-transitioning.layout-menu-fixed .layout-menu {
        transition: width 0.3s;
    }

    .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu {
        transition-duration: 0.3s;
        transition-property: transform;
    }

    .layout-transitioning.layout-navbar-fixed .layout-content-navbar .layout-navbar, .layout-transitioning.layout-footer-fixed .content-footer {
        transition-duration: 0.3s;
        transition-property: left, right;
    }

    .layout-transitioning:not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu {
        transition-duration: 0.3s;
        transition-property: margin-left, margin-right, width;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .menu,
    .layout-menu,
    .layout-page,
    .layout-navbar,
    .content-footer {
        transition: none !important;
        transition-duration: 0s !important;
    }

    .layout-overlay {
        animation: none !important;
    }
}

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

    100% {
        opacity: 0.5;
    }
}

.app-brand {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 1;
    min-height: 1px;
    align-items: center;
}

.auth-cover-brand {
    position: absolute;
    z-index: 1;
    inset-block-start: 1.8rem;
    inset-inline-start: 2.7rem;
}

.app-brand-link {
    display: flex;
    align-items: center;
}

.app-brand-logo {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    min-height: 1px;
}

    .app-brand-logo img,
    .app-brand-logo svg {
        display: block;
    }

.app-brand-text {
    flex-shrink: 0;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.app-brand-img-collapsed {
    display: none;
}

.app-brand .layout-menu-toggle {
    display: block;
}

    .app-brand .layout-menu-toggle svg path {
        fill: #262b43;
    }

.menu-vertical .app-brand {
    padding-right: 1rem;
    padding-left: 1.375rem;
    margin: 20px 0;
}

.menu-horizontal .app-brand,
.menu-horizontal .app-brand + .menu-divider {
    display: none !important;
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand {
    width: 4.375rem;
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo,
:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-link,
:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-text {
    margin-right: auto;
    margin-left: auto;
}

    :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo ~ .app-brand-text,
    :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand .layout-menu-toggle {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 0;
    }

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img {
    display: none;
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img-collapsed {
    display: block;
}

@media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand {
        width: 4.375rem;
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo,
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link,
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-text {
        margin-right: auto;
        margin-left: auto;
    }

        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo ~ .app-brand-text,
        .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .layout-menu-toggle {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            opacity: 0;
        }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img {
        display: none;
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img-collapsed {
        display: block;
    }
}

.custom-option {
    padding-left: 0;
    border: 1px solid #e5e6e8;
    border-radius: 0.625rem;
    margin: 1px;
}

    .custom-option:hover {
        border-width: 1px;
        border-color: #7d808e;
    }

    .custom-option.custom-option-image {
        border-width: 2px !important;
        overflow: hidden;
    }

        .custom-option.custom-option-image:hover {
            border-width: 2px !important;
        }

    .custom-option .custom-option-content {
        cursor: pointer;
        width: 100%;
    }

    .custom-option.custom-option-label {
        border-color: #6d788d;
        background-color: #edeff1;
    }

    .custom-option .form-check-input {
        background-color: transparent;
        margin-inline-start: -1.98em;
    }

.custom-option-basic .custom-option-content {
    padding: 1em;
    padding-left: 3.167em;
}

.custom-option-basic .custom-option-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.4375rem;
}

.custom-option-body {
    color: #676b7b;
}

.custom-option-icon {
    overflow: hidden;
}

    .custom-option-icon .custom-option-content {
        text-align: center;
        padding: 1em;
    }

    .custom-option-icon .custom-option-body {
        display: block;
        margin-bottom: 0.5rem;
    }

        .custom-option-icon .custom-option-body i {
            color: #3b4056;
            margin-bottom: 0.5rem;
            display: block;
        }

            .custom-option-icon .custom-option-body i::before {
                font-size: 1.75rem;
            }

        .custom-option-icon .custom-option-body svg {
            height: 38px;
            width: 38px;
            margin-bottom: 0.25rem;
        }

        .custom-option-icon .custom-option-body .custom-option-title {
            display: block;
            font-size: 0.9375rem;
            font-weight: 500;
            color: #3b4056;
        }

    .custom-option-icon .form-check-input {
        float: none !important;
        margin: 0 !important;
    }

.custom-option-image {
    border-width: 2px;
}

    .custom-option-image .custom-option-content {
        padding: 0;
    }

    .custom-option-image .custom-option-body img {
        height: 100%;
        width: 100%;
    }

    .custom-option-image.custom-option-image-radio .form-check-input {
        display: none;
    }

    .custom-option-image.custom-option-image-check {
        position: relative;
    }

        .custom-option-image.custom-option-image-check .form-check-input {
            position: absolute;
            top: 16px;
            right: 16px;
            margin: 0;
            border: 0;
            opacity: 0;
            border: 1px solid transparent;
        }

            .custom-option-image.custom-option-image-check .form-check-input:checked {
                opacity: 1;
            }

        .custom-option-image.custom-option-image-check:hover .form-check-input {
            border-color: #676b7b;
            border-width: 1px;
            opacity: 1;
        }

            .custom-option-image.custom-option-image-check:hover .form-check-input:checked {
                border-color: #666cff;
            }

[dir=rtl] .custom-option {
    padding-right: 0;
}

[dir=rtl] .custom-option-basic .custom-option-content {
    padding-right: 2.8em;
    padding-left: 1em;
}

[dir=rtl] .custom-option-image.custom-option-image-check .form-check-input {
    right: auto;
    left: 16px;
}

.switch {
    margin-right: 0.75rem;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 30rem;
    cursor: pointer;
    min-height: 1.35rem;
    font-size: 0.9375rem;
    line-height: 1.4;
}

    .switch .switch-label:first-child {
        padding-right: 0.5rem;
    }

    .switch .switch-input ~ .switch-label {
        padding-left: 3rem;
    }

    .switch .switch-toggle-slider {
        width: 2.5rem;
        height: 1.35rem;
        font-size: 0.625rem;
        line-height: 1.35rem;
        border: 1px solid transparent;
        top: 0;
    }

        .switch .switch-toggle-slider i {
            position: relative;
            font-size: 0.9375rem;
            top: -1.35px;
        }

    .switch .switch-label {
        top: 0.01875rem;
    }

    .switch .switch-input:checked ~ .switch-toggle-slider::after {
        left: 1.15rem;
    }

    .switch .switch-toggle-slider::after {
        margin-left: 0.25rem;
        width: 14px;
        height: 14px;
    }

    .switch .switch-on {
        padding-left: 0.25rem;
        padding-right: 1.1rem;
    }

    .switch .switch-off {
        padding-left: 1.1rem;
        padding-right: 0.25rem;
    }

[dir=rtl] .switch .switch-label {
    padding-right: 3rem;
    padding-left: 0;
}

[dir=rtl] .switch .switch-input:checked ~ .switch-toggle-slider::after {
    left: auto;
    right: 1rem;
}

[dir=rtl] .switch .switch-toggle-slider::after {
    margin-left: 0;
    margin-right: 0.25rem;
}

[dir=rtl] .switch .switch-on {
    padding-left: 1.1rem;
    padding-right: 0.25rem;
}

[dir=rtl] .switch .switch-off {
    padding-left: 0.25rem;
    padding-right: 1.1rem;
}

[dir=rtl] .switch {
    margin-left: 0.75rem;
    margin-right: 0;
}

.switch-input {
    opacity: 0;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: -1;
}

.switch-toggle-slider {
    position: absolute;
    overflow: hidden;
    border-radius: 30rem;
    background: #e9eaec;
    color: rgba(38, 43, 67, 0.401);
    transition-duration: 0.2s;
    transition-property: left, right, background, box-shadow;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16) inset;
}

    .switch-toggle-slider::after {
        top: 50%;
        transform: translateY(-50%);
    }

.switch-label {
    display: inline-block;
    font-weight: 400;
    color: #3b4056;
    position: relative;
    cursor: default;
}

.switch-off,
.switch-on {
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    transition-duration: 0.2s;
    transition-property: left, right;
}

.switch-on {
    left: -100%;
}

[dir=rtl] .switch-on {
    left: auto;
    right: -100%;
}

.switch-input:not(:checked) ~ .switch-toggle-slider .switch-on {
    color: transparent;
}

.switch-off {
    left: 0;
}

[dir=rtl] .switch-off {
    right: 0;
    left: auto;
}

.switch-input:checked ~ .switch-toggle-slider .switch-on {
    left: 0;
}

[dir=rtl] .switch-input:checked ~ .switch-toggle-slider .switch-on {
    right: 0;
    left: auto;
}

.switch-input:checked ~ .switch-toggle-slider .switch-off {
    left: 100%;
    color: transparent;
}

[dir=rtl] .switch-input:checked ~ .switch-toggle-slider .switch-off {
    right: 100%;
    left: auto;
}

.switch-toggle-slider::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 0.125rem 0.375rem 0 rgba(38, 43, 67, 0.14);
    transition-duration: 0.2s;
    transition-property: left, right, background;
}

[dir=rtl] .switch-toggle-slider::after {
    right: 0;
    left: auto;
}

.switches-stacked::after {
    display: block;
    clear: both;
    content: "";
}

.switches-stacked .switch {
    display: block;
}

html:not([dir=rtl]) .switches-stacked .switch {
    margin-right: 0;
}

[dir=rtl] .switches-stacked .switch {
    margin-left: 0;
}

.switches-stacked .switch:not(:last-child) {
    margin-bottom: 0.75rem;
}

.switch-square,
.switch-square .switch-toggle-slider {
    border-radius: 0.375rem;
}

    .switch-square .switch-toggle-slider::after {
        border-radius: calc(0.375rem - 2px);
    }

.switch-input:disabled ~ .switch-toggle-slider {
    opacity: 0.45;
}

.switch-input:disabled ~ .switch-label {
    color: #a8aab4;
}

.switch-sm {
    min-height: 1.125rem;
    font-size: 0.8125rem;
    line-height: 1.6;
}

    .switch-sm .switch-label:first-child {
        padding-right: 0.5rem;
    }

    .switch-sm .switch-input ~ .switch-label {
        padding-left: 2.375rem;
    }

    .switch-sm .switch-toggle-slider {
        width: 1.875rem;
        height: 1.125rem;
        font-size: 0.625rem;
        line-height: 1.125rem;
        border: 1px solid transparent;
        top: 0.0875rem;
    }

        .switch-sm .switch-toggle-slider i {
            position: relative;
            font-size: 0.8125rem;
            top: -2px;
        }

    .switch-sm .switch-label {
        top: 0;
    }

    .switch-sm .switch-input:checked ~ .switch-toggle-slider::after {
        left: 0.75rem;
    }

    .switch-sm .switch-toggle-slider::after {
        margin-left: 0.17rem;
        width: 13px;
        height: 13px;
    }

    .switch-sm .switch-on {
        padding-left: 0.17rem;
        padding-right: 0.955rem;
    }

    .switch-sm .switch-off {
        padding-left: 0.955rem;
        padding-right: 0.17rem;
    }

[dir=rtl] .switch-sm .switch-label {
    padding-right: 2.375rem;
    padding-left: 0;
}

[dir=rtl] .switch-sm .switch-input:checked ~ .switch-toggle-slider::after {
    left: auto;
    right: 0.6rem;
}

[dir=rtl] .switch-sm .switch-toggle-slider::after {
    margin-left: 0;
    margin-right: 0.17rem;
}

[dir=rtl] .switch-sm .switch-on {
    padding-left: 0.955rem;
    padding-right: 0.17rem;
}

[dir=rtl] .switch-sm .switch-off {
    padding-left: 0.17rem;
    padding-right: 0.955rem;
}

.switch-lg {
    min-height: 1.75rem;
    font-size: 1.0625rem;
    line-height: 1.47;
}

    .switch-lg .switch-label:first-child {
        padding-right: 0.5rem;
    }

    .switch-lg .switch-input ~ .switch-label {
        padding-left: 3.75rem;
    }

    .switch-lg .switch-toggle-slider {
        width: 3.25rem;
        height: 1.75rem;
        font-size: 0.625rem;
        line-height: 1.75rem;
        border: 1px solid transparent;
        top: 0;
    }

        .switch-lg .switch-toggle-slider i {
            position: relative;
            font-size: 1.0625rem;
            top: -2px;
        }

    .switch-lg .switch-label {
        top: 0.0940625rem;
    }

    .switch-lg .switch-input:checked ~ .switch-toggle-slider::after {
        left: 1.5rem;
    }

    .switch-lg .switch-toggle-slider::after {
        margin-left: 0.25rem;
        width: 21px;
        height: 21px;
    }

    .switch-lg .switch-on {
        padding-left: 0.25rem;
        padding-right: 1.5rem;
    }

    .switch-lg .switch-off {
        padding-left: 1.5rem;
        padding-right: 0.25rem;
    }

[dir=rtl] .switch-lg .switch-label {
    padding-right: 3.75rem;
    padding-left: 0;
}

[dir=rtl] .switch-lg .switch-input:checked ~ .switch-toggle-slider::after {
    left: auto;
    right: 1.35rem;
}

[dir=rtl] .switch-lg .switch-toggle-slider::after {
    margin-left: 0;
    margin-right: 0.25rem;
}

[dir=rtl] .switch-lg .switch-on {
    padding-left: 1.5rem;
    padding-right: 0.25rem;
}

[dir=rtl] .switch-lg .switch-off {
    padding-left: 0.25rem;
    padding-right: 1.5rem;
}

.switch-secondary.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #6d788d;
    color: #fff;
}

.switch-secondary.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-secondary.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.switch-success.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #72e128;
    color: #fff;
}

.switch-success.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-success.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.switch-info.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #26c6f9;
    color: #fff;
}

.switch-info.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-info.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.switch-warning.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #fdb528;
    color: #fff;
}

.switch-warning.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-warning.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.switch-danger.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #ff4d49;
    color: #fff;
}

.switch-danger.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-danger.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.switch-dark.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #4b4b4b;
    color: #fff;
}

.switch-dark.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-dark.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.switch-gray.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(38, 43, 67, 0.06);
    color: #fff;
}

.switch-gray.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-gray.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.switch .valid-feedback,
.switch .invalid-feedback {
    padding-left: 0.5rem;
}

.was-validated .switch-input:valid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-valid ~ .switch-label {
    color: #72e128;
}

.was-validated .switch-input:valid ~ .valid-feedback,
.was-validated .switch-input:valid ~ .valid-tooltip, .switch-input.invalid ~ .valid-feedback,
.switch-input.invalid ~ .valid-tooltip, .switch-input.is-valid ~ .valid-feedback,
.switch-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .switch-input:valid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-valid ~ .switch-toggle-slider {
    border: 1px solid #72e128 !important;
}

.was-validated .switch-input:valid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-valid:checked ~ .switch-toggle-slider {
    background: #72e128;
    color: #fff;
}

.was-validated .switch-input:valid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-valid:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(114, 225, 40, 0.4);
}

.was-validated .switch-input:valid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-valid:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.was-validated .switch-input:invalid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-invalid ~ .switch-label {
    color: #ff4d49;
}

.was-validated .switch-input:invalid ~ .invalid-feedback,
.was-validated .switch-input:invalid ~ .invalid-tooltip, .switch-input.invalid ~ .invalid-feedback,
.switch-input.invalid ~ .invalid-tooltip, .switch-input.is-invalid ~ .invalid-feedback,
.switch-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .switch-input:invalid ~ .switch-toggle-slider, .switch-input.invalid ~ .switch-toggle-slider, .switch-input.is-invalid ~ .switch-toggle-slider {
    border: 1px solid #ff4d49 !important;
}

.was-validated .switch-input:invalid:checked ~ .switch-toggle-slider, .switch-input.invalid:checked ~ .switch-toggle-slider, .switch-input.is-invalid:checked ~ .switch-toggle-slider {
    background: #ff4d49;
    color: #fff;
}

.was-validated .switch-input:invalid:focus ~ .switch-toggle-slider, .switch-input.invalid:focus ~ .switch-toggle-slider, .switch-input.is-invalid:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(255, 77, 73, 0.4);
}

.was-validated .switch-input:invalid:active ~ .switch-toggle-slider, .switch-input.invalid:active ~ .switch-toggle-slider, .switch-input.is-invalid:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.avatar {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}

    .avatar img {
        width: 100%;
        height: 100%;
    }

    .avatar .avatar-initial {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #f0eff0;
        font-size: 0.9375rem;
    }

    .avatar.avatar-md .avatar-initial {
        line-height: 1.3;
    }

    .avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 3px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        box-shadow: 0 0 0 2px #fff;
    }

    .avatar.avatar-online:after {
        background-color: #72e128;
    }

    .avatar.avatar-offline:after {
        background-color: #6d788d;
    }

    .avatar.avatar-away:after {
        background-color: #fdb528;
    }

    .avatar.avatar-busy:after {
        background-color: #ff4d49;
    }

.pull-up {
    transition: all 0.25s ease;
}

    .pull-up:hover {
        transform: translateY(-5px);
        box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
        z-index: 30 !important;
        border-radius: 50%;
    }

.avatar-xs {
    width: 1.5rem;
    height: 1.5rem;
}

    .avatar-xs .avatar-initial {
        font-size: 0.625rem;
    }

    .avatar-xs.avatar-online:after, .avatar-xs.avatar-offline:after, .avatar-xs.avatar-away:after, .avatar-xs.avatar-busy:after {
        width: 0.3rem;
        height: 0.3rem;
        right: 1px;
    }

.avatar-sm {
    width: 2rem;
    height: 2rem;
}

    .avatar-sm .avatar-initial {
        font-size: 0.75rem;
    }

    .avatar-sm.avatar-online:after, .avatar-sm.avatar-offline:after, .avatar-sm.avatar-away:after, .avatar-sm.avatar-busy:after {
        width: 0.4rem;
        height: 0.4rem;
        right: 2px;
    }

.avatar-md {
    width: 3rem;
    height: 3rem;
}

    .avatar-md .avatar-initial {
        font-size: 1.125rem;
    }

    .avatar-md.avatar-online:after, .avatar-md.avatar-offline:after, .avatar-md.avatar-away:after, .avatar-md.avatar-busy:after {
        width: 0.6rem;
        height: 0.6rem;
        right: 4px;
    }

.avatar-lg {
    width: 3.5rem;
    height: 3.5rem;
}

    .avatar-lg .avatar-initial {
        font-size: 1.5rem;
    }

    .avatar-lg.avatar-online:after, .avatar-lg.avatar-offline:after, .avatar-lg.avatar-away:after, .avatar-lg.avatar-busy:after {
        width: 0.7rem;
        height: 0.7rem;
        right: 5px;
    }

.avatar-xl {
    width: 4rem;
    height: 4rem;
}

    .avatar-xl .avatar-initial {
        font-size: 1.875rem;
    }

    .avatar-xl.avatar-online:after, .avatar-xl.avatar-offline:after, .avatar-xl.avatar-away:after, .avatar-xl.avatar-busy:after {
        width: 0.8rem;
        height: 0.8rem;
        right: 6px;
    }

.avatar-group .avatar {
    transition: all 0.25s ease;
}

    .avatar-group .avatar img,
    .avatar-group .avatar .avatar-initial {
        border: 2px solid #fff;
    }

    .avatar-group .avatar .avatar-initial {
        background-color: #f0eff0;
        line-height: 1;
    }

    .avatar-group .avatar:hover {
        z-index: 30 !important;
        transition: all 0.25s ease;
    }

    .avatar-group .avatar:nth-child(1) {
        z-index: 8;
    }

    .avatar-group .avatar:nth-child(2) {
        z-index: 7;
    }

    .avatar-group .avatar:nth-child(3) {
        z-index: 6;
    }

    .avatar-group .avatar:nth-child(4) {
        z-index: 5;
    }

    .avatar-group .avatar:nth-child(5) {
        z-index: 4;
    }

    .avatar-group .avatar:nth-child(6) {
        z-index: 3;
    }

    .avatar-group .avatar:nth-child(7) {
        z-index: 2;
    }

html:not([dir=rtl]) .avatar-group .avatar {
    margin-left: -0.65rem;
}

    html:not([dir=rtl]) .avatar-group .avatar:first-child {
        margin-left: 0 !important;
    }

html:not([dir=rtl]) .avatar-group .avatar-xs {
    margin-left: -0.5rem !important;
}

html:not([dir=rtl]) .avatar-group .avatar-sm {
    margin-left: -0.6rem !important;
}

html:not([dir=rtl]) .avatar-group .avatar-md {
    margin-left: -0.8rem !important;
}

html:not([dir=rtl]) .avatar-group .avatar-lg {
    margin-left: -1rem !important;
}

html:not([dir=rtl]) .avatar-group .avatar-xl {
    margin-left: -1.1rem !important;
}

[dir=rtl] .avatar-group .avatar {
    margin-left: -0.65rem;
    margin-right: 0;
}

[dir=rtl] .avatar-group .avatar-xs {
    margin-left: -0.5rem;
}

[dir=rtl] .avatar-group .avatar-sm {
    margin-left: -0.6rem;
}

[dir=rtl] .avatar-group .avatar-md {
    margin-left: -0.8rem;
}

[dir=rtl] .avatar-group .avatar-lg {
    margin-left: -1rem;
}

[dir=rtl] .avatar-group .avatar-xl {
    margin-left: -1.1rem;
}

.timeline {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    list-style: none;
}

    .timeline .timeline-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }

        .timeline .timeline-header > *:first-child {
            margin-right: 0.5rem;
        }

    .timeline .timeline-item {
        position: relative;
        padding-left: 1.4rem;
    }

        .timeline .timeline-item .timeline-event {
            position: relative;
            width: 100%;
            min-height: 4rem;
            background-color: #fff;
            border-radius: 0.375rem;
            padding: 0.5rem 0 0.3375rem;
        }

            .timeline .timeline-item .timeline-event .timeline-event-time {
                position: absolute;
                top: 1.2rem;
                font-size: 0.85rem;
                color: #a8aab4;
            }

        .timeline .timeline-item .timeline-indicator-advanced {
            position: absolute;
            left: -1.08rem;
            top: 0;
            z-index: 2;
            height: 2rem;
            width: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: #fff;
            box-shadow: 0 0 0 10px #fff;
        }

            .timeline .timeline-item .timeline-indicator-advanced + .timeline-event {
                position: relative;
                width: 100%;
                min-height: 4rem;
                border-radius: 0.5rem;
                padding: 0.4rem 1.5rem 1rem;
            }

        .timeline .timeline-item .timeline-indicator {
            position: absolute;
            left: -1rem;
            top: 0.64rem;
            z-index: 2;
            height: 2rem;
            width: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: lavender;
            box-shadow: 0 0 0 10px #f7f7f9;
        }

            .timeline .timeline-item .timeline-indicator i {
                color: #666cff;
            }

        .timeline .timeline-item .timeline-point {
            position: absolute;
            left: -0.38rem;
            top: 0;
            z-index: 2;
            display: block;
            height: 0.75rem;
            width: 0.75rem;
            border-radius: 50%;
            background-color: #666cff;
            box-shadow: 0 0 0 10px #fff;
        }

        .timeline .timeline-item.timeline-item-transparent .timeline-event {
            top: -0.9rem;
            background-color: transparent;
        }

html:not([dir=rtl]) .timeline .timeline-item.timeline-item-transparent .timeline-event {
    padding-left: 0;
}

.timeline .timeline-item.timeline-item-transparent .timeline-event.timeline-event-shadow {
    padding-left: 2rem;
}

.timeline.timeline-outline .timeline-item .timeline-point {
    outline: unset;
    background-color: #fff !important;
    border: 2px solid #666cff;
}

.timeline.timeline-center .timeline-item {
    width: 50%;
    clear: both;
}

    .timeline.timeline-center .timeline-item.timeline-item-left, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) {
        float: left;
        padding-left: 0;
        padding-right: 2.25rem;
        padding-bottom: 2.5rem;
        border-left: 0;
        border-right: 1px solid #e5e6e8;
    }

        .timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time {
            right: -10.2rem;
        }

        .timeline.timeline-center .timeline-item.timeline-item-left .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-point {
            left: 100%;
        }

    .timeline.timeline-center .timeline-item.timeline-item-right, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) {
        float: right;
        right: 1px;
        padding-left: 2.25rem;
        padding-bottom: 2.5rem;
        border-left: 1px solid #e5e6e8;
    }

        .timeline.timeline-center .timeline-item.timeline-item-right .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-event-time {
            left: -10.2rem;
        }

        .timeline.timeline-center .timeline-item.timeline-item-right .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-point {
            left: 0;
        }

    .timeline.timeline-center .timeline-item .timeline-point {
        left: 50%;
        margin-left: -0.6875rem;
    }

    .timeline.timeline-center .timeline-item .timeline-point-indicator {
        left: 50%;
        margin-left: -0.3125rem;
    }

html:not([dir=rtl]) .timeline:not(.timeline-center) {
    padding-left: 0.5rem;
}

html:not([dir=rtl]) .timeline:not(.timeline-outline):not(.timeline-center) .timeline-item {
    border-left: 1px solid #e5e6e8;
}

html:not([dir=rtl]) .timeline-outline .timeline-item {
    border-left: 1px dashed #e5e6e8;
}

[dir=rtl] .timeline:not(.timeline-center) {
    padding-right: 0.5rem;
}

    [dir=rtl] .timeline:not(.timeline-center):not(.timeline-outline) .timeline-item {
        border-right: 1px solid #e5e6e8;
    }

    [dir=rtl] .timeline:not(.timeline-center).timeline-outline .timeline-item {
        border-right: 1px dashed #e5e6e8;
    }

    [dir=rtl] .timeline:not(.timeline-center) .timeline-item {
        padding-left: 0;
        padding-right: 2rem;
    }

        [dir=rtl] .timeline:not(.timeline-center) .timeline-item.timeline-item-transparent .timeline-event {
            padding-right: 0;
        }

        [dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-point {
            right: -0.38rem;
            left: auto;
        }

        [dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-indicator {
            right: -0.75rem;
            left: auto;
        }

        [dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-indicator-advanced {
            right: -1rem;
            left: auto;
        }

            [dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-indicator-advanced + .timeline-event .timeline-header > *:first-child {
                margin-right: 0;
            }

@media (min-width: 768px) {
    .timeline.timeline-center .timeline-item.timeline-item-left .timeline-indicator, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-indicator {
        left: calc(100% - 2rem / 2);
    }
}

@media (max-width: 767.98px) {
    .timeline.timeline-center .timeline-item {
        border-right: 0 !important;
        left: 1rem;
        float: left !important;
        width: 100%;
        padding-left: 3rem !important;
        padding-right: 1.5rem !important;
    }

        .timeline.timeline-center .timeline-item:not(:last-child) {
            border-left: 1px solid #e5e6e8 !important;
        }

        .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time {
            top: -1.7rem;
            left: 0 !important;
            right: auto !important;
        }

        .timeline.timeline-center .timeline-item .timeline-point {
            left: -0.7rem !important;
            margin-left: 0 !important;
        }

        .timeline.timeline-center .timeline-item .timeline-point-indicator {
            left: 0 !important;
            margin-left: -0.3125rem !important;
        }

    [dir=rtl] .timeline.timeline-center .timeline-item {
        border-left: 0 !important;
        right: 1rem !important;
    }

        [dir=rtl] .timeline.timeline-center .timeline-item:not(:last-child) {
            border-right: 1px solid #e5e6e8 !important;
        }

    [dir=rtl] .timeline.timeline-center .timeline-item {
        float: right !important;
        width: 100%;
        padding-right: 3.5rem !important;
        padding-left: 1.5rem !important;
    }

        [dir=rtl] .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time {
            right: 0 !important;
            left: auto !important;
        }

        [dir=rtl] .timeline.timeline-center .timeline-item .timeline-point {
            right: -0.7rem !important;
            margin-right: 0 !important;
        }
}

@media (max-width: 767.98px) {
    [dir=rtl] .timeline .timeline-item .timeline-indicator {
        left: auto;
        right: -0.6875rem;
    }

    [dir=rtl] .timeline-center .timeline-item {
        padding-left: 0;
        padding-right: 3rem;
    }
}

@media (max-width: 575.98px) {
    .timeline .timeline-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

.timeline .timeline-point-secondary {
    background-color: #6d788d !important;
    outline: 3px solid rgba(109, 120, 141, 0.12);
}

.timeline.timeline-outline .timeline-point-secondary {
    border: 2px solid #6d788d !important;
}

.timeline .timeline-indicator-secondary {
    background-color: #e6e8ec !important;
}

    .timeline .timeline-indicator-secondary i {
        color: #6d788d !important;
    }

.timeline .timeline-point-success {
    background-color: #72e128 !important;
    outline: 3px solid rgba(114, 225, 40, 0.12);
}

.timeline.timeline-outline .timeline-point-success {
    border: 2px solid #72e128 !important;
}

.timeline .timeline-indicator-success {
    background-color: #e7f4e0 !important;
}

    .timeline .timeline-indicator-success i {
        color: #72e128 !important;
    }

.timeline .timeline-point-info {
    background-color: #26c6f9 !important;
    outline: 3px solid rgba(38, 198, 249, 0.12);
}

.timeline.timeline-outline .timeline-point-info {
    border: 2px solid #26c6f9 !important;
}

.timeline .timeline-indicator-info {
    background-color: #def1f9 !important;
}

    .timeline .timeline-indicator-info i {
        color: #26c6f9 !important;
    }

.timeline .timeline-point-warning {
    background-color: #fdb528 !important;
    outline: 3px solid rgba(253, 181, 40, 0.12);
}

.timeline.timeline-outline .timeline-point-warning {
    border: 2px solid #fdb528 !important;
}

.timeline .timeline-indicator-warning {
    background-color: #f8efe0 !important;
}

    .timeline .timeline-indicator-warning i {
        color: #fdb528 !important;
    }

.timeline .timeline-point-danger {
    background-color: #ff4d49 !important;
    outline: 3px solid rgba(255, 77, 73, 0.12);
}

.timeline.timeline-outline .timeline-point-danger {
    border: 2px solid #ff4d49 !important;
}

.timeline .timeline-indicator-danger {
    background-color: #f8e3e4 !important;
}

    .timeline .timeline-indicator-danger i {
        color: #ff4d49 !important;
    }

.timeline .timeline-point-dark {
    background-color: #4b4b4b !important;
    outline: 3px solid rgba(75, 75, 75, 0.12);
}

.timeline.timeline-outline .timeline-point-dark {
    border: 2px solid #4b4b4b !important;
}

.timeline .timeline-indicator-dark {
    background-color: #e2e2e4 !important;
}

    .timeline .timeline-indicator-dark i {
        color: #4b4b4b !important;
    }

.timeline .timeline-point-gray {
    background-color: rgba(38, 43, 67, 0.06) !important;
    outline: 3px solid rgba(38, 43, 67, 0.12);
}

.timeline.timeline-outline .timeline-point-gray {
    border: 2px solid rgba(38, 43, 67, 0.06) !important;
}

.timeline .timeline-indicator-gray {
    background-color: rgba(246, 246, 248, 0.8872) !important;
}

    .timeline .timeline-indicator-gray i {
        color: rgba(38, 43, 67, 0.06) !important;
    }

.blockUI.blockOverlay, .blockUI.blockMsg {
    z-index: 1091 !important;
    color: #fff !important;
}

[dir=rtl] #sortable-cards {
    flex-direction: row-reverse;
}

[dir=rtl] #image-list-1,
[dir=rtl] #image-list-2 {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap;
}

    .divider .divider-text {
        position: relative;
        display: inline-block;
        font-size: 0.8125rem;
        padding: 0rem 1rem;
    }

        .divider .divider-text i {
            font-size: 1rem;
        }

            .divider .divider-text i::before {
                font-size: 1rem;
            }

        .divider .divider-text:before, .divider .divider-text:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 100vw;
            border-top: 1px solid rgba(38, 43, 67, 0.12);
        }

        .divider .divider-text:before {
            right: 100%;
        }

        .divider .divider-text:after {
            left: 100%;
        }

    .divider.text-start .divider-text {
        padding-left: 0;
    }

    .divider.text-end .divider-text {
        padding-right: 0;
    }

    .divider.text-start-center .divider-text {
        left: -25%;
    }

    .divider.text-end-center .divider-text {
        right: -25%;
    }

    .divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after, .divider.divider-dotted:before, .divider.divider-dotted:after {
        border-style: dotted;
        border-width: 0 1px 1px;
        border-color: rgba(38, 43, 67, 0.12);
    }

    .divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after, .divider.divider-dashed:before, .divider.divider-dashed:after {
        border-style: dashed;
        border-width: 0 1px 1px;
        border-color: rgba(38, 43, 67, 0.12);
    }

    .divider.divider-vertical {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        margin: unset;
    }

        .divider.divider-vertical:before, .divider.divider-vertical:after {
            content: "";
            position: absolute;
            left: 50%;
            border-left: 1px solid rgba(38, 43, 67, 0.12);
        }

        .divider.divider-vertical:before {
            bottom: 50%;
            top: 0;
        }

        .divider.divider-vertical:after {
            top: 50%;
            bottom: 0;
        }

        .divider.divider-vertical.divider-dashed:before, .divider.divider-vertical.divider-dashed:after {
            border-width: 1px 1px 1px 0;
        }

        .divider.divider-vertical.divider-dotted:before, .divider.divider-vertical.divider-dotted:after {
            border-width: 1px 1px 1px 0;
        }

        .divider.divider-vertical .divider-text {
            background-color: #fff;
            z-index: 1;
            padding: 0.5rem;
        }

            .divider.divider-vertical .divider-text:before, .divider.divider-vertical .divider-text:after {
                content: unset;
            }

            .divider.divider-vertical .divider-text .badge-divider-bg {
                padding: 0.438rem 0.414rem;
                border-radius: 50%;
                font-weight: 400;
                font-size: 0.8125rem;
                background-color: #eeeef0;
            }

[dir=rtl] .divider.text-start-center .divider-text {
    right: -25%;
    left: auto;
}

[dir=rtl] .divider.text-end-center .divider-text {
    left: -25%;
    right: auto;
}

[dir=rtl] .divider.text-start .divider-text {
    padding-right: 0;
    padding-left: 1rem;
}

[dir=rtl] .divider.text-end .divider-text {
    padding-left: 0;
    padding-right: 1rem;
}

.divider.divider-secondary.divider-vertical:before, .divider.divider-secondary.divider-vertical:after,
.divider.divider-secondary .divider-text:before,
.divider.divider-secondary .divider-text:after {
    border-color: #6d788d;
}

.divider.divider-success.divider-vertical:before, .divider.divider-success.divider-vertical:after,
.divider.divider-success .divider-text:before,
.divider.divider-success .divider-text:after {
    border-color: #72e128;
}

.divider.divider-info.divider-vertical:before, .divider.divider-info.divider-vertical:after,
.divider.divider-info .divider-text:before,
.divider.divider-info .divider-text:after {
    border-color: #26c6f9;
}

.divider.divider-warning.divider-vertical:before, .divider.divider-warning.divider-vertical:after,
.divider.divider-warning .divider-text:before,
.divider.divider-warning .divider-text:after {
    border-color: #fdb528;
}

.divider.divider-danger.divider-vertical:before, .divider.divider-danger.divider-vertical:after,
.divider.divider-danger .divider-text:before,
.divider.divider-danger .divider-text:after {
    border-color: #ff4d49;
}

.divider.divider-dark.divider-vertical:before, .divider.divider-dark.divider-vertical:after,
.divider.divider-dark .divider-text:before,
.divider.divider-dark .divider-text:after {
    border-color: #4b4b4b;
}

.divider.divider-gray.divider-vertical:before, .divider.divider-gray.divider-vertical:after,
.divider.divider-gray .divider-text:before,
.divider.divider-gray .divider-text:after {
    border-color: rgba(38, 43, 67, 0.06);
}

.footer-link {
    display: inline-block;
    color: rgba(38, 43, 67, 0.5);
}

.footer-light {
    color: rgba(38, 43, 67, 0.5);
}

    .footer-light .footer-text {
        color: #676b7b;
    }

    .footer-light .footer-link {
        color: rgba(38, 43, 67, 0.5);
    }

        .footer-light .footer-link:hover, .footer-light .footer-link:focus {
            color: #676b7b;
        }

        .footer-light .footer-link.disabled {
            color: rgba(38, 43, 67, 0.22) !important;
        }

        .footer-light .show > .footer-link,
        .footer-light .active > .footer-link,
        .footer-light .footer-link.show,
        .footer-light .footer-link.active {
            color: #676b7b;
        }

    .footer-light hr {
        border-color: rgba(0, 0, 0, 0.06);
    }

.footer-dark {
    color: rgba(255, 255, 255, 0.8);
}

    .footer-dark .footer-text {
        color: #fff;
    }

    .footer-dark .footer-link {
        color: rgba(255, 255, 255, 0.8);
    }

        .footer-dark .footer-link:hover, .footer-dark .footer-link:focus {
            color: #fff;
        }

        .footer-dark .footer-link.disabled {
            color: rgba(255, 255, 255, 0.4) !important;
        }

        .footer-dark .show > .footer-link,
        .footer-dark .active > .footer-link,
        .footer-dark .footer-link.show,
        .footer-dark .footer-link.active {
            color: #fff;
        }

    .footer-dark hr {
        border-color: rgba(255, 255, 255, 0.2);
    }

:root {
    --bs-facebook: #3b5998;
    --bs-twitter: #1da1f2;
    --bs-google-plus: #dd4b39;
    --bs-instagram: #e1306c;
    --bs-linkedin: #0077b5;
    --bs-github: #333;
    --bs-dribbble: #ea4c89;
    --bs-pinterest: #cb2027;
    --bs-slack: #4a154b;
    --bs-reddit: #ff4500;
    --bs-youtube: #ff0000;
    --bs-whatsapp: #2cd548;
    --bs-vimeo: #1ab7ea;
}

.bg-facebook {
    background-color: #3b5998 !important;
}

a.bg-facebook:hover, a.bg-facebook:focus {
    background-color: #385590 !important;
}

.bg-label-facebook {
    background-color: #e0e4ef !important;
    color: #3b5998 !important;
}

.bg-label-hover-facebook {
    background-color: #e0e4ef !important;
    color: #3b5998 !important;
}

    .bg-label-hover-facebook:hover {
        background-color: #3b5998 !important;
        color: #fff !important;
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

    .btn-facebook:hover {
        color: #fff !important;
        background-color: #355089 !important;
        border-color: #355089 !important;
    }

    .btn-check:focus + .btn-facebook, .btn-facebook:focus, .btn-facebook.focus {
        color: #fff;
        background-color: #355089;
        border-color: #355089;
    }

    .btn-check:checked + .btn-facebook, .btn-check:active + .btn-facebook, .btn-facebook:active, .btn-facebook.active, .btn-facebook.show.dropdown-toggle, .show > .btn-facebook.dropdown-toggle {
        color: #fff !important;
        background-color: #355089 !important;
        border-color: #355089 !important;
    }

    .btn-facebook.disabled, .btn-facebook:disabled {
        color: #fff !important;
        background-color: #3b5998 !important;
        border-color: #3b5998 !important;
    }

.btn-group .btn-facebook,
.input-group .btn-facebook {
    border-right: 1px solid #355089;
    border-left: 1px solid #355089;
}

.btn-group-vertical .btn-facebook {
    border-top-color: #355089;
    border-bottom-color: #355089;
}

.btn-label-facebook {
    color: #3b5998;
    border-color: #e0e4ef;
    background: #e0e4ef;
}

    .btn-label-facebook.waves-effect .waves-ripple {
        background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-facebook:hover {
        border-color: #d0d7e6 !important;
        background: #d0d7e6 !important;
        color: #3b5998 !important;
    }

    .btn-label-facebook:focus, .btn-label-facebook.focus {
        color: #3b5998;
        background: #d0d7e6;
        border-color: #d0d7e6;
    }

    .btn-label-facebook:active, .btn-label-facebook.active, .btn-label-facebook.show.dropdown-toggle, .show > .btn-label-facebook.dropdown-toggle {
        color: #3b5998 !important;
        background-color: #d0d7e6 !important;
        border-color: #d0d7e6 !important;
    }

    .btn-label-facebook.disabled, .btn-label-facebook:disabled {
        color: #3b5998 !important;
        border-color: #e0e4ef !important;
        background: #e0e4ef !important;
    }

.btn-group .btn-label-facebook,
.input-group .btn-label-facebook {
    border-right: 1px solid #c0cade !important;
    border-left: 1px solid #c0cade !important;
}

.btn-group-vertical .btn-label-facebook {
    border-top-color: #c0cade !important;
    border-bottom-color: #c0cade !important;
}

.btn-outline-facebook {
    color: #3b5998;
    border-color: #3b5998;
    background: transparent;
}

    .btn-outline-facebook.waves-effect .waves-ripple {
        background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-facebook:hover {
        color: #3b5998 !important;
        background-color: #eff2f7 !important;
        border-color: #3b5998 !important;
    }

    .btn-check:focus + .btn-outline-facebook, .btn-outline-facebook:focus {
        color: #3b5998;
        background-color: #eff2f7;
        border-color: #3b5998;
    }

    .btn-check:checked + .btn-outline-facebook, .btn-check:active + .btn-outline-facebook, .btn-outline-facebook:active, .btn-outline-facebook.active, .btn-outline-facebook.dropdown-toggle.show {
        color: #3b5998 !important;
        background-color: #eff2f7 !important;
        border-color: #3b5998 !important;
    }

    .btn-outline-facebook.disabled, .btn-outline-facebook:disabled {
        color: #3b5998 !important;
    }

    .btn-outline-facebook .badge {
        background: #3b5998;
        border-color: #3b5998;
        color: #fff;
    }

    .btn-outline-facebook:hover .badge,
    .btn-outline-facebook:focus:hover .badge,
    .btn-outline-facebook:active .badge,
    .btn-outline-facebook.active .badge,
    .show > .btn-outline-facebook.dropdown-toggle .badge {
        background: #3b5998;
        border-color: #3b5998;
        color: #fff;
    }

.btn-text-facebook {
    color: #3b5998 !important;
}

    .btn-text-facebook.waves-effect .waves-ripple {
        background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-facebook:hover {
        border-color: transparent;
        background: #eff2f7;
        color: #3b5998;
    }

    .btn-text-facebook:focus, .btn-text-facebook.focus {
        color: #3b5998;
        background: #eff2f7;
    }

    .btn-text-facebook.btn:active, .btn-text-facebook.btn.active, .btn-text-facebook.btn.show.dropdown-toggle, .btn.show > .btn-text-facebook.dropdown-toggle {
        color: #3b5998;
        background: #eff2f7 !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-facebook,
.input-group .btn-text-facebook {
    border-right: 1px solid #3b5998 !important;
    border-left: 1px solid #3b5998 !important;
}

.btn-group-vertical .btn-text-facebook {
    border-top: 1px solid #3b5998 !important;
    border-bottom: 1px solid #3b5998 !important;
}

.bg-twitter {
    background-color: #1da1f2 !important;
}

a.bg-twitter:hover, a.bg-twitter:focus {
    background-color: #1c99e6 !important;
}

.bg-label-twitter {
    background-color: #dbf0fd !important;
    color: #1da1f2 !important;
}

.bg-label-hover-twitter {
    background-color: #dbf0fd !important;
    color: #1da1f2 !important;
}

    .bg-label-hover-twitter:hover {
        background-color: #1da1f2 !important;
        color: #fff !important;
    }

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

    .btn-twitter:hover {
        color: #fff !important;
        background-color: #1a91da !important;
        border-color: #1a91da !important;
    }

    .btn-check:focus + .btn-twitter, .btn-twitter:focus, .btn-twitter.focus {
        color: #fff;
        background-color: #1a91da;
        border-color: #1a91da;
    }

    .btn-check:checked + .btn-twitter, .btn-check:active + .btn-twitter, .btn-twitter:active, .btn-twitter.active, .btn-twitter.show.dropdown-toggle, .show > .btn-twitter.dropdown-toggle {
        color: #fff !important;
        background-color: #1a91da !important;
        border-color: #1a91da !important;
    }

    .btn-twitter.disabled, .btn-twitter:disabled {
        color: #fff !important;
        background-color: #1da1f2 !important;
        border-color: #1da1f2 !important;
    }

.btn-group .btn-twitter,
.input-group .btn-twitter {
    border-right: 1px solid #1a91da;
    border-left: 1px solid #1a91da;
}

.btn-group-vertical .btn-twitter {
    border-top-color: #1a91da;
    border-bottom-color: #1a91da;
}

.btn-label-twitter {
    color: #1da1f2;
    border-color: #dbf0fd;
    background: #dbf0fd;
}

    .btn-label-twitter.waves-effect .waves-ripple {
        background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-twitter:hover {
        border-color: #c9e8fc !important;
        background: #c9e8fc !important;
        color: #1da1f2 !important;
    }

    .btn-label-twitter:focus, .btn-label-twitter.focus {
        color: #1da1f2;
        background: #c9e8fc;
        border-color: #c9e8fc;
    }

    .btn-label-twitter:active, .btn-label-twitter.active, .btn-label-twitter.show.dropdown-toggle, .show > .btn-label-twitter.dropdown-toggle {
        color: #1da1f2 !important;
        background-color: #c9e8fc !important;
        border-color: #c9e8fc !important;
    }

    .btn-label-twitter.disabled, .btn-label-twitter:disabled {
        color: #1da1f2 !important;
        border-color: #dbf0fd !important;
        background: #dbf0fd !important;
    }

.btn-group .btn-label-twitter,
.input-group .btn-label-twitter {
    border-right: 1px solid #b7e1fb !important;
    border-left: 1px solid #b7e1fb !important;
}

.btn-group-vertical .btn-label-twitter {
    border-top-color: #b7e1fb !important;
    border-bottom-color: #b7e1fb !important;
}

.btn-outline-twitter {
    color: #1da1f2;
    border-color: #1da1f2;
    background: transparent;
}

    .btn-outline-twitter.waves-effect .waves-ripple {
        background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-twitter:hover {
        color: #1da1f2 !important;
        background-color: #edf7fe !important;
        border-color: #1da1f2 !important;
    }

    .btn-check:focus + .btn-outline-twitter, .btn-outline-twitter:focus {
        color: #1da1f2;
        background-color: #edf7fe;
        border-color: #1da1f2;
    }

    .btn-check:checked + .btn-outline-twitter, .btn-check:active + .btn-outline-twitter, .btn-outline-twitter:active, .btn-outline-twitter.active, .btn-outline-twitter.dropdown-toggle.show {
        color: #1da1f2 !important;
        background-color: #edf7fe !important;
        border-color: #1da1f2 !important;
    }

    .btn-outline-twitter.disabled, .btn-outline-twitter:disabled {
        color: #1da1f2 !important;
    }

    .btn-outline-twitter .badge {
        background: #1da1f2;
        border-color: #1da1f2;
        color: #fff;
    }

    .btn-outline-twitter:hover .badge,
    .btn-outline-twitter:focus:hover .badge,
    .btn-outline-twitter:active .badge,
    .btn-outline-twitter.active .badge,
    .show > .btn-outline-twitter.dropdown-toggle .badge {
        background: #1da1f2;
        border-color: #1da1f2;
        color: #fff;
    }

.btn-text-twitter {
    color: #1da1f2 !important;
}

    .btn-text-twitter.waves-effect .waves-ripple {
        background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-twitter:hover {
        border-color: transparent;
        background: #edf7fe;
        color: #1da1f2;
    }

    .btn-text-twitter:focus, .btn-text-twitter.focus {
        color: #1da1f2;
        background: #edf7fe;
    }

    .btn-text-twitter.btn:active, .btn-text-twitter.btn.active, .btn-text-twitter.btn.show.dropdown-toggle, .btn.show > .btn-text-twitter.dropdown-toggle {
        color: #1da1f2;
        background: #edf7fe !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-twitter,
.input-group .btn-text-twitter {
    border-right: 1px solid #1da1f2 !important;
    border-left: 1px solid #1da1f2 !important;
}

.btn-group-vertical .btn-text-twitter {
    border-top: 1px solid #1da1f2 !important;
    border-bottom: 1px solid #1da1f2 !important;
}

.bg-google-plus {
    background-color: #dd4b39 !important;
}

a.bg-google-plus:hover, a.bg-google-plus:focus {
    background-color: #d24736 !important;
}

.bg-label-google-plus {
    background-color: #fae2df !important;
    color: #dd4b39 !important;
}

.bg-label-hover-google-plus {
    background-color: #fae2df !important;
    color: #dd4b39 !important;
}

    .bg-label-hover-google-plus:hover {
        background-color: #dd4b39 !important;
        color: #fff !important;
    }

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

    .btn-google-plus:hover {
        color: #fff !important;
        background-color: #c74433 !important;
        border-color: #c74433 !important;
    }

    .btn-check:focus + .btn-google-plus, .btn-google-plus:focus, .btn-google-plus.focus {
        color: #fff;
        background-color: #c74433;
        border-color: #c74433;
    }

    .btn-check:checked + .btn-google-plus, .btn-check:active + .btn-google-plus, .btn-google-plus:active, .btn-google-plus.active, .btn-google-plus.show.dropdown-toggle, .show > .btn-google-plus.dropdown-toggle {
        color: #fff !important;
        background-color: #c74433 !important;
        border-color: #c74433 !important;
    }

    .btn-google-plus.disabled, .btn-google-plus:disabled {
        color: #fff !important;
        background-color: #dd4b39 !important;
        border-color: #dd4b39 !important;
    }

.btn-group .btn-google-plus,
.input-group .btn-google-plus {
    border-right: 1px solid #c74433;
    border-left: 1px solid #c74433;
}

.btn-group-vertical .btn-google-plus {
    border-top-color: #c74433;
    border-bottom-color: #c74433;
}

.btn-label-google-plus {
    color: #dd4b39;
    border-color: #fae2df;
    background: #fae2df;
}

    .btn-label-google-plus.waves-effect .waves-ripple {
        background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-google-plus:hover {
        border-color: #f7d4cf !important;
        background: #f7d4cf !important;
        color: #dd4b39 !important;
    }

    .btn-label-google-plus:focus, .btn-label-google-plus.focus {
        color: #dd4b39;
        background: #f7d4cf;
        border-color: #f7d4cf;
    }

    .btn-label-google-plus:active, .btn-label-google-plus.active, .btn-label-google-plus.show.dropdown-toggle, .show > .btn-label-google-plus.dropdown-toggle {
        color: #dd4b39 !important;
        background-color: #f7d4cf !important;
        border-color: #f7d4cf !important;
    }

    .btn-label-google-plus.disabled, .btn-label-google-plus:disabled {
        color: #dd4b39 !important;
        border-color: #fae2df !important;
        background: #fae2df !important;
    }

.btn-group .btn-label-google-plus,
.input-group .btn-label-google-plus {
    border-right: 1px solid #f4c5c0 !important;
    border-left: 1px solid #f4c5c0 !important;
}

.btn-group-vertical .btn-label-google-plus {
    border-top-color: #f4c5c0 !important;
    border-bottom-color: #f4c5c0 !important;
}

.btn-outline-google-plus {
    color: #dd4b39;
    border-color: #dd4b39;
    background: transparent;
}

    .btn-outline-google-plus.waves-effect .waves-ripple {
        background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-google-plus:hover {
        color: #dd4b39 !important;
        background-color: #fcf1ef !important;
        border-color: #dd4b39 !important;
    }

    .btn-check:focus + .btn-outline-google-plus, .btn-outline-google-plus:focus {
        color: #dd4b39;
        background-color: #fcf1ef;
        border-color: #dd4b39;
    }

    .btn-check:checked + .btn-outline-google-plus, .btn-check:active + .btn-outline-google-plus, .btn-outline-google-plus:active, .btn-outline-google-plus.active, .btn-outline-google-plus.dropdown-toggle.show {
        color: #dd4b39 !important;
        background-color: #fcf1ef !important;
        border-color: #dd4b39 !important;
    }

    .btn-outline-google-plus.disabled, .btn-outline-google-plus:disabled {
        color: #dd4b39 !important;
    }

    .btn-outline-google-plus .badge {
        background: #dd4b39;
        border-color: #dd4b39;
        color: #fff;
    }

    .btn-outline-google-plus:hover .badge,
    .btn-outline-google-plus:focus:hover .badge,
    .btn-outline-google-plus:active .badge,
    .btn-outline-google-plus.active .badge,
    .show > .btn-outline-google-plus.dropdown-toggle .badge {
        background: #dd4b39;
        border-color: #dd4b39;
        color: #fff;
    }

.btn-text-google-plus {
    color: #dd4b39 !important;
}

    .btn-text-google-plus.waves-effect .waves-ripple {
        background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-google-plus:hover {
        border-color: transparent;
        background: #fcf1ef;
        color: #dd4b39;
    }

    .btn-text-google-plus:focus, .btn-text-google-plus.focus {
        color: #dd4b39;
        background: #fcf1ef;
    }

    .btn-text-google-plus.btn:active, .btn-text-google-plus.btn.active, .btn-text-google-plus.btn.show.dropdown-toggle, .btn.show > .btn-text-google-plus.dropdown-toggle {
        color: #dd4b39;
        background: #fcf1ef !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-google-plus,
.input-group .btn-text-google-plus {
    border-right: 1px solid #dd4b39 !important;
    border-left: 1px solid #dd4b39 !important;
}

.btn-group-vertical .btn-text-google-plus {
    border-top: 1px solid #dd4b39 !important;
    border-bottom: 1px solid #dd4b39 !important;
}

.bg-instagram {
    background-color: #e1306c !important;
}

a.bg-instagram:hover, a.bg-instagram:focus {
    background-color: #d62e67 !important;
}

.bg-label-instagram {
    background-color: #fadee7 !important;
    color: #e1306c !important;
}

.bg-label-hover-instagram {
    background-color: #fadee7 !important;
    color: #e1306c !important;
}

    .bg-label-hover-instagram:hover {
        background-color: #e1306c !important;
        color: #fff !important;
    }

.btn-instagram {
    color: #fff;
    background-color: #e1306c;
    border-color: #e1306c;
}

    .btn-instagram:hover {
        color: #fff !important;
        background-color: #cb2b61 !important;
        border-color: #cb2b61 !important;
    }

    .btn-check:focus + .btn-instagram, .btn-instagram:focus, .btn-instagram.focus {
        color: #fff;
        background-color: #cb2b61;
        border-color: #cb2b61;
    }

    .btn-check:checked + .btn-instagram, .btn-check:active + .btn-instagram, .btn-instagram:active, .btn-instagram.active, .btn-instagram.show.dropdown-toggle, .show > .btn-instagram.dropdown-toggle {
        color: #fff !important;
        background-color: #cb2b61 !important;
        border-color: #cb2b61 !important;
    }

    .btn-instagram.disabled, .btn-instagram:disabled {
        color: #fff !important;
        background-color: #e1306c !important;
        border-color: #e1306c !important;
    }

.btn-group .btn-instagram,
.input-group .btn-instagram {
    border-right: 1px solid #cb2b61;
    border-left: 1px solid #cb2b61;
}

.btn-group-vertical .btn-instagram {
    border-top-color: #cb2b61;
    border-bottom-color: #cb2b61;
}

.btn-label-instagram {
    color: #e1306c;
    border-color: #fadee7;
    background: #fadee7;
}

    .btn-label-instagram.waves-effect .waves-ripple {
        background: radial-gradient(rgba(225, 48, 108, 0.2) 0, rgba(225, 48, 108, 0.3) 40%, rgba(225, 48, 108, 0.4) 50%, rgba(225, 48, 108, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-instagram:hover {
        border-color: #f8cddc !important;
        background: #f8cddc !important;
        color: #e1306c !important;
    }

    .btn-label-instagram:focus, .btn-label-instagram.focus {
        color: #e1306c;
        background: #f8cddc;
        border-color: #f8cddc;
    }

    .btn-label-instagram:active, .btn-label-instagram.active, .btn-label-instagram.show.dropdown-toggle, .show > .btn-label-instagram.dropdown-toggle {
        color: #e1306c !important;
        background-color: #f8cddc !important;
        border-color: #f8cddc !important;
    }

    .btn-label-instagram.disabled, .btn-label-instagram:disabled {
        color: #e1306c !important;
        border-color: #fadee7 !important;
        background: #fadee7 !important;
    }

.btn-group .btn-label-instagram,
.input-group .btn-label-instagram {
    border-right: 1px solid #f5bdd0 !important;
    border-left: 1px solid #f5bdd0 !important;
}

.btn-group-vertical .btn-label-instagram {
    border-top-color: #f5bdd0 !important;
    border-bottom-color: #f5bdd0 !important;
}

.btn-outline-instagram {
    color: #e1306c;
    border-color: #e1306c;
    background: transparent;
}

    .btn-outline-instagram.waves-effect .waves-ripple {
        background: radial-gradient(rgba(225, 48, 108, 0.2) 0, rgba(225, 48, 108, 0.3) 40%, rgba(225, 48, 108, 0.4) 50%, rgba(225, 48, 108, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-instagram:hover {
        color: #e1306c !important;
        background-color: #fdeef3 !important;
        border-color: #e1306c !important;
    }

    .btn-check:focus + .btn-outline-instagram, .btn-outline-instagram:focus {
        color: #e1306c;
        background-color: #fdeef3;
        border-color: #e1306c;
    }

    .btn-check:checked + .btn-outline-instagram, .btn-check:active + .btn-outline-instagram, .btn-outline-instagram:active, .btn-outline-instagram.active, .btn-outline-instagram.dropdown-toggle.show {
        color: #e1306c !important;
        background-color: #fdeef3 !important;
        border-color: #e1306c !important;
    }

    .btn-outline-instagram.disabled, .btn-outline-instagram:disabled {
        color: #e1306c !important;
    }

    .btn-outline-instagram .badge {
        background: #e1306c;
        border-color: #e1306c;
        color: #fff;
    }

    .btn-outline-instagram:hover .badge,
    .btn-outline-instagram:focus:hover .badge,
    .btn-outline-instagram:active .badge,
    .btn-outline-instagram.active .badge,
    .show > .btn-outline-instagram.dropdown-toggle .badge {
        background: #e1306c;
        border-color: #e1306c;
        color: #fff;
    }

.btn-text-instagram {
    color: #e1306c !important;
}

    .btn-text-instagram.waves-effect .waves-ripple {
        background: radial-gradient(rgba(225, 48, 108, 0.2) 0, rgba(225, 48, 108, 0.3) 40%, rgba(225, 48, 108, 0.4) 50%, rgba(225, 48, 108, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-instagram:hover {
        border-color: transparent;
        background: #fdeef3;
        color: #e1306c;
    }

    .btn-text-instagram:focus, .btn-text-instagram.focus {
        color: #e1306c;
        background: #fdeef3;
    }

    .btn-text-instagram.btn:active, .btn-text-instagram.btn.active, .btn-text-instagram.btn.show.dropdown-toggle, .btn.show > .btn-text-instagram.dropdown-toggle {
        color: #e1306c;
        background: #fdeef3 !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-instagram,
.input-group .btn-text-instagram {
    border-right: 1px solid #e1306c !important;
    border-left: 1px solid #e1306c !important;
}

.btn-group-vertical .btn-text-instagram {
    border-top: 1px solid #e1306c !important;
    border-bottom: 1px solid #e1306c !important;
}

.bg-linkedin {
    background-color: #0077b5 !important;
}

a.bg-linkedin:hover, a.bg-linkedin:focus {
    background-color: #0071ac !important;
}

.bg-label-linkedin {
    background-color: #d6e9f3 !important;
    color: #0077b5 !important;
}

.bg-label-hover-linkedin {
    background-color: #d6e9f3 !important;
    color: #0077b5 !important;
}

    .bg-label-hover-linkedin:hover {
        background-color: #0077b5 !important;
        color: #fff !important;
    }

.btn-linkedin {
    color: #fff;
    background-color: #0077b5;
    border-color: #0077b5;
}

    .btn-linkedin:hover {
        color: #fff !important;
        background-color: #006ba3 !important;
        border-color: #006ba3 !important;
    }

    .btn-check:focus + .btn-linkedin, .btn-linkedin:focus, .btn-linkedin.focus {
        color: #fff;
        background-color: #006ba3;
        border-color: #006ba3;
    }

    .btn-check:checked + .btn-linkedin, .btn-check:active + .btn-linkedin, .btn-linkedin:active, .btn-linkedin.active, .btn-linkedin.show.dropdown-toggle, .show > .btn-linkedin.dropdown-toggle {
        color: #fff !important;
        background-color: #006ba3 !important;
        border-color: #006ba3 !important;
    }

    .btn-linkedin.disabled, .btn-linkedin:disabled {
        color: #fff !important;
        background-color: #0077b5 !important;
        border-color: #0077b5 !important;
    }

.btn-group .btn-linkedin,
.input-group .btn-linkedin {
    border-right: 1px solid #006ba3;
    border-left: 1px solid #006ba3;
}

.btn-group-vertical .btn-linkedin {
    border-top-color: #006ba3;
    border-bottom-color: #006ba3;
}

.btn-label-linkedin {
    color: #0077b5;
    border-color: #d6e9f3;
    background: #d6e9f3;
}

    .btn-label-linkedin.waves-effect .waves-ripple {
        background: radial-gradient(rgba(0, 119, 181, 0.2) 0, rgba(0, 119, 181, 0.3) 40%, rgba(0, 119, 181, 0.4) 50%, rgba(0, 119, 181, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-linkedin:hover {
        border-color: #c2deed !important;
        background: #c2deed !important;
        color: #0077b5 !important;
    }

    .btn-label-linkedin:focus, .btn-label-linkedin.focus {
        color: #0077b5;
        background: #c2deed;
        border-color: #c2deed;
    }

    .btn-label-linkedin:active, .btn-label-linkedin.active, .btn-label-linkedin.show.dropdown-toggle, .show > .btn-label-linkedin.dropdown-toggle {
        color: #0077b5 !important;
        background-color: #c2deed !important;
        border-color: #c2deed !important;
    }

    .btn-label-linkedin.disabled, .btn-label-linkedin:disabled {
        color: #0077b5 !important;
        border-color: #d6e9f3 !important;
        background: #d6e9f3 !important;
    }

.btn-group .btn-label-linkedin,
.input-group .btn-label-linkedin {
    border-right: 1px solid #add3e7 !important;
    border-left: 1px solid #add3e7 !important;
}

.btn-group-vertical .btn-label-linkedin {
    border-top-color: #add3e7 !important;
    border-bottom-color: #add3e7 !important;
}

.btn-outline-linkedin {
    color: #0077b5;
    border-color: #0077b5;
    background: transparent;
}

    .btn-outline-linkedin.waves-effect .waves-ripple {
        background: radial-gradient(rgba(0, 119, 181, 0.2) 0, rgba(0, 119, 181, 0.3) 40%, rgba(0, 119, 181, 0.4) 50%, rgba(0, 119, 181, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-linkedin:hover {
        color: #0077b5 !important;
        background-color: #ebf4f9 !important;
        border-color: #0077b5 !important;
    }

    .btn-check:focus + .btn-outline-linkedin, .btn-outline-linkedin:focus {
        color: #0077b5;
        background-color: #ebf4f9;
        border-color: #0077b5;
    }

    .btn-check:checked + .btn-outline-linkedin, .btn-check:active + .btn-outline-linkedin, .btn-outline-linkedin:active, .btn-outline-linkedin.active, .btn-outline-linkedin.dropdown-toggle.show {
        color: #0077b5 !important;
        background-color: #ebf4f9 !important;
        border-color: #0077b5 !important;
    }

    .btn-outline-linkedin.disabled, .btn-outline-linkedin:disabled {
        color: #0077b5 !important;
    }

    .btn-outline-linkedin .badge {
        background: #0077b5;
        border-color: #0077b5;
        color: #fff;
    }

    .btn-outline-linkedin:hover .badge,
    .btn-outline-linkedin:focus:hover .badge,
    .btn-outline-linkedin:active .badge,
    .btn-outline-linkedin.active .badge,
    .show > .btn-outline-linkedin.dropdown-toggle .badge {
        background: #0077b5;
        border-color: #0077b5;
        color: #fff;
    }

.btn-text-linkedin {
    color: #0077b5 !important;
}

    .btn-text-linkedin.waves-effect .waves-ripple {
        background: radial-gradient(rgba(0, 119, 181, 0.2) 0, rgba(0, 119, 181, 0.3) 40%, rgba(0, 119, 181, 0.4) 50%, rgba(0, 119, 181, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-linkedin:hover {
        border-color: transparent;
        background: #ebf4f9;
        color: #0077b5;
    }

    .btn-text-linkedin:focus, .btn-text-linkedin.focus {
        color: #0077b5;
        background: #ebf4f9;
    }

    .btn-text-linkedin.btn:active, .btn-text-linkedin.btn.active, .btn-text-linkedin.btn.show.dropdown-toggle, .btn.show > .btn-text-linkedin.dropdown-toggle {
        color: #0077b5;
        background: #ebf4f9 !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-linkedin,
.input-group .btn-text-linkedin {
    border-right: 1px solid #0077b5 !important;
    border-left: 1px solid #0077b5 !important;
}

.btn-group-vertical .btn-text-linkedin {
    border-top: 1px solid #0077b5 !important;
    border-bottom: 1px solid #0077b5 !important;
}

.bg-github {
    background-color: #333 !important;
}

a.bg-github:hover, a.bg-github:focus {
    background-color: #303030 !important;
}

.bg-label-github {
    background-color: #dedede !important;
    color: #333 !important;
}

.bg-label-hover-github {
    background-color: #dedede !important;
    color: #333 !important;
}

    .bg-label-hover-github:hover {
        background-color: #333 !important;
        color: #fff !important;
    }

.btn-github {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

    .btn-github:hover {
        color: #fff !important;
        background-color: #2e2e2e !important;
        border-color: #2e2e2e !important;
    }

    .btn-check:focus + .btn-github, .btn-github:focus, .btn-github.focus {
        color: #fff;
        background-color: #2e2e2e;
        border-color: #2e2e2e;
    }

    .btn-check:checked + .btn-github, .btn-check:active + .btn-github, .btn-github:active, .btn-github.active, .btn-github.show.dropdown-toggle, .show > .btn-github.dropdown-toggle {
        color: #fff !important;
        background-color: #2e2e2e !important;
        border-color: #2e2e2e !important;
    }

    .btn-github.disabled, .btn-github:disabled {
        color: #fff !important;
        background-color: #333 !important;
        border-color: #333 !important;
    }

.btn-group .btn-github,
.input-group .btn-github {
    border-right: 1px solid #2e2e2e;
    border-left: 1px solid #2e2e2e;
}

.btn-group-vertical .btn-github {
    border-top-color: #2e2e2e;
    border-bottom-color: #2e2e2e;
}

.btn-label-github {
    color: #333;
    border-color: #dedede;
    background: #dedede;
}

    .btn-label-github.waves-effect .waves-ripple {
        background: radial-gradient(rgba(51, 51, 51, 0.2) 0, rgba(51, 51, 51, 0.3) 40%, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-github:hover {
        border-color: #cecece !important;
        background: #cecece !important;
        color: #333 !important;
    }

    .btn-label-github:focus, .btn-label-github.focus {
        color: #333;
        background: #cecece;
        border-color: #cecece;
    }

    .btn-label-github:active, .btn-label-github.active, .btn-label-github.show.dropdown-toggle, .show > .btn-label-github.dropdown-toggle {
        color: #333 !important;
        background-color: #cecece !important;
        border-color: #cecece !important;
    }

    .btn-label-github.disabled, .btn-label-github:disabled {
        color: #333 !important;
        border-color: #dedede !important;
        background: #dedede !important;
    }

.btn-group .btn-label-github,
.input-group .btn-label-github {
    border-right: 1px solid #bebebe !important;
    border-left: 1px solid #bebebe !important;
}

.btn-group-vertical .btn-label-github {
    border-top-color: #bebebe !important;
    border-bottom-color: #bebebe !important;
}

.btn-outline-github {
    color: #333;
    border-color: #333;
    background: transparent;
}

    .btn-outline-github.waves-effect .waves-ripple {
        background: radial-gradient(rgba(51, 51, 51, 0.2) 0, rgba(51, 51, 51, 0.3) 40%, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-github:hover {
        color: #333 !important;
        background-color: #efefef !important;
        border-color: #333 !important;
    }

    .btn-check:focus + .btn-outline-github, .btn-outline-github:focus {
        color: #333;
        background-color: #efefef;
        border-color: #333;
    }

    .btn-check:checked + .btn-outline-github, .btn-check:active + .btn-outline-github, .btn-outline-github:active, .btn-outline-github.active, .btn-outline-github.dropdown-toggle.show {
        color: #333 !important;
        background-color: #efefef !important;
        border-color: #333 !important;
    }

    .btn-outline-github.disabled, .btn-outline-github:disabled {
        color: #333 !important;
    }

    .btn-outline-github .badge {
        background: #333;
        border-color: #333;
        color: #fff;
    }

    .btn-outline-github:hover .badge,
    .btn-outline-github:focus:hover .badge,
    .btn-outline-github:active .badge,
    .btn-outline-github.active .badge,
    .show > .btn-outline-github.dropdown-toggle .badge {
        background: #333;
        border-color: #333;
        color: #fff;
    }

.btn-text-github {
    color: #333 !important;
}

    .btn-text-github.waves-effect .waves-ripple {
        background: radial-gradient(rgba(51, 51, 51, 0.2) 0, rgba(51, 51, 51, 0.3) 40%, rgba(51, 51, 51, 0.4) 50%, rgba(51, 51, 51, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-github:hover {
        border-color: transparent;
        background: #efefef;
        color: #333;
    }

    .btn-text-github:focus, .btn-text-github.focus {
        color: #333;
        background: #efefef;
    }

    .btn-text-github.btn:active, .btn-text-github.btn.active, .btn-text-github.btn.show.dropdown-toggle, .btn.show > .btn-text-github.dropdown-toggle {
        color: #333;
        background: #efefef !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-github,
.input-group .btn-text-github {
    border-right: 1px solid #333 !important;
    border-left: 1px solid #333 !important;
}

.btn-group-vertical .btn-text-github {
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
}

.bg-dribbble {
    background-color: #ea4c89 !important;
}

a.bg-dribbble:hover, a.bg-dribbble:focus {
    background-color: #de4882 !important;
}

.bg-label-dribbble {
    background-color: #fce2ec !important;
    color: #ea4c89 !important;
}

.bg-label-hover-dribbble {
    background-color: #fce2ec !important;
    color: #ea4c89 !important;
}

    .bg-label-hover-dribbble:hover {
        background-color: #ea4c89 !important;
        color: #fff !important;
    }

.btn-dribbble {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89;
}

    .btn-dribbble:hover {
        color: #fff !important;
        background-color: #d3447b !important;
        border-color: #d3447b !important;
    }

    .btn-check:focus + .btn-dribbble, .btn-dribbble:focus, .btn-dribbble.focus {
        color: #fff;
        background-color: #d3447b;
        border-color: #d3447b;
    }

    .btn-check:checked + .btn-dribbble, .btn-check:active + .btn-dribbble, .btn-dribbble:active, .btn-dribbble.active, .btn-dribbble.show.dropdown-toggle, .show > .btn-dribbble.dropdown-toggle {
        color: #fff !important;
        background-color: #d3447b !important;
        border-color: #d3447b !important;
    }

    .btn-dribbble.disabled, .btn-dribbble:disabled {
        color: #fff !important;
        background-color: #ea4c89 !important;
        border-color: #ea4c89 !important;
    }

.btn-group .btn-dribbble,
.input-group .btn-dribbble {
    border-right: 1px solid #d3447b;
    border-left: 1px solid #d3447b;
}

.btn-group-vertical .btn-dribbble {
    border-top-color: #d3447b;
    border-bottom-color: #d3447b;
}

.btn-label-dribbble {
    color: #ea4c89;
    border-color: #fce2ec;
    background: #fce2ec;
}

    .btn-label-dribbble.waves-effect .waves-ripple {
        background: radial-gradient(rgba(234, 76, 137, 0.2) 0, rgba(234, 76, 137, 0.3) 40%, rgba(234, 76, 137, 0.4) 50%, rgba(234, 76, 137, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-dribbble:hover {
        border-color: #fad4e3 !important;
        background: #fad4e3 !important;
        color: #ea4c89 !important;
    }

    .btn-label-dribbble:focus, .btn-label-dribbble.focus {
        color: #ea4c89;
        background: #fad4e3;
        border-color: #fad4e3;
    }

    .btn-label-dribbble:active, .btn-label-dribbble.active, .btn-label-dribbble.show.dropdown-toggle, .show > .btn-label-dribbble.dropdown-toggle {
        color: #ea4c89 !important;
        background-color: #fad4e3 !important;
        border-color: #fad4e3 !important;
    }

    .btn-label-dribbble.disabled, .btn-label-dribbble:disabled {
        color: #ea4c89 !important;
        border-color: #fce2ec !important;
        background: #fce2ec !important;
    }

.btn-group .btn-label-dribbble,
.input-group .btn-label-dribbble {
    border-right: 1px solid #f8c6d9 !important;
    border-left: 1px solid #f8c6d9 !important;
}

.btn-group-vertical .btn-label-dribbble {
    border-top-color: #f8c6d9 !important;
    border-bottom-color: #f8c6d9 !important;
}

.btn-outline-dribbble {
    color: #ea4c89;
    border-color: #ea4c89;
    background: transparent;
}

    .btn-outline-dribbble.waves-effect .waves-ripple {
        background: radial-gradient(rgba(234, 76, 137, 0.2) 0, rgba(234, 76, 137, 0.3) 40%, rgba(234, 76, 137, 0.4) 50%, rgba(234, 76, 137, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-dribbble:hover {
        color: #ea4c89 !important;
        background-color: #fdf1f6 !important;
        border-color: #ea4c89 !important;
    }

    .btn-check:focus + .btn-outline-dribbble, .btn-outline-dribbble:focus {
        color: #ea4c89;
        background-color: #fdf1f6;
        border-color: #ea4c89;
    }

    .btn-check:checked + .btn-outline-dribbble, .btn-check:active + .btn-outline-dribbble, .btn-outline-dribbble:active, .btn-outline-dribbble.active, .btn-outline-dribbble.dropdown-toggle.show {
        color: #ea4c89 !important;
        background-color: #fdf1f6 !important;
        border-color: #ea4c89 !important;
    }

    .btn-outline-dribbble.disabled, .btn-outline-dribbble:disabled {
        color: #ea4c89 !important;
    }

    .btn-outline-dribbble .badge {
        background: #ea4c89;
        border-color: #ea4c89;
        color: #fff;
    }

    .btn-outline-dribbble:hover .badge,
    .btn-outline-dribbble:focus:hover .badge,
    .btn-outline-dribbble:active .badge,
    .btn-outline-dribbble.active .badge,
    .show > .btn-outline-dribbble.dropdown-toggle .badge {
        background: #ea4c89;
        border-color: #ea4c89;
        color: #fff;
    }

.btn-text-dribbble {
    color: #ea4c89 !important;
}

    .btn-text-dribbble.waves-effect .waves-ripple {
        background: radial-gradient(rgba(234, 76, 137, 0.2) 0, rgba(234, 76, 137, 0.3) 40%, rgba(234, 76, 137, 0.4) 50%, rgba(234, 76, 137, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-dribbble:hover {
        border-color: transparent;
        background: #fdf1f6;
        color: #ea4c89;
    }

    .btn-text-dribbble:focus, .btn-text-dribbble.focus {
        color: #ea4c89;
        background: #fdf1f6;
    }

    .btn-text-dribbble.btn:active, .btn-text-dribbble.btn.active, .btn-text-dribbble.btn.show.dropdown-toggle, .btn.show > .btn-text-dribbble.dropdown-toggle {
        color: #ea4c89;
        background: #fdf1f6 !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-dribbble,
.input-group .btn-text-dribbble {
    border-right: 1px solid #ea4c89 !important;
    border-left: 1px solid #ea4c89 !important;
}

.btn-group-vertical .btn-text-dribbble {
    border-top: 1px solid #ea4c89 !important;
    border-bottom: 1px solid #ea4c89 !important;
}

.bg-pinterest {
    background-color: #cb2027 !important;
}

a.bg-pinterest:hover, a.bg-pinterest:focus {
    background-color: #c11e25 !important;
}

.bg-label-pinterest {
    background-color: #f7dbdc !important;
    color: #cb2027 !important;
}

.bg-label-hover-pinterest {
    background-color: #f7dbdc !important;
    color: #cb2027 !important;
}

    .bg-label-hover-pinterest:hover {
        background-color: #cb2027 !important;
        color: #fff !important;
    }

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: #cb2027;
}

    .btn-pinterest:hover {
        color: #fff !important;
        background-color: #b71d23 !important;
        border-color: #b71d23 !important;
    }

    .btn-check:focus + .btn-pinterest, .btn-pinterest:focus, .btn-pinterest.focus {
        color: #fff;
        background-color: #b71d23;
        border-color: #b71d23;
    }

    .btn-check:checked + .btn-pinterest, .btn-check:active + .btn-pinterest, .btn-pinterest:active, .btn-pinterest.active, .btn-pinterest.show.dropdown-toggle, .show > .btn-pinterest.dropdown-toggle {
        color: #fff !important;
        background-color: #b71d23 !important;
        border-color: #b71d23 !important;
    }

    .btn-pinterest.disabled, .btn-pinterest:disabled {
        color: #fff !important;
        background-color: #cb2027 !important;
        border-color: #cb2027 !important;
    }

.btn-group .btn-pinterest,
.input-group .btn-pinterest {
    border-right: 1px solid #b71d23;
    border-left: 1px solid #b71d23;
}

.btn-group-vertical .btn-pinterest {
    border-top-color: #b71d23;
    border-bottom-color: #b71d23;
}

.btn-label-pinterest {
    color: #cb2027;
    border-color: #f7dbdc;
    background: #f7dbdc;
}

    .btn-label-pinterest.waves-effect .waves-ripple {
        background: radial-gradient(rgba(203, 32, 39, 0.2) 0, rgba(203, 32, 39, 0.3) 40%, rgba(203, 32, 39, 0.4) 50%, rgba(203, 32, 39, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-pinterest:hover {
        border-color: #f3c9cb !important;
        background: #f3c9cb !important;
        color: #cb2027 !important;
    }

    .btn-label-pinterest:focus, .btn-label-pinterest.focus {
        color: #cb2027;
        background: #f3c9cb;
        border-color: #f3c9cb;
    }

    .btn-label-pinterest:active, .btn-label-pinterest.active, .btn-label-pinterest.show.dropdown-toggle, .show > .btn-label-pinterest.dropdown-toggle {
        color: #cb2027 !important;
        background-color: #f3c9cb !important;
        border-color: #f3c9cb !important;
    }

    .btn-label-pinterest.disabled, .btn-label-pinterest:disabled {
        color: #cb2027 !important;
        border-color: #f7dbdc !important;
        background: #f7dbdc !important;
    }

.btn-group .btn-label-pinterest,
.input-group .btn-label-pinterest {
    border-right: 1px solid #eeb8ba !important;
    border-left: 1px solid #eeb8ba !important;
}

.btn-group-vertical .btn-label-pinterest {
    border-top-color: #eeb8ba !important;
    border-bottom-color: #eeb8ba !important;
}

.btn-outline-pinterest {
    color: #cb2027;
    border-color: #cb2027;
    background: transparent;
}

    .btn-outline-pinterest.waves-effect .waves-ripple {
        background: radial-gradient(rgba(203, 32, 39, 0.2) 0, rgba(203, 32, 39, 0.3) 40%, rgba(203, 32, 39, 0.4) 50%, rgba(203, 32, 39, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-pinterest:hover {
        color: #cb2027 !important;
        background-color: #fbedee !important;
        border-color: #cb2027 !important;
    }

    .btn-check:focus + .btn-outline-pinterest, .btn-outline-pinterest:focus {
        color: #cb2027;
        background-color: #fbedee;
        border-color: #cb2027;
    }

    .btn-check:checked + .btn-outline-pinterest, .btn-check:active + .btn-outline-pinterest, .btn-outline-pinterest:active, .btn-outline-pinterest.active, .btn-outline-pinterest.dropdown-toggle.show {
        color: #cb2027 !important;
        background-color: #fbedee !important;
        border-color: #cb2027 !important;
    }

    .btn-outline-pinterest.disabled, .btn-outline-pinterest:disabled {
        color: #cb2027 !important;
    }

    .btn-outline-pinterest .badge {
        background: #cb2027;
        border-color: #cb2027;
        color: #fff;
    }

    .btn-outline-pinterest:hover .badge,
    .btn-outline-pinterest:focus:hover .badge,
    .btn-outline-pinterest:active .badge,
    .btn-outline-pinterest.active .badge,
    .show > .btn-outline-pinterest.dropdown-toggle .badge {
        background: #cb2027;
        border-color: #cb2027;
        color: #fff;
    }

.btn-text-pinterest {
    color: #cb2027 !important;
}

    .btn-text-pinterest.waves-effect .waves-ripple {
        background: radial-gradient(rgba(203, 32, 39, 0.2) 0, rgba(203, 32, 39, 0.3) 40%, rgba(203, 32, 39, 0.4) 50%, rgba(203, 32, 39, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-pinterest:hover {
        border-color: transparent;
        background: #fbedee;
        color: #cb2027;
    }

    .btn-text-pinterest:focus, .btn-text-pinterest.focus {
        color: #cb2027;
        background: #fbedee;
    }

    .btn-text-pinterest.btn:active, .btn-text-pinterest.btn.active, .btn-text-pinterest.btn.show.dropdown-toggle, .btn.show > .btn-text-pinterest.dropdown-toggle {
        color: #cb2027;
        background: #fbedee !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-pinterest,
.input-group .btn-text-pinterest {
    border-right: 1px solid #cb2027 !important;
    border-left: 1px solid #cb2027 !important;
}

.btn-group-vertical .btn-text-pinterest {
    border-top: 1px solid #cb2027 !important;
    border-bottom: 1px solid #cb2027 !important;
}

.bg-slack {
    background-color: #4a154b !important;
}

a.bg-slack:hover, a.bg-slack:focus {
    background-color: #461447 !important;
}

.bg-label-slack {
    background-color: #e2dae2 !important;
    color: #4a154b !important;
}

.bg-label-hover-slack {
    background-color: #e2dae2 !important;
    color: #4a154b !important;
}

    .bg-label-hover-slack:hover {
        background-color: #4a154b !important;
        color: #fff !important;
    }

.btn-slack {
    color: #fff;
    background-color: #4a154b;
    border-color: #4a154b;
}

    .btn-slack:hover {
        color: #fff !important;
        background-color: #431344 !important;
        border-color: #431344 !important;
    }

    .btn-check:focus + .btn-slack, .btn-slack:focus, .btn-slack.focus {
        color: #fff;
        background-color: #431344;
        border-color: #431344;
    }

    .btn-check:checked + .btn-slack, .btn-check:active + .btn-slack, .btn-slack:active, .btn-slack.active, .btn-slack.show.dropdown-toggle, .show > .btn-slack.dropdown-toggle {
        color: #fff !important;
        background-color: #431344 !important;
        border-color: #431344 !important;
    }

    .btn-slack.disabled, .btn-slack:disabled {
        color: #fff !important;
        background-color: #4a154b !important;
        border-color: #4a154b !important;
    }

.btn-group .btn-slack,
.input-group .btn-slack {
    border-right: 1px solid #431344;
    border-left: 1px solid #431344;
}

.btn-group-vertical .btn-slack {
    border-top-color: #431344;
    border-bottom-color: #431344;
}

.btn-label-slack {
    color: #4a154b;
    border-color: #e2dae2;
    background: #e2dae2;
}

    .btn-label-slack.waves-effect .waves-ripple {
        background: radial-gradient(rgba(74, 21, 75, 0.2) 0, rgba(74, 21, 75, 0.3) 40%, rgba(74, 21, 75, 0.4) 50%, rgba(74, 21, 75, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-slack:hover {
        border-color: #d4c7d4 !important;
        background: #d4c7d4 !important;
        color: #4a154b !important;
    }

    .btn-label-slack:focus, .btn-label-slack.focus {
        color: #4a154b;
        background: #d4c7d4;
        border-color: #d4c7d4;
    }

    .btn-label-slack:active, .btn-label-slack.active, .btn-label-slack.show.dropdown-toggle, .show > .btn-label-slack.dropdown-toggle {
        color: #4a154b !important;
        background-color: #d4c7d4 !important;
        border-color: #d4c7d4 !important;
    }

    .btn-label-slack.disabled, .btn-label-slack:disabled {
        color: #4a154b !important;
        border-color: #e2dae2 !important;
        background: #e2dae2 !important;
    }

.btn-group .btn-label-slack,
.input-group .btn-label-slack {
    border-right: 1px solid #c5b4c5 !important;
    border-left: 1px solid #c5b4c5 !important;
}

.btn-group-vertical .btn-label-slack {
    border-top-color: #c5b4c5 !important;
    border-bottom-color: #c5b4c5 !important;
}

.btn-outline-slack {
    color: #4a154b;
    border-color: #4a154b;
    background: transparent;
}

    .btn-outline-slack.waves-effect .waves-ripple {
        background: radial-gradient(rgba(74, 21, 75, 0.2) 0, rgba(74, 21, 75, 0.3) 40%, rgba(74, 21, 75, 0.4) 50%, rgba(74, 21, 75, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-slack:hover {
        color: #4a154b !important;
        background-color: #f1ecf1 !important;
        border-color: #4a154b !important;
    }

    .btn-check:focus + .btn-outline-slack, .btn-outline-slack:focus {
        color: #4a154b;
        background-color: #f1ecf1;
        border-color: #4a154b;
    }

    .btn-check:checked + .btn-outline-slack, .btn-check:active + .btn-outline-slack, .btn-outline-slack:active, .btn-outline-slack.active, .btn-outline-slack.dropdown-toggle.show {
        color: #4a154b !important;
        background-color: #f1ecf1 !important;
        border-color: #4a154b !important;
    }

    .btn-outline-slack.disabled, .btn-outline-slack:disabled {
        color: #4a154b !important;
    }

    .btn-outline-slack .badge {
        background: #4a154b;
        border-color: #4a154b;
        color: #fff;
    }

    .btn-outline-slack:hover .badge,
    .btn-outline-slack:focus:hover .badge,
    .btn-outline-slack:active .badge,
    .btn-outline-slack.active .badge,
    .show > .btn-outline-slack.dropdown-toggle .badge {
        background: #4a154b;
        border-color: #4a154b;
        color: #fff;
    }

.btn-text-slack {
    color: #4a154b !important;
}

    .btn-text-slack.waves-effect .waves-ripple {
        background: radial-gradient(rgba(74, 21, 75, 0.2) 0, rgba(74, 21, 75, 0.3) 40%, rgba(74, 21, 75, 0.4) 50%, rgba(74, 21, 75, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-slack:hover {
        border-color: transparent;
        background: #f1ecf1;
        color: #4a154b;
    }

    .btn-text-slack:focus, .btn-text-slack.focus {
        color: #4a154b;
        background: #f1ecf1;
    }

    .btn-text-slack.btn:active, .btn-text-slack.btn.active, .btn-text-slack.btn.show.dropdown-toggle, .btn.show > .btn-text-slack.dropdown-toggle {
        color: #4a154b;
        background: #f1ecf1 !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-slack,
.input-group .btn-text-slack {
    border-right: 1px solid #4a154b !important;
    border-left: 1px solid #4a154b !important;
}

.btn-group-vertical .btn-text-slack {
    border-top: 1px solid #4a154b !important;
    border-bottom: 1px solid #4a154b !important;
}

.bg-reddit {
    background-color: #ff4500 !important;
}

a.bg-reddit:hover, a.bg-reddit:focus {
    background-color: #f24200 !important;
}

.bg-label-reddit {
    background-color: #ffe1d6 !important;
    color: #ff4500 !important;
}

.bg-label-hover-reddit {
    background-color: #ffe1d6 !important;
    color: #ff4500 !important;
}

    .bg-label-hover-reddit:hover {
        background-color: #ff4500 !important;
        color: #fff !important;
    }

.btn-reddit {
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500;
}

    .btn-reddit:hover {
        color: #fff !important;
        background-color: #e63e00 !important;
        border-color: #e63e00 !important;
    }

    .btn-check:focus + .btn-reddit, .btn-reddit:focus, .btn-reddit.focus {
        color: #fff;
        background-color: #e63e00;
        border-color: #e63e00;
    }

    .btn-check:checked + .btn-reddit, .btn-check:active + .btn-reddit, .btn-reddit:active, .btn-reddit.active, .btn-reddit.show.dropdown-toggle, .show > .btn-reddit.dropdown-toggle {
        color: #fff !important;
        background-color: #e63e00 !important;
        border-color: #e63e00 !important;
    }

    .btn-reddit.disabled, .btn-reddit:disabled {
        color: #fff !important;
        background-color: #ff4500 !important;
        border-color: #ff4500 !important;
    }

.btn-group .btn-reddit,
.input-group .btn-reddit {
    border-right: 1px solid #e63e00;
    border-left: 1px solid #e63e00;
}

.btn-group-vertical .btn-reddit {
    border-top-color: #e63e00;
    border-bottom-color: #e63e00;
}

.btn-label-reddit {
    color: #ff4500;
    border-color: #ffe1d6;
    background: #ffe1d6;
}

    .btn-label-reddit.waves-effect .waves-ripple {
        background: radial-gradient(rgba(255, 69, 0, 0.2) 0, rgba(255, 69, 0, 0.3) 40%, rgba(255, 69, 0, 0.4) 50%, rgba(255, 69, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-reddit:hover {
        border-color: #ffd2c2 !important;
        background: #ffd2c2 !important;
        color: #ff4500 !important;
    }

    .btn-label-reddit:focus, .btn-label-reddit.focus {
        color: #ff4500;
        background: #ffd2c2;
        border-color: #ffd2c2;
    }

    .btn-label-reddit:active, .btn-label-reddit.active, .btn-label-reddit.show.dropdown-toggle, .show > .btn-label-reddit.dropdown-toggle {
        color: #ff4500 !important;
        background-color: #ffd2c2 !important;
        border-color: #ffd2c2 !important;
    }

    .btn-label-reddit.disabled, .btn-label-reddit:disabled {
        color: #ff4500 !important;
        border-color: #ffe1d6 !important;
        background: #ffe1d6 !important;
    }

.btn-group .btn-label-reddit,
.input-group .btn-label-reddit {
    border-right: 1px solid #ffc3ad !important;
    border-left: 1px solid #ffc3ad !important;
}

.btn-group-vertical .btn-label-reddit {
    border-top-color: #ffc3ad !important;
    border-bottom-color: #ffc3ad !important;
}

.btn-outline-reddit {
    color: #ff4500;
    border-color: #ff4500;
    background: transparent;
}

    .btn-outline-reddit.waves-effect .waves-ripple {
        background: radial-gradient(rgba(255, 69, 0, 0.2) 0, rgba(255, 69, 0, 0.3) 40%, rgba(255, 69, 0, 0.4) 50%, rgba(255, 69, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-reddit:hover {
        color: #ff4500 !important;
        background-color: #fff0eb !important;
        border-color: #ff4500 !important;
    }

    .btn-check:focus + .btn-outline-reddit, .btn-outline-reddit:focus {
        color: #ff4500;
        background-color: #fff0eb;
        border-color: #ff4500;
    }

    .btn-check:checked + .btn-outline-reddit, .btn-check:active + .btn-outline-reddit, .btn-outline-reddit:active, .btn-outline-reddit.active, .btn-outline-reddit.dropdown-toggle.show {
        color: #ff4500 !important;
        background-color: #fff0eb !important;
        border-color: #ff4500 !important;
    }

    .btn-outline-reddit.disabled, .btn-outline-reddit:disabled {
        color: #ff4500 !important;
    }

    .btn-outline-reddit .badge {
        background: #ff4500;
        border-color: #ff4500;
        color: #fff;
    }

    .btn-outline-reddit:hover .badge,
    .btn-outline-reddit:focus:hover .badge,
    .btn-outline-reddit:active .badge,
    .btn-outline-reddit.active .badge,
    .show > .btn-outline-reddit.dropdown-toggle .badge {
        background: #ff4500;
        border-color: #ff4500;
        color: #fff;
    }

.btn-text-reddit {
    color: #ff4500 !important;
}

    .btn-text-reddit.waves-effect .waves-ripple {
        background: radial-gradient(rgba(255, 69, 0, 0.2) 0, rgba(255, 69, 0, 0.3) 40%, rgba(255, 69, 0, 0.4) 50%, rgba(255, 69, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-reddit:hover {
        border-color: transparent;
        background: #fff0eb;
        color: #ff4500;
    }

    .btn-text-reddit:focus, .btn-text-reddit.focus {
        color: #ff4500;
        background: #fff0eb;
    }

    .btn-text-reddit.btn:active, .btn-text-reddit.btn.active, .btn-text-reddit.btn.show.dropdown-toggle, .btn.show > .btn-text-reddit.dropdown-toggle {
        color: #ff4500;
        background: #fff0eb !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-reddit,
.input-group .btn-text-reddit {
    border-right: 1px solid #ff4500 !important;
    border-left: 1px solid #ff4500 !important;
}

.btn-group-vertical .btn-text-reddit {
    border-top: 1px solid #ff4500 !important;
    border-bottom: 1px solid #ff4500 !important;
}

.bg-youtube {
    background-color: #ff0000 !important;
}

a.bg-youtube:hover, a.bg-youtube:focus {
    background-color: #f20000 !important;
}

.bg-label-youtube {
    background-color: #ffd6d6 !important;
    color: #ff0000 !important;
}

.bg-label-hover-youtube {
    background-color: #ffd6d6 !important;
    color: #ff0000 !important;
}

    .bg-label-hover-youtube:hover {
        background-color: #ff0000 !important;
        color: #fff !important;
    }

.btn-youtube {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
}

    .btn-youtube:hover {
        color: #fff !important;
        background-color: #e60000 !important;
        border-color: #e60000 !important;
    }

    .btn-check:focus + .btn-youtube, .btn-youtube:focus, .btn-youtube.focus {
        color: #fff;
        background-color: #e60000;
        border-color: #e60000;
    }

    .btn-check:checked + .btn-youtube, .btn-check:active + .btn-youtube, .btn-youtube:active, .btn-youtube.active, .btn-youtube.show.dropdown-toggle, .show > .btn-youtube.dropdown-toggle {
        color: #fff !important;
        background-color: #e60000 !important;
        border-color: #e60000 !important;
    }

    .btn-youtube.disabled, .btn-youtube:disabled {
        color: #fff !important;
        background-color: #ff0000 !important;
        border-color: #ff0000 !important;
    }

.btn-group .btn-youtube,
.input-group .btn-youtube {
    border-right: 1px solid #e60000;
    border-left: 1px solid #e60000;
}

.btn-group-vertical .btn-youtube {
    border-top-color: #e60000;
    border-bottom-color: #e60000;
}

.btn-label-youtube {
    color: #ff0000;
    border-color: #ffd6d6;
    background: #ffd6d6;
}

    .btn-label-youtube.waves-effect .waves-ripple {
        background: radial-gradient(rgba(255, 0, 0, 0.2) 0, rgba(255, 0, 0, 0.3) 40%, rgba(255, 0, 0, 0.4) 50%, rgba(255, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-youtube:hover {
        border-color: #ffc2c2 !important;
        background: #ffc2c2 !important;
        color: #ff0000 !important;
    }

    .btn-label-youtube:focus, .btn-label-youtube.focus {
        color: #ff0000;
        background: #ffc2c2;
        border-color: #ffc2c2;
    }

    .btn-label-youtube:active, .btn-label-youtube.active, .btn-label-youtube.show.dropdown-toggle, .show > .btn-label-youtube.dropdown-toggle {
        color: #ff0000 !important;
        background-color: #ffc2c2 !important;
        border-color: #ffc2c2 !important;
    }

    .btn-label-youtube.disabled, .btn-label-youtube:disabled {
        color: #ff0000 !important;
        border-color: #ffd6d6 !important;
        background: #ffd6d6 !important;
    }

.btn-group .btn-label-youtube,
.input-group .btn-label-youtube {
    border-right: 1px solid #ffadad !important;
    border-left: 1px solid #ffadad !important;
}

.btn-group-vertical .btn-label-youtube {
    border-top-color: #ffadad !important;
    border-bottom-color: #ffadad !important;
}

.btn-outline-youtube {
    color: #ff0000;
    border-color: #ff0000;
    background: transparent;
}

    .btn-outline-youtube.waves-effect .waves-ripple {
        background: radial-gradient(rgba(255, 0, 0, 0.2) 0, rgba(255, 0, 0, 0.3) 40%, rgba(255, 0, 0, 0.4) 50%, rgba(255, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-youtube:hover {
        color: #ff0000 !important;
        background-color: #ffebeb !important;
        border-color: #ff0000 !important;
    }

    .btn-check:focus + .btn-outline-youtube, .btn-outline-youtube:focus {
        color: #ff0000;
        background-color: #ffebeb;
        border-color: #ff0000;
    }

    .btn-check:checked + .btn-outline-youtube, .btn-check:active + .btn-outline-youtube, .btn-outline-youtube:active, .btn-outline-youtube.active, .btn-outline-youtube.dropdown-toggle.show {
        color: #ff0000 !important;
        background-color: #ffebeb !important;
        border-color: #ff0000 !important;
    }

    .btn-outline-youtube.disabled, .btn-outline-youtube:disabled {
        color: #ff0000 !important;
    }

    .btn-outline-youtube .badge {
        background: #ff0000;
        border-color: #ff0000;
        color: #fff;
    }

    .btn-outline-youtube:hover .badge,
    .btn-outline-youtube:focus:hover .badge,
    .btn-outline-youtube:active .badge,
    .btn-outline-youtube.active .badge,
    .show > .btn-outline-youtube.dropdown-toggle .badge {
        background: #ff0000;
        border-color: #ff0000;
        color: #fff;
    }

.btn-text-youtube {
    color: #ff0000 !important;
}

    .btn-text-youtube.waves-effect .waves-ripple {
        background: radial-gradient(rgba(255, 0, 0, 0.2) 0, rgba(255, 0, 0, 0.3) 40%, rgba(255, 0, 0, 0.4) 50%, rgba(255, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-youtube:hover {
        border-color: transparent;
        background: #ffebeb;
        color: #ff0000;
    }

    .btn-text-youtube:focus, .btn-text-youtube.focus {
        color: #ff0000;
        background: #ffebeb;
    }

    .btn-text-youtube.btn:active, .btn-text-youtube.btn.active, .btn-text-youtube.btn.show.dropdown-toggle, .btn.show > .btn-text-youtube.dropdown-toggle {
        color: #ff0000;
        background: #ffebeb !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-youtube,
.input-group .btn-text-youtube {
    border-right: 1px solid #ff0000 !important;
    border-left: 1px solid #ff0000 !important;
}

.btn-group-vertical .btn-text-youtube {
    border-top: 1px solid #ff0000 !important;
    border-bottom: 1px solid #ff0000 !important;
}

.bg-whatsapp {
    background-color: #2cd548 !important;
}

a.bg-whatsapp:hover, a.bg-whatsapp:focus {
    background-color: #2aca44 !important;
}

.bg-label-whatsapp {
    background-color: #ddf8e2 !important;
    color: #2cd548 !important;
}

.bg-label-hover-whatsapp {
    background-color: #ddf8e2 !important;
    color: #2cd548 !important;
}

    .bg-label-hover-whatsapp:hover {
        background-color: #2cd548 !important;
        color: #fff !important;
    }

.btn-whatsapp {
    color: #fff;
    background-color: #2cd548;
    border-color: #2cd548;
}

    .btn-whatsapp:hover {
        color: #fff !important;
        background-color: #28c041 !important;
        border-color: #28c041 !important;
    }

    .btn-check:focus + .btn-whatsapp, .btn-whatsapp:focus, .btn-whatsapp.focus {
        color: #fff;
        background-color: #28c041;
        border-color: #28c041;
    }

    .btn-check:checked + .btn-whatsapp, .btn-check:active + .btn-whatsapp, .btn-whatsapp:active, .btn-whatsapp.active, .btn-whatsapp.show.dropdown-toggle, .show > .btn-whatsapp.dropdown-toggle {
        color: #fff !important;
        background-color: #28c041 !important;
        border-color: #28c041 !important;
    }

    .btn-whatsapp.disabled, .btn-whatsapp:disabled {
        color: #fff !important;
        background-color: #2cd548 !important;
        border-color: #2cd548 !important;
    }

.btn-group .btn-whatsapp,
.input-group .btn-whatsapp {
    border-right: 1px solid #28c041;
    border-left: 1px solid #28c041;
}

.btn-group-vertical .btn-whatsapp {
    border-top-color: #28c041;
    border-bottom-color: #28c041;
}

.btn-label-whatsapp {
    color: #2cd548;
    border-color: #ddf8e2;
    background: #ddf8e2;
}

    .btn-label-whatsapp.waves-effect .waves-ripple {
        background: radial-gradient(rgba(44, 213, 72, 0.2) 0, rgba(44, 213, 72, 0.3) 40%, rgba(44, 213, 72, 0.4) 50%, rgba(44, 213, 72, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-whatsapp:hover {
        border-color: #ccf5d3 !important;
        background: #ccf5d3 !important;
        color: #2cd548 !important;
    }

    .btn-label-whatsapp:focus, .btn-label-whatsapp.focus {
        color: #2cd548;
        background: #ccf5d3;
        border-color: #ccf5d3;
    }

    .btn-label-whatsapp:active, .btn-label-whatsapp.active, .btn-label-whatsapp.show.dropdown-toggle, .show > .btn-label-whatsapp.dropdown-toggle {
        color: #2cd548 !important;
        background-color: #ccf5d3 !important;
        border-color: #ccf5d3 !important;
    }

    .btn-label-whatsapp.disabled, .btn-label-whatsapp:disabled {
        color: #2cd548 !important;
        border-color: #ddf8e2 !important;
        background: #ddf8e2 !important;
    }

.btn-group .btn-label-whatsapp,
.input-group .btn-label-whatsapp {
    border-right: 1px solid #bbf2c4 !important;
    border-left: 1px solid #bbf2c4 !important;
}

.btn-group-vertical .btn-label-whatsapp {
    border-top-color: #bbf2c4 !important;
    border-bottom-color: #bbf2c4 !important;
}

.btn-outline-whatsapp {
    color: #2cd548;
    border-color: #2cd548;
    background: transparent;
}

    .btn-outline-whatsapp.waves-effect .waves-ripple {
        background: radial-gradient(rgba(44, 213, 72, 0.2) 0, rgba(44, 213, 72, 0.3) 40%, rgba(44, 213, 72, 0.4) 50%, rgba(44, 213, 72, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-whatsapp:hover {
        color: #2cd548 !important;
        background-color: #eefcf0 !important;
        border-color: #2cd548 !important;
    }

    .btn-check:focus + .btn-outline-whatsapp, .btn-outline-whatsapp:focus {
        color: #2cd548;
        background-color: #eefcf0;
        border-color: #2cd548;
    }

    .btn-check:checked + .btn-outline-whatsapp, .btn-check:active + .btn-outline-whatsapp, .btn-outline-whatsapp:active, .btn-outline-whatsapp.active, .btn-outline-whatsapp.dropdown-toggle.show {
        color: #2cd548 !important;
        background-color: #eefcf0 !important;
        border-color: #2cd548 !important;
    }

    .btn-outline-whatsapp.disabled, .btn-outline-whatsapp:disabled {
        color: #2cd548 !important;
    }

    .btn-outline-whatsapp .badge {
        background: #2cd548;
        border-color: #2cd548;
        color: #fff;
    }

    .btn-outline-whatsapp:hover .badge,
    .btn-outline-whatsapp:focus:hover .badge,
    .btn-outline-whatsapp:active .badge,
    .btn-outline-whatsapp.active .badge,
    .show > .btn-outline-whatsapp.dropdown-toggle .badge {
        background: #2cd548;
        border-color: #2cd548;
        color: #fff;
    }

.btn-text-whatsapp {
    color: #2cd548 !important;
}

    .btn-text-whatsapp.waves-effect .waves-ripple {
        background: radial-gradient(rgba(44, 213, 72, 0.2) 0, rgba(44, 213, 72, 0.3) 40%, rgba(44, 213, 72, 0.4) 50%, rgba(44, 213, 72, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-whatsapp:hover {
        border-color: transparent;
        background: #eefcf0;
        color: #2cd548;
    }

    .btn-text-whatsapp:focus, .btn-text-whatsapp.focus {
        color: #2cd548;
        background: #eefcf0;
    }

    .btn-text-whatsapp.btn:active, .btn-text-whatsapp.btn.active, .btn-text-whatsapp.btn.show.dropdown-toggle, .btn.show > .btn-text-whatsapp.dropdown-toggle {
        color: #2cd548;
        background: #eefcf0 !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-whatsapp,
.input-group .btn-text-whatsapp {
    border-right: 1px solid #2cd548 !important;
    border-left: 1px solid #2cd548 !important;
}

.btn-group-vertical .btn-text-whatsapp {
    border-top: 1px solid #2cd548 !important;
    border-bottom: 1px solid #2cd548 !important;
}

.bg-vimeo {
    background-color: #1ab7ea !important;
}

a.bg-vimeo:hover, a.bg-vimeo:focus {
    background-color: #19aede !important;
}

.bg-label-vimeo {
    background-color: #daf3fc !important;
    color: #1ab7ea !important;
}

.bg-label-hover-vimeo {
    background-color: #daf3fc !important;
    color: #1ab7ea !important;
}

    .bg-label-hover-vimeo:hover {
        background-color: #1ab7ea !important;
        color: #fff !important;
    }

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: #1ab7ea;
}

    .btn-vimeo:hover {
        color: #fff !important;
        background-color: #17a5d3 !important;
        border-color: #17a5d3 !important;
    }

    .btn-check:focus + .btn-vimeo, .btn-vimeo:focus, .btn-vimeo.focus {
        color: #fff;
        background-color: #17a5d3;
        border-color: #17a5d3;
    }

    .btn-check:checked + .btn-vimeo, .btn-check:active + .btn-vimeo, .btn-vimeo:active, .btn-vimeo.active, .btn-vimeo.show.dropdown-toggle, .show > .btn-vimeo.dropdown-toggle {
        color: #fff !important;
        background-color: #17a5d3 !important;
        border-color: #17a5d3 !important;
    }

    .btn-vimeo.disabled, .btn-vimeo:disabled {
        color: #fff !important;
        background-color: #1ab7ea !important;
        border-color: #1ab7ea !important;
    }

.btn-group .btn-vimeo,
.input-group .btn-vimeo {
    border-right: 1px solid #17a5d3;
    border-left: 1px solid #17a5d3;
}

.btn-group-vertical .btn-vimeo {
    border-top-color: #17a5d3;
    border-bottom-color: #17a5d3;
}

.btn-label-vimeo {
    color: #1ab7ea;
    border-color: #daf3fc;
    background: #daf3fc;
}

    .btn-label-vimeo.waves-effect .waves-ripple {
        background: radial-gradient(rgba(26, 183, 234, 0.2) 0, rgba(26, 183, 234, 0.3) 40%, rgba(26, 183, 234, 0.4) 50%, rgba(26, 183, 234, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-vimeo:hover {
        border-color: #c8eefa !important;
        background: #c8eefa !important;
        color: #1ab7ea !important;
    }

    .btn-label-vimeo:focus, .btn-label-vimeo.focus {
        color: #1ab7ea;
        background: #c8eefa;
        border-color: #c8eefa;
    }

    .btn-label-vimeo:active, .btn-label-vimeo.active, .btn-label-vimeo.show.dropdown-toggle, .show > .btn-label-vimeo.dropdown-toggle {
        color: #1ab7ea !important;
        background-color: #c8eefa !important;
        border-color: #c8eefa !important;
    }

    .btn-label-vimeo.disabled, .btn-label-vimeo:disabled {
        color: #1ab7ea !important;
        border-color: #daf3fc !important;
        background: #daf3fc !important;
    }

.btn-group .btn-label-vimeo,
.input-group .btn-label-vimeo {
    border-right: 1px solid #b6e8f8 !important;
    border-left: 1px solid #b6e8f8 !important;
}

.btn-group-vertical .btn-label-vimeo {
    border-top-color: #b6e8f8 !important;
    border-bottom-color: #b6e8f8 !important;
}

.btn-outline-vimeo {
    color: #1ab7ea;
    border-color: #1ab7ea;
    background: transparent;
}

    .btn-outline-vimeo.waves-effect .waves-ripple {
        background: radial-gradient(rgba(26, 183, 234, 0.2) 0, rgba(26, 183, 234, 0.3) 40%, rgba(26, 183, 234, 0.4) 50%, rgba(26, 183, 234, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-vimeo:hover {
        color: #1ab7ea !important;
        background-color: #edf9fd !important;
        border-color: #1ab7ea !important;
    }

    .btn-check:focus + .btn-outline-vimeo, .btn-outline-vimeo:focus {
        color: #1ab7ea;
        background-color: #edf9fd;
        border-color: #1ab7ea;
    }

    .btn-check:checked + .btn-outline-vimeo, .btn-check:active + .btn-outline-vimeo, .btn-outline-vimeo:active, .btn-outline-vimeo.active, .btn-outline-vimeo.dropdown-toggle.show {
        color: #1ab7ea !important;
        background-color: #edf9fd !important;
        border-color: #1ab7ea !important;
    }

    .btn-outline-vimeo.disabled, .btn-outline-vimeo:disabled {
        color: #1ab7ea !important;
    }

    .btn-outline-vimeo .badge {
        background: #1ab7ea;
        border-color: #1ab7ea;
        color: #fff;
    }

    .btn-outline-vimeo:hover .badge,
    .btn-outline-vimeo:focus:hover .badge,
    .btn-outline-vimeo:active .badge,
    .btn-outline-vimeo.active .badge,
    .show > .btn-outline-vimeo.dropdown-toggle .badge {
        background: #1ab7ea;
        border-color: #1ab7ea;
        color: #fff;
    }

.btn-text-vimeo {
    color: #1ab7ea !important;
}

    .btn-text-vimeo.waves-effect .waves-ripple {
        background: radial-gradient(rgba(26, 183, 234, 0.2) 0, rgba(26, 183, 234, 0.3) 40%, rgba(26, 183, 234, 0.4) 50%, rgba(26, 183, 234, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-vimeo:hover {
        border-color: transparent;
        background: #edf9fd;
        color: #1ab7ea;
    }

    .btn-text-vimeo:focus, .btn-text-vimeo.focus {
        color: #1ab7ea;
        background: #edf9fd;
    }

    .btn-text-vimeo.btn:active, .btn-text-vimeo.btn.active, .btn-text-vimeo.btn.show.dropdown-toggle, .btn.show > .btn-text-vimeo.dropdown-toggle {
        color: #1ab7ea;
        background: #edf9fd !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-vimeo,
.input-group .btn-text-vimeo {
    border-right: 1px solid #1ab7ea !important;
    border-left: 1px solid #1ab7ea !important;
}

.btn-group-vertical .btn-text-vimeo {
    border-top: 1px solid #1ab7ea !important;
    border-bottom: 1px solid #1ab7ea !important;
}

.btn-white {
    color: #676b7b;
    background-color: #fff;
    border-color: #fff;
}

    .btn-white:hover {
        color: #262b43 !important;
        background-color: white !important;
        border-color: white !important;
    }

    .btn-check:focus + .btn-white, .btn-white:focus, .btn-white.focus {
        color: #262b43;
        background-color: white;
        border-color: white;
    }

    .btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .btn-white.show.dropdown-toggle, .show > .btn-white.dropdown-toggle {
        color: #262b43 !important;
        background-color: white !important;
        border-color: white !important;
    }

    .btn-white.disabled, .btn-white:disabled {
        color: #676b7b !important;
        background-color: #fff !important;
        border-color: #fff !important;
    }

.btn-group .btn-white,
.input-group .btn-white {
    border-right: 1px solid white;
    border-left: 1px solid white;
}

.btn-group-vertical .btn-white {
    border-top-color: white;
    border-bottom-color: white;
}

.btn-label-white {
    color: #676b7b;
    border-color: white;
    background: white;
}

    .btn-label-white.waves-effect .waves-ripple {
        background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-white:hover {
        border-color: white !important;
        background: white !important;
        color: #fff !important;
    }

    .btn-label-white:focus, .btn-label-white.focus {
        color: #fff;
        background: white;
        border-color: white;
    }

    .btn-label-white:active, .btn-label-white.active, .btn-label-white.show.dropdown-toggle, .show > .btn-label-white.dropdown-toggle {
        color: #fff !important;
        background-color: white !important;
        border-color: white !important;
    }

    .btn-label-white.disabled, .btn-label-white:disabled {
        color: #676b7b !important;
        border-color: white !important;
        background: white !important;
    }

.btn-group .btn-label-white,
.input-group .btn-label-white {
    border-right: 1px solid white !important;
    border-left: 1px solid white !important;
}

.btn-group-vertical .btn-label-white {
    border-top-color: white !important;
    border-bottom-color: white !important;
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background: transparent;
}

    .btn-outline-white.waves-effect .waves-ripple {
        background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-white:hover {
        color: #fff !important;
        background-color: white !important;
        border-color: #fff !important;
    }

    .btn-check:focus + .btn-outline-white, .btn-outline-white:focus {
        color: #fff;
        background-color: white;
        border-color: #fff;
    }

    .btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show {
        color: #fff !important;
        background-color: white !important;
        border-color: #fff !important;
    }

    .btn-outline-white.disabled, .btn-outline-white:disabled {
        color: #fff !important;
    }

    .btn-outline-white .badge {
        background: #fff;
        border-color: #fff;
        color: #262b43;
    }

    .btn-outline-white:hover .badge,
    .btn-outline-white:focus:hover .badge,
    .btn-outline-white:active .badge,
    .btn-outline-white.active .badge,
    .show > .btn-outline-white.dropdown-toggle .badge {
        background: #fff;
        border-color: #fff;
        color: #262b43;
    }

.form-check-black .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.form-check-black .form-check-input[type=checkbox]:indeterminate {
    background-color: #000;
    border-color: #000;
}

.form-check-black.custom-option.checked {
    border: 2px solid #000;
    margin: 0;
}

    .form-check-black.custom-option.checked .custom-option-body i,
    .form-check-black.custom-option.checked .custom-option-header i {
        color: #000;
    }

.form-check-black.custom-option.custom-option-label.checked {
    background-color: rgba(0, 0, 0, 0.12);
    color: #000;
}

    .form-check-black.custom-option.custom-option-label.checked .custom-option-header span,
    .form-check-black.custom-option.custom-option-label.checked .custom-option-title {
        color: #000;
    }

.form-check-white .form-check-input:checked {
    background-color: #fff;
    border-color: #fff;
}

.form-check-white .form-check-input[type=checkbox]:indeterminate {
    background-color: #fff;
    border-color: #fff;
}

.form-check-white.custom-option.checked {
    border: 2px solid #fff;
    margin: 0;
}

    .form-check-white.custom-option.checked .custom-option-body i,
    .form-check-white.custom-option.checked .custom-option-header i {
        color: #fff;
    }

.form-check-white.custom-option.custom-option-label.checked {
    background-color: rgba(255, 255, 255, 0.12);
    color: #fff;
}

    .form-check-white.custom-option.custom-option-label.checked .custom-option-header span,
    .form-check-white.custom-option.custom-option-label.checked .custom-option-title {
        color: #fff;
    }

.form-check-silver .form-check-input:checked {
    background-color: #eee;
    border-color: #eee;
}

.form-check-silver .form-check-input[type=checkbox]:indeterminate {
    background-color: #eee;
    border-color: #eee;
}

.form-check-silver.custom-option.checked {
    border: 2px solid #eee;
    margin: 0;
}

    .form-check-silver.custom-option.checked .custom-option-body i,
    .form-check-silver.custom-option.checked .custom-option-header i {
        color: #eee;
    }

.form-check-silver.custom-option.custom-option-label.checked {
    background-color: rgba(238, 238, 238, 0.12);
    color: #eee;
}

    .form-check-silver.custom-option.custom-option-label.checked .custom-option-header span,
    .form-check-silver.custom-option.custom-option-label.checked .custom-option-title {
        color: #eee;
    }

.form-check-gray .form-check-input:checked {
    background-color: #777;
    border-color: #777;
}

.form-check-gray .form-check-input[type=checkbox]:indeterminate {
    background-color: #777;
    border-color: #777;
}

.form-check-gray.custom-option.checked {
    border: 2px solid #777;
    margin: 0;
}

    .form-check-gray.custom-option.checked .custom-option-body i,
    .form-check-gray.custom-option.checked .custom-option-header i {
        color: #777;
    }

.form-check-gray.custom-option.custom-option-label.checked {
    background-color: rgba(119, 119, 119, 0.12);
    color: #777;
}

    .form-check-gray.custom-option.custom-option-label.checked .custom-option-header span,
    .form-check-gray.custom-option.custom-option-label.checked .custom-option-title {
        color: #777;
    }

.form-check-gold .form-check-input:checked {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}

.form-check-gold .form-check-input[type=checkbox]:indeterminate {
    background-color: #ffeb3b;
    border-color: #ffeb3b;
}

.form-check-gold.custom-option.checked {
    border: 2px solid #ffeb3b;
    margin: 0;
}

    .form-check-gold.custom-option.checked .custom-option-body i,
    .form-check-gold.custom-option.checked .custom-option-header i {
        color: #ffeb3b;
    }

.form-check-gold.custom-option.custom-option-label.checked {
    background-color: rgba(255, 235, 59, 0.12);
    color: #ffeb3b;
}

    .form-check-gold.custom-option.custom-option-label.checked .custom-option-header span,
    .form-check-gold.custom-option.custom-option-label.checked .custom-option-title {
        color: #ffeb3b;
    }

.form-check-pink .form-check-input:checked {
    background-color: #e91e63;
    border-color: #e91e63;
}

.form-check-pink .form-check-input[type=checkbox]:indeterminate {
    background-color: #e91e63;
    border-color: #e91e63;
}

.form-check-pink.custom-option.checked {
    border: 2px solid #e91e63;
    margin: 0;
}

    .form-check-pink.custom-option.checked .custom-option-body i,
    .form-check-pink.custom-option.checked .custom-option-header i {
        color: #e91e63;
    }

.form-check-pink.custom-option.custom-option-label.checked {
    background-color: rgba(233, 30, 99, 0.12);
    color: #e91e63;
}

    .form-check-pink.custom-option.custom-option-label.checked .custom-option-header span,
    .form-check-pink.custom-option.custom-option-label.checked .custom-option-title {
        color: #e91e63;
    }

.form-check-red .form-check-input:checked {
    background-color: #f44336;
    border-color: #f44336;
}

.form-check-red .form-check-input[type=checkbox]:indeterminate {
    background-color: #f44336;
    border-color: #f44336;
}

.form-check-red.custom-option.checked {
    border: 2px solid #f44336;
    margin: 0;
}

    .form-check-red.custom-option.checked .custom-option-body i,
    .form-check-red.custom-option.checked .custom-option-header i {
        color: #f44336;
    }

.form-check-red.custom-option.custom-option-label.checked {
    background-color: rgba(244, 67, 54, 0.12);
    color: #f44336;
}

    .form-check-red.custom-option.custom-option-label.checked .custom-option-header span,
    .form-check-red.custom-option.custom-option-label.checked .custom-option-title {
        color: #f44336;
    }

.navbar.bg-secondary {
    color: #e0e2e7;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-secondary.layout-navbar, .layout-horizontal .navbar.bg-secondary.layout-navbar {
    background-color: rgba(109, 120, 141, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-secondary.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-secondary.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-secondary.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-secondary.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #6d788d !important;
    }

[dir=rtl] .navbar.bg-secondary.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-secondary .navbar-brand,
.navbar.bg-secondary .navbar-brand a {
    color: #fff;
}

    .navbar.bg-secondary .navbar-brand:hover, .navbar.bg-secondary .navbar-brand:focus,
    .navbar.bg-secondary .navbar-brand a:hover,
    .navbar.bg-secondary .navbar-brand a:focus {
        color: #fff;
    }

.navbar.bg-secondary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-secondary .navbar-search-wrapper .search-input {
    color: #e0e2e7;
}

.navbar.bg-secondary .search-input-wrapper .search-input,
.navbar.bg-secondary .search-input-wrapper .search-toggler {
    color: #e0e2e7;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-secondary .navbar-nav > .nav-link,
.navbar.bg-secondary .navbar-nav > .nav-item > .nav-link,
.navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link {
    color: #e0e2e7 !important;
}

    .navbar.bg-secondary .navbar-nav > .nav-link:hover, .navbar.bg-secondary .navbar-nav > .nav-link:focus,
    .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #fff;
    }

    .navbar.bg-secondary .navbar-nav > .nav-link.disabled,
    .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #b2b8c3 !important;
    }

.navbar.bg-secondary .navbar-nav .show > .nav-link,
.navbar.bg-secondary .navbar-nav .active > .nav-link,
.navbar.bg-secondary .navbar-nav .nav-link.show,
.navbar.bg-secondary .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar.bg-secondary .navbar-toggler {
    color: #e0e2e7;
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-secondary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-secondary .navbar-text {
    color: #e0e2e7;
}

    .navbar.bg-secondary .navbar-text a {
        color: #fff;
    }

        .navbar.bg-secondary .navbar-text a:hover, .navbar.bg-secondary .navbar-text a:focus {
            color: #fff;
        }

.navbar.bg-secondary hr {
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-success {
    color: #ecfbe3;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-success.layout-navbar, .layout-horizontal .navbar.bg-success.layout-navbar {
    background-color: rgba(114, 225, 40, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-success.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-success.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-success.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-success.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #72e128 !important;
    }

[dir=rtl] .navbar.bg-success.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-success .navbar-brand,
.navbar.bg-success .navbar-brand a {
    color: #fff;
}

    .navbar.bg-success .navbar-brand:hover, .navbar.bg-success .navbar-brand:focus,
    .navbar.bg-success .navbar-brand a:hover,
    .navbar.bg-success .navbar-brand a:focus {
        color: #fff;
    }

.navbar.bg-success .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-success .navbar-search-wrapper .search-input {
    color: #ecfbe3;
}

.navbar.bg-success .search-input-wrapper .search-input,
.navbar.bg-success .search-input-wrapper .search-toggler {
    color: #ecfbe3;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-success .navbar-nav > .nav-link,
.navbar.bg-success .navbar-nav > .nav-item > .nav-link,
.navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link {
    color: #ecfbe3 !important;
}

    .navbar.bg-success .navbar-nav > .nav-link:hover, .navbar.bg-success .navbar-nav > .nav-link:focus,
    .navbar.bg-success .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-success .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #fff;
    }

    .navbar.bg-success .navbar-nav > .nav-link.disabled,
    .navbar.bg-success .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #bbf198 !important;
    }

.navbar.bg-success .navbar-nav .show > .nav-link,
.navbar.bg-success .navbar-nav .active > .nav-link,
.navbar.bg-success .navbar-nav .nav-link.show,
.navbar.bg-success .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar.bg-success .navbar-toggler {
    color: #ecfbe3;
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-success .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-success .navbar-text {
    color: #ecfbe3;
}

    .navbar.bg-success .navbar-text a {
        color: #fff;
    }

        .navbar.bg-success .navbar-text a:hover, .navbar.bg-success .navbar-text a:focus {
            color: #fff;
        }

.navbar.bg-success hr {
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-info {
    color: #ddf6fe;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-info.layout-navbar, .layout-horizontal .navbar.bg-info.layout-navbar {
    background-color: rgba(38, 198, 249, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-info.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-info.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-info.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-info.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #26c6f9 !important;
    }

[dir=rtl] .navbar.bg-info.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-info .navbar-brand,
.navbar.bg-info .navbar-brand a {
    color: #fff;
}

    .navbar.bg-info .navbar-brand:hover, .navbar.bg-info .navbar-brand:focus,
    .navbar.bg-info .navbar-brand a:hover,
    .navbar.bg-info .navbar-brand a:focus {
        color: #fff;
    }

.navbar.bg-info .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-info .navbar-search-wrapper .search-input {
    color: #ddf6fe;
}

.navbar.bg-info .search-input-wrapper .search-input,
.navbar.bg-info .search-input-wrapper .search-toggler {
    color: #ddf6fe;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-info .navbar-nav > .nav-link,
.navbar.bg-info .navbar-nav > .nav-item > .nav-link,
.navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link {
    color: #ddf6fe !important;
}

    .navbar.bg-info .navbar-nav > .nav-link:hover, .navbar.bg-info .navbar-nav > .nav-link:focus,
    .navbar.bg-info .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-info .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #fff;
    }

    .navbar.bg-info .navbar-nav > .nav-link.disabled,
    .navbar.bg-info .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #94e3fc !important;
    }

.navbar.bg-info .navbar-nav .show > .nav-link,
.navbar.bg-info .navbar-nav .active > .nav-link,
.navbar.bg-info .navbar-nav .nav-link.show,
.navbar.bg-info .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar.bg-info .navbar-toggler {
    color: #ddf6fe;
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-info .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-info .navbar-text {
    color: #ddf6fe;
}

    .navbar.bg-info .navbar-text a {
        color: #fff;
    }

        .navbar.bg-info .navbar-text a:hover, .navbar.bg-info .navbar-text a:focus {
            color: #fff;
        }

.navbar.bg-info hr {
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-warning {
    color: #fff7e8;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-warning.layout-navbar, .layout-horizontal .navbar.bg-warning.layout-navbar {
    background-color: rgba(253, 181, 40, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-warning.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-warning.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-warning.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-warning.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #fdb528 !important;
    }

[dir=rtl] .navbar.bg-warning.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-warning .navbar-brand,
.navbar.bg-warning .navbar-brand a {
    color: #fff;
}

    .navbar.bg-warning .navbar-brand:hover, .navbar.bg-warning .navbar-brand:focus,
    .navbar.bg-warning .navbar-brand a:hover,
    .navbar.bg-warning .navbar-brand a:focus {
        color: #fff;
    }

.navbar.bg-warning .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-warning .navbar-search-wrapper .search-input {
    color: #fff7e8;
}

.navbar.bg-warning .search-input-wrapper .search-input,
.navbar.bg-warning .search-input-wrapper .search-toggler {
    color: #fff7e8;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-warning .navbar-nav > .nav-link,
.navbar.bg-warning .navbar-nav > .nav-item > .nav-link,
.navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link {
    color: #fff7e8 !important;
}

    .navbar.bg-warning .navbar-nav > .nav-link:hover, .navbar.bg-warning .navbar-nav > .nav-link:focus,
    .navbar.bg-warning .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-warning .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #fff;
    }

    .navbar.bg-warning .navbar-nav > .nav-link.disabled,
    .navbar.bg-warning .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #fedd9b !important;
    }

.navbar.bg-warning .navbar-nav .show > .nav-link,
.navbar.bg-warning .navbar-nav .active > .nav-link,
.navbar.bg-warning .navbar-nav .nav-link.show,
.navbar.bg-warning .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar.bg-warning .navbar-toggler {
    color: #fff7e8;
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-warning .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-warning .navbar-text {
    color: #fff7e8;
}

    .navbar.bg-warning .navbar-text a {
        color: #fff;
    }

        .navbar.bg-warning .navbar-text a:hover, .navbar.bg-warning .navbar-text a:focus {
            color: #fff;
        }

.navbar.bg-warning hr {
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-danger {
    color: #ffdcdb;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-danger.layout-navbar, .layout-horizontal .navbar.bg-danger.layout-navbar {
    background-color: rgba(255, 77, 73, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-danger.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-danger.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-danger.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-danger.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #ff4d49 !important;
    }

[dir=rtl] .navbar.bg-danger.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-danger .navbar-brand,
.navbar.bg-danger .navbar-brand a {
    color: #fff;
}

    .navbar.bg-danger .navbar-brand:hover, .navbar.bg-danger .navbar-brand:focus,
    .navbar.bg-danger .navbar-brand a:hover,
    .navbar.bg-danger .navbar-brand a:focus {
        color: #fff;
    }

.navbar.bg-danger .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-danger .navbar-search-wrapper .search-input {
    color: #ffdcdb;
}

.navbar.bg-danger .search-input-wrapper .search-input,
.navbar.bg-danger .search-input-wrapper .search-toggler {
    color: #ffdcdb;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-danger .navbar-nav > .nav-link,
.navbar.bg-danger .navbar-nav > .nav-item > .nav-link,
.navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link {
    color: #ffdcdb !important;
}

    .navbar.bg-danger .navbar-nav > .nav-link:hover, .navbar.bg-danger .navbar-nav > .nav-link:focus,
    .navbar.bg-danger .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-danger .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #fff;
    }

    .navbar.bg-danger .navbar-nav > .nav-link.disabled,
    .navbar.bg-danger .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #ffa3a1 !important;
    }

.navbar.bg-danger .navbar-nav .show > .nav-link,
.navbar.bg-danger .navbar-nav .active > .nav-link,
.navbar.bg-danger .navbar-nav .nav-link.show,
.navbar.bg-danger .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar.bg-danger .navbar-toggler {
    color: #ffdcdb;
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-danger .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-danger .navbar-text {
    color: #ffdcdb;
}

    .navbar.bg-danger .navbar-text a {
        color: #fff;
    }

        .navbar.bg-danger .navbar-text a:hover, .navbar.bg-danger .navbar-text a:focus {
            color: #fff;
        }

.navbar.bg-danger hr {
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-dark {
    color: #cccccc;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-dark.layout-navbar, .layout-horizontal .navbar.bg-dark.layout-navbar {
    background-color: rgba(75, 75, 75, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-dark.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-dark.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-dark.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-dark.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #4b4b4b !important;
    }

[dir=rtl] .navbar.bg-dark.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-dark .navbar-brand,
.navbar.bg-dark .navbar-brand a {
    color: #fff;
}

    .navbar.bg-dark .navbar-brand:hover, .navbar.bg-dark .navbar-brand:focus,
    .navbar.bg-dark .navbar-brand a:hover,
    .navbar.bg-dark .navbar-brand a:focus {
        color: #fff;
    }

.navbar.bg-dark .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-dark .navbar-search-wrapper .search-input {
    color: #cccccc;
}

.navbar.bg-dark .search-input-wrapper .search-input,
.navbar.bg-dark .search-input-wrapper .search-toggler {
    color: #cccccc;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-dark .navbar-nav > .nav-link,
.navbar.bg-dark .navbar-nav > .nav-item > .nav-link,
.navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link {
    color: #cccccc !important;
}

    .navbar.bg-dark .navbar-nav > .nav-link:hover, .navbar.bg-dark .navbar-nav > .nav-link:focus,
    .navbar.bg-dark .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-dark .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #fff;
    }

    .navbar.bg-dark .navbar-nav > .nav-link.disabled,
    .navbar.bg-dark .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #989898 !important;
    }

.navbar.bg-dark .navbar-nav .show > .nav-link,
.navbar.bg-dark .navbar-nav .active > .nav-link,
.navbar.bg-dark .navbar-nav .nav-link.show,
.navbar.bg-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar.bg-dark .navbar-toggler {
    color: #cccccc;
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-dark .navbar-text {
    color: #cccccc;
}

    .navbar.bg-dark .navbar-text a {
        color: #fff;
    }

        .navbar.bg-dark .navbar-text a:hover, .navbar.bg-dark .navbar-text a:focus {
            color: #fff;
        }

.navbar.bg-dark hr {
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-gray {
    color: #747786;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-gray.layout-navbar, .layout-horizontal .navbar.bg-gray.layout-navbar {
    background-color: rgba(242, 242, 244, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-gray.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-gray.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-gray.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-gray.layout-navbar .search-input-wrapper .search-toggler {
        background-color: rgba(38, 43, 67, 0.06) !important;
    }

[dir=rtl] .navbar.bg-gray.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-gray .navbar-brand,
.navbar.bg-gray .navbar-brand a {
    color: #262b43;
}

    .navbar.bg-gray .navbar-brand:hover, .navbar.bg-gray .navbar-brand:focus,
    .navbar.bg-gray .navbar-brand a:hover,
    .navbar.bg-gray .navbar-brand a:focus {
        color: #262b43;
    }

.navbar.bg-gray .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-gray .navbar-search-wrapper .search-input {
    color: #747786;
}

.navbar.bg-gray .search-input-wrapper .search-input,
.navbar.bg-gray .search-input-wrapper .search-toggler {
    color: #747786;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-gray .navbar-nav > .nav-link,
.navbar.bg-gray .navbar-nav > .nav-item > .nav-link,
.navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link {
    color: #747786 !important;
}

    .navbar.bg-gray .navbar-nav > .nav-link:hover, .navbar.bg-gray .navbar-nav > .nav-link:focus,
    .navbar.bg-gray .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-gray .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #262b43;
    }

    .navbar.bg-gray .navbar-nav > .nav-link.disabled,
    .navbar.bg-gray .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #a6a8b2 !important;
    }

.navbar.bg-gray .navbar-nav .show > .nav-link,
.navbar.bg-gray .navbar-nav .active > .nav-link,
.navbar.bg-gray .navbar-nav .nav-link.show,
.navbar.bg-gray .navbar-nav .nav-link.active {
    color: #262b43;
}

.navbar.bg-gray .navbar-toggler {
    color: #747786;
    border-color: rgba(38, 43, 67, 0.0775043137);
}

.navbar.bg-gray .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(103, 107, 123, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-gray .navbar-text {
    color: #747786;
}

    .navbar.bg-gray .navbar-text a {
        color: #262b43;
    }

        .navbar.bg-gray .navbar-text a:hover, .navbar.bg-gray .navbar-text a:focus {
            color: #262b43;
        }

.navbar.bg-gray hr {
    border-color: rgba(38, 43, 67, 0.0775043137);
}

.navbar.bg-white {
    color: #a8aab4;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-white.layout-navbar, .layout-horizontal .navbar.bg-white.layout-navbar {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-white.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-white.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-white.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-white.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #fff !important;
    }

[dir=rtl] .navbar.bg-white.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-white .navbar-brand,
.navbar.bg-white .navbar-brand a {
    color: #676b7b;
}

    .navbar.bg-white .navbar-brand:hover, .navbar.bg-white .navbar-brand:focus,
    .navbar.bg-white .navbar-brand a:hover,
    .navbar.bg-white .navbar-brand a:focus {
        color: #676b7b;
    }

.navbar.bg-white .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-white .navbar-search-wrapper .search-input {
    color: #a8aab4;
}

.navbar.bg-white .search-input-wrapper .search-input,
.navbar.bg-white .search-input-wrapper .search-toggler {
    color: #a8aab4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-white .navbar-nav > .nav-link,
.navbar.bg-white .navbar-nav > .nav-item > .nav-link,
.navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link {
    color: #a8aab4 !important;
}

    .navbar.bg-white .navbar-nav > .nav-link:hover, .navbar.bg-white .navbar-nav > .nav-link:focus,
    .navbar.bg-white .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-white .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #676b7b;
    }

    .navbar.bg-white .navbar-nav > .nav-link.disabled,
    .navbar.bg-white .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #cbccd2 !important;
    }

.navbar.bg-white .navbar-nav .show > .nav-link,
.navbar.bg-white .navbar-nav .active > .nav-link,
.navbar.bg-white .navbar-nav .nav-link.show,
.navbar.bg-white .navbar-nav .nav-link.active {
    color: #676b7b;
}

.navbar.bg-white .navbar-toggler {
    color: #a8aab4;
    border-color: rgba(103, 107, 123, 0.075);
}

.navbar.bg-white .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(103, 107, 123, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-white .navbar-text {
    color: #a8aab4;
}

    .navbar.bg-white .navbar-text a {
        color: #676b7b;
    }

        .navbar.bg-white .navbar-text a:hover, .navbar.bg-white .navbar-text a:focus {
            color: #676b7b;
        }

.navbar.bg-white hr {
    border-color: rgba(103, 107, 123, 0.075);
}

.navbar.bg-light {
    color: #676b7b;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-light.layout-navbar, .layout-horizontal .navbar.bg-light.layout-navbar {
    background-color: rgba(223, 223, 227, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-light.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-light.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-light.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-light.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #dfdfe3 !important;
    }

[dir=rtl] .navbar.bg-light.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-light .navbar-brand,
.navbar.bg-light .navbar-brand a {
    color: #3b4056;
}

    .navbar.bg-light .navbar-brand:hover, .navbar.bg-light .navbar-brand:focus,
    .navbar.bg-light .navbar-brand a:hover,
    .navbar.bg-light .navbar-brand a:focus {
        color: #3b4056;
    }

.navbar.bg-light .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-light .navbar-search-wrapper .search-input {
    color: #676b7b;
}

.navbar.bg-light .search-input-wrapper .search-input,
.navbar.bg-light .search-input-wrapper .search-toggler {
    color: #676b7b;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-light .navbar-nav > .nav-link,
.navbar.bg-light .navbar-nav > .nav-item > .nav-link,
.navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link {
    color: #676b7b !important;
}

    .navbar.bg-light .navbar-nav > .nav-link:hover, .navbar.bg-light .navbar-nav > .nav-link:focus,
    .navbar.bg-light .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-light .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #3b4056;
    }

    .navbar.bg-light .navbar-nav > .nav-link.disabled,
    .navbar.bg-light .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #9799a5 !important;
    }

.navbar.bg-light .navbar-nav .show > .nav-link,
.navbar.bg-light .navbar-nav .active > .nav-link,
.navbar.bg-light .navbar-nav .nav-link.show,
.navbar.bg-light .navbar-nav .nav-link.active {
    color: #3b4056;
}

.navbar.bg-light .navbar-toggler {
    color: #676b7b;
    border-color: rgba(59, 64, 86, 0.081185098);
}

.navbar.bg-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(103, 107, 123, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-light .navbar-text {
    color: #676b7b;
}

    .navbar.bg-light .navbar-text a {
        color: #3b4056;
    }

        .navbar.bg-light .navbar-text a:hover, .navbar.bg-light .navbar-text a:focus {
            color: #3b4056;
        }

.navbar.bg-light hr {
    border-color: rgba(59, 64, 86, 0.081185098);
}

.navbar.bg-lighter {
    color: #676b7b;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-lighter.layout-navbar, .layout-horizontal .navbar.bg-lighter.layout-navbar {
    background-color: rgba(248, 249, 249, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-lighter.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-lighter.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-lighter.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-lighter.layout-navbar .search-input-wrapper .search-toggler {
        background-color: rgba(38, 43, 67, 0.03) !important;
    }

[dir=rtl] .navbar.bg-lighter.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-lighter .navbar-brand,
.navbar.bg-lighter .navbar-brand a {
    color: #3b4056;
}

    .navbar.bg-lighter .navbar-brand:hover, .navbar.bg-lighter .navbar-brand:focus,
    .navbar.bg-lighter .navbar-brand a:hover,
    .navbar.bg-lighter .navbar-brand a:focus {
        color: #3b4056;
    }

.navbar.bg-lighter .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-lighter .navbar-search-wrapper .search-input {
    color: #676b7b;
}

.navbar.bg-lighter .search-input-wrapper .search-input,
.navbar.bg-lighter .search-input-wrapper .search-toggler {
    color: #676b7b;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-lighter .navbar-nav > .nav-link,
.navbar.bg-lighter .navbar-nav > .nav-item > .nav-link,
.navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link {
    color: #676b7b !important;
}

    .navbar.bg-lighter .navbar-nav > .nav-link:hover, .navbar.bg-lighter .navbar-nav > .nav-link:focus,
    .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #3b4056;
    }

    .navbar.bg-lighter .navbar-nav > .nav-link.disabled,
    .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #a1a4ad !important;
    }

.navbar.bg-lighter .navbar-nav .show > .nav-link,
.navbar.bg-lighter .navbar-nav .active > .nav-link,
.navbar.bg-lighter .navbar-nav .nav-link.show,
.navbar.bg-lighter .navbar-nav .nav-link.active {
    color: #3b4056;
}

.navbar.bg-lighter .navbar-toggler {
    color: #676b7b;
    border-color: rgba(59, 64, 86, 0.076235098);
}

.navbar.bg-lighter .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(103, 107, 123, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-lighter .navbar-text {
    color: #676b7b;
}

    .navbar.bg-lighter .navbar-text a {
        color: #3b4056;
    }

        .navbar.bg-lighter .navbar-text a:hover, .navbar.bg-lighter .navbar-text a:focus {
            color: #3b4056;
        }

.navbar.bg-lighter hr {
    border-color: rgba(59, 64, 86, 0.076235098);
}

.footer.bg-secondary {
    color: #e0e2e7;
}

    .footer.bg-secondary .footer-link {
        color: #e0e2e7;
    }

        .footer.bg-secondary .footer-link:hover, .footer.bg-secondary .footer-link:focus {
            color: #b2b8c3;
        }

        .footer.bg-secondary .footer-link.disabled {
            color: #b2b8c3 !important;
        }

    .footer.bg-secondary .footer-text {
        color: #fff;
    }

    .footer.bg-secondary .show > .footer-link,
    .footer.bg-secondary .active > .footer-link,
    .footer.bg-secondary .footer-link.show,
    .footer.bg-secondary .footer-link.active {
        color: #fff;
    }

    .footer.bg-secondary hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-success {
    color: #ecfbe3;
}

    .footer.bg-success .footer-link {
        color: #ecfbe3;
    }

        .footer.bg-success .footer-link:hover, .footer.bg-success .footer-link:focus {
            color: #bbf198;
        }

        .footer.bg-success .footer-link.disabled {
            color: #bbf198 !important;
        }

    .footer.bg-success .footer-text {
        color: #fff;
    }

    .footer.bg-success .show > .footer-link,
    .footer.bg-success .active > .footer-link,
    .footer.bg-success .footer-link.show,
    .footer.bg-success .footer-link.active {
        color: #fff;
    }

    .footer.bg-success hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-info {
    color: #ddf6fe;
}

    .footer.bg-info .footer-link {
        color: #ddf6fe;
    }

        .footer.bg-info .footer-link:hover, .footer.bg-info .footer-link:focus {
            color: #94e3fc;
        }

        .footer.bg-info .footer-link.disabled {
            color: #94e3fc !important;
        }

    .footer.bg-info .footer-text {
        color: #fff;
    }

    .footer.bg-info .show > .footer-link,
    .footer.bg-info .active > .footer-link,
    .footer.bg-info .footer-link.show,
    .footer.bg-info .footer-link.active {
        color: #fff;
    }

    .footer.bg-info hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-warning {
    color: #fff7e8;
}

    .footer.bg-warning .footer-link {
        color: #fff7e8;
    }

        .footer.bg-warning .footer-link:hover, .footer.bg-warning .footer-link:focus {
            color: #fedd9b;
        }

        .footer.bg-warning .footer-link.disabled {
            color: #fedd9b !important;
        }

    .footer.bg-warning .footer-text {
        color: #fff;
    }

    .footer.bg-warning .show > .footer-link,
    .footer.bg-warning .active > .footer-link,
    .footer.bg-warning .footer-link.show,
    .footer.bg-warning .footer-link.active {
        color: #fff;
    }

    .footer.bg-warning hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-danger {
    color: #ffdcdb;
}

    .footer.bg-danger .footer-link {
        color: #ffdcdb;
    }

        .footer.bg-danger .footer-link:hover, .footer.bg-danger .footer-link:focus {
            color: #ffa3a1;
        }

        .footer.bg-danger .footer-link.disabled {
            color: #ffa3a1 !important;
        }

    .footer.bg-danger .footer-text {
        color: #fff;
    }

    .footer.bg-danger .show > .footer-link,
    .footer.bg-danger .active > .footer-link,
    .footer.bg-danger .footer-link.show,
    .footer.bg-danger .footer-link.active {
        color: #fff;
    }

    .footer.bg-danger hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-dark {
    color: #cccccc;
}

    .footer.bg-dark .footer-link {
        color: #cccccc;
    }

        .footer.bg-dark .footer-link:hover, .footer.bg-dark .footer-link:focus {
            color: #989898;
        }

        .footer.bg-dark .footer-link.disabled {
            color: #989898 !important;
        }

    .footer.bg-dark .footer-text {
        color: #fff;
    }

    .footer.bg-dark .show > .footer-link,
    .footer.bg-dark .active > .footer-link,
    .footer.bg-dark .footer-link.show,
    .footer.bg-dark .footer-link.active {
        color: #fff;
    }

    .footer.bg-dark hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.footer.bg-gray {
    color: #747786;
}

    .footer.bg-gray .footer-link {
        color: #747786;
    }

        .footer.bg-gray .footer-link:hover, .footer.bg-gray .footer-link:focus {
            color: #a6a8b2;
        }

        .footer.bg-gray .footer-link.disabled {
            color: #a6a8b2 !important;
        }

    .footer.bg-gray .footer-text {
        color: #262b43;
    }

    .footer.bg-gray .show > .footer-link,
    .footer.bg-gray .active > .footer-link,
    .footer.bg-gray .footer-link.show,
    .footer.bg-gray .footer-link.active {
        color: #262b43;
    }

    .footer.bg-gray hr {
        border-color: rgba(38, 43, 67, 0.0775043137);
    }

.footer.bg-white {
    color: #a8aab4;
}

    .footer.bg-white .footer-link {
        color: #a8aab4;
    }

        .footer.bg-white .footer-link:hover, .footer.bg-white .footer-link:focus {
            color: #cbccd2;
        }

        .footer.bg-white .footer-link.disabled {
            color: #cbccd2 !important;
        }

    .footer.bg-white .footer-text {
        color: #676b7b;
    }

    .footer.bg-white .show > .footer-link,
    .footer.bg-white .active > .footer-link,
    .footer.bg-white .footer-link.show,
    .footer.bg-white .footer-link.active {
        color: #676b7b;
    }

    .footer.bg-white hr {
        border-color: rgba(103, 107, 123, 0.075);
    }

.footer.bg-light {
    color: #676b7b;
}

    .footer.bg-light .footer-link {
        color: #676b7b;
    }

        .footer.bg-light .footer-link:hover, .footer.bg-light .footer-link:focus {
            color: #9799a5;
        }

        .footer.bg-light .footer-link.disabled {
            color: #9799a5 !important;
        }

    .footer.bg-light .footer-text {
        color: #3b4056;
    }

    .footer.bg-light .show > .footer-link,
    .footer.bg-light .active > .footer-link,
    .footer.bg-light .footer-link.show,
    .footer.bg-light .footer-link.active {
        color: #3b4056;
    }

    .footer.bg-light hr {
        border-color: rgba(59, 64, 86, 0.081185098);
    }

.footer.bg-lighter {
    color: #676b7b;
}

    .footer.bg-lighter .footer-link {
        color: #676b7b;
    }

        .footer.bg-lighter .footer-link:hover, .footer.bg-lighter .footer-link:focus {
            color: #a1a4ad;
        }

        .footer.bg-lighter .footer-link.disabled {
            color: #a1a4ad !important;
        }

    .footer.bg-lighter .footer-text {
        color: #3b4056;
    }

    .footer.bg-lighter .show > .footer-link,
    .footer.bg-lighter .active > .footer-link,
    .footer.bg-lighter .footer-link.show,
    .footer.bg-lighter .footer-link.active {
        color: #3b4056;
    }

    .footer.bg-lighter hr {
        border-color: rgba(59, 64, 86, 0.076235098);
    }
/*
* Pages Mixins
*/
body {
    background: rgb(232, 244, 242);
}

.bg-body {
    background: #f7f7f9 !important;
}

.text-primary {
    color: #666cff !important;
}

.text-body[href]:hover,
.text-heading[href]:hover {
    color: #5c61e6 !important;
}

.bg-primary {
    background-color: #666cff !important;
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #6167f2 !important;
}

.bg-label-primary {
    background-color: #e7e7ff !important;
    color: #666cff !important;
}

.bg-label-hover-primary {
    background-color: #e7e7ff !important;
    color: #666cff !important;
}

    .bg-label-hover-primary:hover {
        background-color: #666cff !important;
        color: #fff !important;
    }

.bg-gradient-primary {
    background-image: linear-gradient(45deg, #666cff, #b3b6ff) !important;
}

.page-item .page-link:hover, .page-item .page-link:focus,
.pagination li > a:not(.page-link):hover,
.pagination li > a:not(.page-link):focus {
    background-color: #e7e7ff;
    color: #666cff;
}

.page-item .page-link.waves-effect .waves-ripple,
.pagination li > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(38, 43, 67, 0) 70%);
}

.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .page-item.active .page-link:disabled, .page-item.active .page-link.disabled,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus,
.pagination li.active > a:not(.page-link):disabled,
.pagination li.active > a:not(.page-link).disabled {
    border-color: #666cff;
    background-color: #666cff;
    color: #fff;
}

.pagination-outline-primary .page-item.active .page-link, .pagination-outline-primary .page-item.active .page-link:hover, .pagination-outline-primary .page-item.active .page-link:focus,
.pagination-outline-primary.pagination li.active > a:not(.page-link),
.pagination-outline-primary.pagination li.active > a:not(.page-link):hover,
.pagination-outline-primary.pagination li.active > a:not(.page-link):focus {
    border-color: #666cff !important;
    color: #666cff;
    background-color: #e7e7ff !important;
}

    .pagination-outline-primary .page-item.active .page-link.waves-effect .waves-ripple,
    .pagination-outline-primary.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
        background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(38, 43, 67, 0) 70%);
    }

.modal-onboarding .carousel-indicators [data-bs-target] {
    background-color: #666cff;
}

.carousel-control-prev,
.carousel-control-next {
    color: #666cff;
}

    .carousel-control-prev:hover, .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #666cff;
    }

.list-group-item-primary {
    border-color: #757bff;
    background-color: #e7e7ff;
    color: #5c61e6 !important;
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #5c61e6;
}

    a.list-group-item-primary:hover, a.list-group-item-primary:focus,
    button.list-group-item-primary:hover,
    button.list-group-item-primary:focus {
        border-color: #757bff;
        background-color: #d9d9f0;
        color: #5c61e6;
    }

    a.list-group-item-primary.active,
    button.list-group-item-primary.active {
        border-color: #666cff !important;
        background-color: #666cff !important;
        color: #fff !important;
    }

.list-group-item.active {
    background-color: #e7e7ff;
}

    .list-group-item.active.waves-effect .waves-ripple {
        background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(38, 43, 67, 0) 70%);
    }

.list-group.list-group-timeline .list-group-timeline-primary:before {
    border-color: #666cff;
    background-color: #666cff;
}

.alert-primary {
    background-color: #e7e7ff;
    border-color: #e7e7ff;
    color: #666cff;
}

    .alert-primary .btn-close {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666cff'><path 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'/></svg>");
    }

    .alert-primary .alert-link {
        color: #666cff;
    }

    .alert-primary hr {
        background-color: #666cff !important;
    }

    .alert-primary .alert-icon {
        background-color: #666cff;
    }

.alert-outline-primary {
    border-color: #666cff;
    color: #666cff;
}

    .alert-outline-primary .btn-close {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666cff'><path 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'/></svg>");
    }

    .alert-outline-primary .alert-link {
        color: #666cff;
    }

    .alert-outline-primary hr {
        background-color: #666cff !important;
    }

    .alert-outline-primary .alert-icon {
        color: #666cff !important;
        background-color: #e7e7ff !important;
    }

.alert-solid-primary {
    background-color: #666cff;
    color: #fff;
}

    .alert-solid-primary .btn-close {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path 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'/></svg>");
    }

    .alert-solid-primary .alert-link {
        color: #fff;
    }

    .alert-solid-primary hr {
        background-color: #fff !important;
    }

    .alert-solid-primary .alert-icon {
        color: #666cff !important;
    }

.accordion.accordion-header-primary .accordion-item.active .accordion-button {
    color: #666cff !important;
}

.tooltip-primary .tooltip-inner, .tooltip-primary > .tooltip .tooltip-inner {
    background: #666cff;
    color: #fff;
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #666cff;
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #666cff;
}

[dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #666cff;
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #666cff;
}

.tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #666cff;
}

[dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #666cff;
}

.popover-primary, .popover-primary > .popover {
    border-color: transparent;
    background: #666cff;
}

    .popover-primary .popover-header, .popover-primary > .popover .popover-header {
        border-color: rgba(255, 255, 255, 0.2);
        background: transparent;
        color: #fff;
    }

    .popover-primary .popover-body, .popover-primary > .popover .popover-body {
        background: transparent;
        color: rgba(255, 255, 255, 0.8);
    }

    .popover-primary > .popover-arrow::before, .popover-primary > .popover > .popover-arrow::before {
        border-color: transparent;
    }

    .popover-primary.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
        border-top-color: #666cff !important;
    }

    .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
        border-right-color: #666cff !important;
    }

[dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-left-color: #666cff !important;
}

.popover-primary.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    border-bottom-color: #666cff !important;
}

.popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-left-color: #666cff !important;
}

[dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-right-color: #666cff !important;
}

.popover-primary.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-primary > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid transparent !important;
}

.table-primary {
    --bs-table-bg: #e0e2ff;
    --bs-table-striped-bg: #d5d7f4;
    --bs-table-striped-color: #262b43;
    --bs-table-active-bg: #d1d3f0;
    --bs-table-active-color: #262b43;
    --bs-table-hover-bg: #d5d7f4;
    --bs-table-hover-color: #262b43;
    color: #262b43;
    border-color: #cacce8;
}

    .table-primary .btn-icon,
    .table-primary .btn {
        color: #262b43;
    }

.btn-primary {
    color: #fff;
    background-color: #666cff;
    border-color: #666cff;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #5c61e6 !important;
        border-color: #5c61e6 !important;
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #5c61e6;
        border-color: #5c61e6;
    }

    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.show.dropdown-toggle, .show > .btn-primary.dropdown-toggle {
        color: #fff !important;
        background-color: #5c61e6 !important;
        border-color: #5c61e6 !important;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff !important;
        background-color: #666cff !important;
        border-color: #666cff !important;
    }

.btn-group .btn-primary,
.input-group .btn-primary {
    border-right: 1px solid #5c61e6;
    border-left: 1px solid #5c61e6;
}

.btn-group-vertical .btn-primary {
    border-top-color: #5c61e6;
    border-bottom-color: #5c61e6;
}

.btn-label-primary {
    color: #666cff;
    border-color: #e7e7ff;
    background: #e7e7ff;
}

    .btn-label-primary.waves-effect .waves-ripple {
        background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-label-primary:hover {
        border-color: #dadcff !important;
        background: #dadcff !important;
        color: #666cff !important;
    }

    .btn-label-primary:focus, .btn-label-primary.focus {
        color: #666cff;
        background: #dadcff;
        border-color: #dadcff;
    }

    .btn-label-primary:active, .btn-label-primary.active, .btn-label-primary.show.dropdown-toggle, .show > .btn-label-primary.dropdown-toggle {
        color: #666cff !important;
        background-color: #dadcff !important;
        border-color: #dadcff !important;
    }

    .btn-label-primary.disabled, .btn-label-primary:disabled {
        color: #666cff !important;
        border-color: #e7e7ff !important;
        background: #e7e7ff !important;
    }

.btn-group .btn-label-primary,
.input-group .btn-label-primary {
    border-right: 1px solid #ced0ff !important;
    border-left: 1px solid #ced0ff !important;
}

.btn-group-vertical .btn-label-primary {
    border-top-color: #ced0ff !important;
    border-bottom-color: #ced0ff !important;
}

.btn-text-primary {
    color: #666cff !important;
}

    .btn-text-primary.waves-effect .waves-ripple {
        background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-text-primary:hover {
        border-color: transparent;
        background: #f3f3ff;
        color: #666cff;
    }

    .btn-text-primary:focus, .btn-text-primary.focus {
        color: #666cff;
        background: #f3f3ff;
    }

    .btn-text-primary.btn:active, .btn-text-primary.btn.active, .btn-text-primary.btn.show.dropdown-toggle, .btn.show > .btn-text-primary.dropdown-toggle {
        color: #666cff;
        background: #f3f3ff !important;
        border-color: transparent !important;
    }

.btn-group .btn-text-primary,
.input-group .btn-text-primary {
    border-right: 1px solid #666cff !important;
    border-left: 1px solid #666cff !important;
}

.btn-group-vertical .btn-text-primary {
    border-top: 1px solid #666cff !important;
    border-bottom: 1px solid #666cff !important;
}

.btn-outline-primary {
    color: #666cff;
    border-color: #666cff;
    background: transparent;
}

    .btn-outline-primary.waves-effect .waves-ripple {
        background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .btn-outline-primary:hover {
        color: #666cff !important;
        background-color: #f3f3ff !important;
        border-color: #666cff !important;
    }

    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        color: #666cff;
        background-color: #f3f3ff;
        border-color: #666cff;
    }

    .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
        color: #666cff !important;
        background-color: #f3f3ff !important;
        border-color: #666cff !important;
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #666cff !important;
    }

    .btn-outline-primary .badge {
        background: #666cff;
        border-color: #666cff;
        color: #fff;
    }

    .btn-outline-primary:hover .badge,
    .btn-outline-primary:focus:hover .badge,
    .btn-outline-primary:active .badge,
    .btn-outline-primary.active .badge,
    .show > .btn-outline-primary.dropdown-toggle .badge {
        background: #666cff;
        border-color: #666cff;
        color: #fff;
    }

.dropdown-item.waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.dropdown-item:not(.disabled).active, .dropdown-item:not(.disabled):active {
    background-color: #e7e7ff;
    color: #666cff !important;
}

.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
    background-color: #e7e7ff;
    color: #666cff !important;
}

    .dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active.btn,
    .dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item).btn {
        color: #262b43 !important;
    }

.dt-button-collection .dropdown-item:not(.disabled):active {
    background-color: #e7e7ff;
}

.nav .nav-link:hover, .nav .nav-link:focus {
    color: #5c61e6;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #666cff;
    color: #fff;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
    color: #666cff;
}

.nav-tabs .nav-link.waves-effect .waves-ripple {
    background: radial-gradient(rgba(102, 108, 255, 0.2) 0, rgba(102, 108, 255, 0.3) 40%, rgba(102, 108, 255, 0.4) 50%, rgba(102, 108, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.nav-tabs .tab-slider {
    background-color: #666cff;
}

.form-control:focus,
.form-select:focus {
    border-color: #666cff !important;
}

.form-floating-outline .form-control:focus,
.form-floating-outline .form-select:focus {
    border-color: #666cff !important;
}

.input-group:not(.input-group-floating):focus-within .form-control,
.input-group:not(.input-group-floating):focus-within .input-group-text {
    border-color: #79d39b !important;
}

.form-check-input:checked {
    background-color: #666cff;
    border-color: #666cff;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #666cff;
    border-color: #666cff;
}

.custom-option.checked {
    border: 2px solid #666cff;
    margin: 0;
}

    .custom-option.checked .custom-option-body i,
    .custom-option.checked .custom-option-header i {
        color: #666cff;
    }

.custom-option.custom-option-label.checked {
    background-color: rgba(102, 108, 255, 0.12);
    color: #666cff;
}

    .custom-option.custom-option-label.checked .custom-option-header span,
    .custom-option.custom-option-label.checked .custom-option-title {
        color: #666cff;
    }

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23filter0_d_2927_62067%29'%3e%3ccircle cx='13' cy='13' r='9.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2927_62067' x='0' y='0' width='26' height='26' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='3'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0.14902 0 0 0 0 0.168627 0 0 0 0 0.262745 0 0 0 0.14 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2927_62067'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2927_62067' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23filter0_d_2927_62067%29'%3e%3ccircle cx='14' cy='13' r='9.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_2927_62067' x='0' y='0' width='26' height='26' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='3'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0.14902 0 0 0 0 0.168627 0 0 0 0 0.262745 0 0 0 0.14 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2927_62067'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2927_62067' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
}

.form-control:focus ~ .form-label {
    border-color: #666cff;
}

    .form-control:focus ~ .form-label::after {
        border-color: inherit;
    }

.form-range::-webkit-slider-thumb {
    background-color: #666cff;
}

    .form-range::-webkit-slider-thumb:hover {
        box-shadow: 0 0 0 8px rgba(102, 108, 255, 0.15), 0px 5px 5px -3px rgba(38, 43, 67, 0.2), 0px 8px 10px 1px rgba(38, 43, 67, 0.14), 0px 3px 14px 2px rgba(38, 43, 67, 0.12);
    }

    .form-range::-webkit-slider-thumb:active {
        background-color: #666cff;
        box-shadow: 0 0 0 10px rgba(102, 108, 255, 0.2), 0px 5px 5px -3px rgba(38, 43, 67, 0.2), 0px 8px 10px 1px rgba(38, 43, 67, 0.14), 0px 3px 14px 2px rgba(38, 43, 67, 0.12);
    }

.form-range::-moz-range-thumb:hover {
    box-shadow: 0 0 0 8px rgba(102, 108, 255, 0.15), 0px 5px 5px -3px rgba(38, 43, 67, 0.2), 0px 8px 10px 1px rgba(38, 43, 67, 0.14), 0px 3px 14px 2px rgba(38, 43, 67, 0.12);
}

.form-range::-moz-range-thumb:active {
    box-shadow: 0 0 0 10px rgba(102, 108, 255, 0.2), 0px 5px 5px -3px rgba(38, 43, 67, 0.2), 0px 8px 10px 1px rgba(38, 43, 67, 0.14), 0px 3px 14px 2px rgba(38, 43, 67, 0.12);
}

.form-range::-webkit-slider-runnable-track {
    background-color: #666cff;
}

.form-range::-moz-range-track {
    background-color: #666cff;
}

.switch-input:checked ~ .switch-toggle-slider {
    background: #666cff;
    color: #fff;
}

.switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
    background: #666cff;
    color: #fff;
}

.switch-primary.switch .switch-input:active ~ .switch-toggle-slider {
    box-shadow: none;
}

.switch-primary.switch .switch-input:focus ~ .switch-toggle-slider {
    box-shadow: 0 0 0.25rem 0.05rem rgba(102, 108, 255, 0.1);
}

.timeline .timeline-point-primary {
    background-color: #666cff !important;
    outline: 3px solid rgba(102, 108, 255, 0.12);
}

.timeline.timeline-outline .timeline-point-primary {
    border: 2px solid #666cff !important;
}

.timeline .timeline-indicator-primary {
    background-color: lavender !important;
}

    .timeline .timeline-indicator-primary i {
        color: #666cff !important;
    }

.divider.divider-primary.divider-vertical:before, .divider.divider-primary.divider-vertical:after,
.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
    border-color: #666cff;
}

.navbar.bg-primary {
    color: #dfe1ff;
}

.layout-navbar-fixed .window-scrolled .navbar.bg-primary.layout-navbar, .layout-horizontal .navbar.bg-primary.layout-navbar {
    background-color: rgba(102, 108, 255, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .navbar.bg-primary.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .navbar.bg-primary.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-primary.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .navbar.bg-primary.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #666cff !important;
    }

[dir=rtl] .navbar.bg-primary.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .navbar-brand a {
    color: #fff;
}

    .navbar.bg-primary .navbar-brand:hover, .navbar.bg-primary .navbar-brand:focus,
    .navbar.bg-primary .navbar-brand a:hover,
    .navbar.bg-primary .navbar-brand a:focus {
        color: #fff;
    }

.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-primary .navbar-search-wrapper .search-input {
    color: #dfe1ff;
}

.navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary .search-input-wrapper .search-toggler {
    color: #dfe1ff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar.bg-primary .navbar-nav > .nav-link,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link {
    color: #dfe1ff !important;
}

    .navbar.bg-primary .navbar-nav > .nav-link:hover, .navbar.bg-primary .navbar-nav > .nav-link:focus,
    .navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
    .navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
    .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #fff;
    }

    .navbar.bg-primary .navbar-nav > .nav-link.disabled,
    .navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled,
    .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #afb2ff !important;
    }

.navbar.bg-primary .navbar-nav .show > .nav-link,
.navbar.bg-primary .navbar-nav .active > .nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar.bg-primary .navbar-toggler {
    color: #dfe1ff;
    border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-primary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.navbar.bg-primary .navbar-text {
    color: #dfe1ff;
}

    .navbar.bg-primary .navbar-text a {
        color: #fff;
    }

        .navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus {
            color: #fff;
        }

.navbar.bg-primary hr {
    border-color: rgba(255, 255, 255, 0.15);
}

.menu.bg-primary {
    background-color: #666cff !important;
    color: #dfe1ff;
}

    .menu.bg-primary .menu-link,
    .menu.bg-primary .menu-horizontal-prev,
    .menu.bg-primary .menu-horizontal-next {
        color: #dfe1ff;
    }

        .menu.bg-primary .menu-link:hover, .menu.bg-primary .menu-link:focus,
        .menu.bg-primary .menu-horizontal-prev:hover,
        .menu.bg-primary .menu-horizontal-prev:focus,
        .menu.bg-primary .menu-horizontal-next:hover,
        .menu.bg-primary .menu-horizontal-next:focus {
            color: #fff;
        }

        .menu.bg-primary .menu-link.active,
        .menu.bg-primary .menu-horizontal-prev.active,
        .menu.bg-primary .menu-horizontal-next.active {
            color: #fff;
        }

        .menu.bg-primary .menu-item.disabled .menu-link,
        .menu.bg-primary .menu-horizontal-prev.disabled,
        .menu.bg-primary .menu-horizontal-next.disabled {
            color: #afb2ff !important;
        }

    .menu.bg-primary .menu-item.active:not(.open) > .menu-link:not(.menu-toggle), .menu.bg-primary .menu-item.active:not(.open) > .menu-link:not(.menu-toggle)::before {
        color: #fff !important;
    }

    .menu.bg-primary .menu-item.active > .menu-link:not(.menu-toggle) {
        background-color: #6a70ff;
    }

    .menu.bg-primary.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle), .menu.bg-primary.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle)::before {
        background-color: #edeeff;
        color: #6a70ff !important;
    }

        .menu.bg-primary.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) i {
            color: #6a70ff;
        }

    .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
        background: #6a70ff;
    }

        .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle, .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle:after {
            color: #fff;
        }

    .menu.bg-primary .menu-inner-shadow {
        background: linear-gradient(#666cff 5%, rgba(102, 108, 255, 0.75) 45%, rgba(102, 108, 255, 0.2) 80%, transparent);
    }

    .menu.bg-primary .menu-text {
        color: #fff;
    }

    .menu.bg-primary .menu-header {
        color: #969bff;
    }

    .menu.bg-primary hr,
    .menu.bg-primary .menu-divider,
    .menu.bg-primary .menu-inner > .menu-item.open > .menu-sub::before {
        border-color: rgba(255, 255, 255, 0.15) !important;
    }

    .menu.bg-primary .menu-block::before {
        background-color: #969bff;
    }

    .menu.bg-primary .ps__thumb-y,
    .menu.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
        background: rgba(255, 255, 255, 0.5928847059) !important;
    }

.footer.bg-primary {
    color: #dfe1ff;
}

    .footer.bg-primary .footer-link {
        color: #dfe1ff;
    }

        .footer.bg-primary .footer-link:hover, .footer.bg-primary .footer-link:focus {
            color: #afb2ff;
        }

        .footer.bg-primary .footer-link.disabled {
            color: #afb2ff !important;
        }

    .footer.bg-primary .footer-text {
        color: #fff;
    }

    .footer.bg-primary .show > .footer-link,
    .footer.bg-primary .active > .footer-link,
    .footer.bg-primary .footer-link.show,
    .footer.bg-primary .footer-link.active {
        color: #fff;
    }

    .footer.bg-primary hr {
        border-color: rgba(255, 255, 255, 0.15);
    }

.form-floating > .form-control:focus:not(:-moz-placeholder-shown) ~ label, .form-floating > .form-select:focus:not(:-moz-placeholder-shown) ~ label {
    color: #666cff;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:focus:not(:placeholder-shown) ~ label,
.form-floating > .form-select:focus ~ label,
.form-floating > .form-select:focus:not(:placeholder-shown) ~ label {
    color: #666cff;
}

.form-floating-focused {
    background-color: #666cff;
}

.form-floating-outline :not(select):focus + label,
.form-floating-outline :not(select):focus + span:not(.flatpickr-day) {
    color: #666cff;
}

.form-floating-outline label::after,
.form-floating-outline > span::after {
    background: #fff;
}

.form-floating-outline label.bg-body::after,
.form-floating-outline > span.bg-body::after {
    background: #f7f7f9 !important;
}

.svg-illustration svg {
    fill: #666cff;
}

.jstree .jstree-children .jstree-wholerow-hovered {
    background-color: rgba(38, 43, 67, 0.03);
}

.jstree .jstree-children .jstree-wholerow-clicked {
    background: rgba(102, 108, 255, 0.08);
}

.card.card-border-shadow-primary::after {
    border-bottom-color: #c2c4ff;
}

.card.card-border-shadow-primary:hover::after {
    border-bottom-color: #666cff;
}

.card.card-hover-border-primary:hover,
.card .card-hover-border-primary:hover {
    border-color: #c5c7ff;
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
    border-color: #666cff !important;
}

a {
    color: #666cff;
}

    a:hover {
        color: #757bff;
    }

.fill-primary {
    fill: #666cff;
}

.noUi-target {
    background: rgba(102, 108, 255, 0.16) !important;
}

    .noUi-target .noUi-connect {
        background: #666cff;
    }

    .noUi-target .noUi-handle {
        border-color: #666cff;
    }

        .noUi-target .noUi-handle:hover {
            box-shadow: 0 0 0 8px rgba(102, 108, 255, 0.16);
        }

        .noUi-target .noUi-handle:active, .noUi-target .noUi-handle:focus {
            box-shadow: 0 0 0 13px rgba(102, 108, 255, 0.16);
        }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #666cff !important;
    color: #fff !important;
}

.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border-width: 2px;
    border-color: #666cff !important;
}

.form-floating.select2-focus label {
    color: #666cff;
}

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #666cff !important;
    color: #fff !important;
}

.tagify--focus {
    border-color: #666cff !important;
}

    .tagify--focus ~ label {
        color: #666cff !important;
    }

.tagify__dropdown__item--active {
    background: #666cff !important;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    background-color: #666cff;
    border: 2px solid #fff;
    box-shadow: 0 0 3px rgba(38, 43, 67, 0.8);
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
    background: #666cff !important;
    color: #fff !important;
}

.bootstrap-select .dropdown-toggle.show {
    border-width: 2px;
    border-color: #666cff;
}

.form-floating:has(.bootstrap-select .dropdown-toggle.show) label {
    color: #666cff;
}

.form-floating.form-floating-bootstrap-select label.form-floating-bootstrap-select-label {
    color: #666cff;
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted,
.datepicker table tr td .focused,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled, .datepicker table tr td.range-start, .datepicker table tr td.range-end {
    background: #666cff !important;
    color: #fff !important;
}

.datepicker table tr td.range, .datepicker table tr td.range.highlighted, .datepicker table tr td.range.today {
    color: #666cff !important;
    background: #ededff !important;
}

    .datepicker table tr td.range.focused, .datepicker table tr td.range.highlighted.focused, .datepicker table tr td.range.today.focused {
        background: #ceceff !important;
    }

    .datepicker table tr td.range.disabled, .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.today.disabled {
        background: rgba(237, 237, 255, 0.5) !important;
        color: rgba(102, 108, 255, 0.5) !important;
    }

.datepicker table tr td.today:not(.active), .datepicker table tr td.today:not(.active):hover {
    color: #666cff;
    background-color: #e7e7ff;
}

.flatpickr-day.today, .flatpickr-day.today:hover {
    color: #666cff !important;
    border-color: #e7e7ff;
    background-color: #e7e7ff !important;
}

    .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
        color: #666cff !important;
        background: #ededff !important;
        border-color: #ededff !important;
    }

.flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.week.selected {
    color: #fff !important;
    background: #666cff !important;
    border-color: #666cff !important;
}



.ranges li.active {
    color: #666cff !important;
    background-color: #e7e7ff !important;
}

li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
    color: #fff !important;
    background: #666cff !important;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #666cff !important;
}

    .ql-snow.ql-toolbar button:hover .ql-fill,
    .ql-snow.ql-toolbar button:focus .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.ql-active .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 button:hover .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 .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-item:hover .ql-stroke.ql-fill,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover .ql-fill,
    .ql-snow .ql-toolbar button:focus .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.ql-active .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 button:hover .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 .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-item:hover .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
        fill: #666cff !important;
    }

    .ql-snow.ql-toolbar button:hover .ql-stroke,
    .ql-snow.ql-toolbar button:focus .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.ql-active .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 button:hover .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 .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-item:hover .ql-stroke-miter,
    .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover .ql-stroke,
    .ql-snow .ql-toolbar button:focus .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.ql-active .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 button:hover .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 .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-item:hover .ql-stroke-miter,
    .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
        stroke: #666cff !important;
    }

.tt-suggestion:active,
.tt-cursor {
    background: #666cff !important;
    color: #fff !important;
}

.dropzone.dz-drag-hover {
    border-color: #666cff !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #666cff !important;
}

.sk-primary.sk-plane,
.sk-primary .sk-chase-dot:before,
.sk-primary .sk-bounce-dot,
.sk-primary .sk-wave-rect,
.sk-primary.sk-pulse,
.sk-primary .sk-swing-dot,
.sk-primary .sk-circle-dot:before,
.sk-primary .sk-circle-fade-dot:before,
.sk-primary .sk-grid-cube,
.sk-primary .sk-fold-cube:before {
    background-color: #666cff;
}

.plyr input[type=range]::-ms-fill-lower {
    background: #666cff !important;
}

.plyr input[type=range]:active::-webkit-slider-thumb {
    background: #666cff !important;
}

.plyr input[type=range]:active::-moz-range-thumb {
    background: #666cff !important;
}

.plyr input[type=range]:active::-ms-thumb {
    background: #666cff !important;
}

.plyr--video .plyr__control.plyr__control--overlaid,
.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__control[aria-expanded=true],
.plyr--video .plyr__controls button:hover {
    background: #666cff !important;
    color: #fff !important;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__control[aria-expanded=true],
.plyr--audio .plyr__controls button:hover {
    background: #666cff !important;
    color: #fff !important;
}

.plyr__play-large {
    background: #666cff !important;
    color: #fff !important;
}

.plyr__progress--played,
.plyr__volume--display {
    color: #666cff !important;
}

.plyr--full-ui input[type=range] {
    color: #666cff !important;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #666cff !important;
}

.fc .fc-event-primary:not(.fc-list-event) {
    background-color: #e7e7ff !important;
    color: #666cff !important;
}

.fc .fc-event-primary.fc-list-event .fc-list-event-dot {
    border-color: #666cff !important;
}

.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
    background-color: transparent !important;
    border-color: #666cff;
    color: #666cff;
}

    .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):not(:last-child) {
        border-right: 1px solid #666cff !important;
    }

    .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
        background-color: rgba(102, 108, 255, 0.05) !important;
        border-color: #666cff;
        color: #666cff;
    }

    .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):active, .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active {
        background-color: rgba(102, 108, 255, 0.1) !important;
        border-color: #666cff !important;
        color: #666cff;
    }

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step {
    background: #666cff;
    color: #fff;
}

    .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
    .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
        background: #e8e9ff;
    }

.pcr-app .pcr-type.active,
.pcr-app .pcr-save {
    background: #666cff !important;
}

.icon-card.active {
    outline: 1px solid #666cff;
}

    .icon-card.active i,
    .icon-card.active svg {
        color: #666cff;
    }

.bs-stepper:not(.wizard-icons) .bs-stepper-header .line {
    border-color: #e7e7ff;
}

    .bs-stepper:not(.wizard-icons) .bs-stepper-header .line:before {
        background-color: #e7e7ff;
    }

.bs-stepper:not(.wizard-icons) .bs-stepper-header .step:not(.active) .bs-stepper-circle {
    border: 3px solid #e7e7ff;
}

.bs-stepper.wizard-icons .step.crossed .bs-stepper-label, .bs-stepper.wizard-icons .step.active .bs-stepper-label {
    color: #666cff;
}

.bs-stepper .step.active .bs-stepper-circle {
    background-color: transparent;
    border: 5px solid #666cff;
    color: #666cff;
}

.bs-stepper .step.active .bs-stepper-icon i {
    color: #666cff !important;
}

.bs-stepper .step.active .bs-stepper-icon svg {
    fill: #666cff !important;
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
    background-color: #666cff !important;
    color: #fff !important;
    border-color: #666cff !important;
}

    .bs-stepper .step.crossed .step-trigger .bs-stepper-circle i {
        visibility: visible;
    }

.bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg {
    fill: #666cff !important;
}

.bs-stepper .step.crossed .step-trigger .bs-stepper-icon i {
    color: #666cff !important;
}

.bs-stepper .step.crossed + .line {
    border-color: #666cff;
}

    .bs-stepper .step.crossed + .line svg {
        fill: #666cff;
    }

    .bs-stepper .step.crossed + .line i {
        color: #666cff;
    }

    .bs-stepper .step.crossed + .line:before {
        background-color: #666cff;
    }

.app-chat .sidebar-body .chat-contact-list li.active {
    background-color: #666cff;
}

.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text {
    background-color: #666cff !important;
}

.navbar.landing-navbar .navbar-nav .show > .nav-link,
.navbar.landing-navbar .navbar-nav .active > .nav-link,
.navbar.landing-navbar .navbar-nav .nav-link.show,
.navbar.landing-navbar .navbar-nav .nav-link.active,
.navbar.landing-navbar .navbar-nav .nav-link:hover {
    color: #666cff !important;
}

    .navbar.landing-navbar .navbar-nav .show > .nav-link .menu-icon,
    .navbar.landing-navbar .navbar-nav .active > .nav-link .menu-icon,
    .navbar.landing-navbar .navbar-nav .nav-link.show .menu-icon,
    .navbar.landing-navbar .navbar-nav .nav-link.active .menu-icon,
    .navbar.landing-navbar .navbar-nav .nav-link:hover .menu-icon {
        color: #666cff;
    }

.landing-features .features-icon-wrapper .features-icon-box .features-icon {
    border: 2px solid rgba(102, 108, 255, 0.32);
}

.landing-features .features-icon-wrapper .features-icon-box:hover .features-icon {
    background-color: rgba(102, 108, 255, 0.16);
}

.bg-navbar-theme {
    color: #3b4056;
}

.layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar, .layout-horizontal .bg-navbar-theme.layout-navbar {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

    .layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar .search-input-wrapper .search-input,
    .layout-navbar-fixed .window-scrolled .bg-navbar-theme.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .bg-navbar-theme.layout-navbar .search-input-wrapper .search-input,
    .layout-horizontal .bg-navbar-theme.layout-navbar .search-input-wrapper .search-toggler {
        background-color: #fff !important;
    }

[dir=rtl] .bg-navbar-theme.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important;
}

.bg-navbar-theme .navbar-brand,
.bg-navbar-theme .navbar-brand a {
    color: #3b4056;
}

    .bg-navbar-theme .navbar-brand:hover, .bg-navbar-theme .navbar-brand:focus,
    .bg-navbar-theme .navbar-brand a:hover,
    .bg-navbar-theme .navbar-brand a:focus {
        color: #3b4056;
    }

.bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
.bg-navbar-theme .navbar-search-wrapper .search-input {
    color: #3b4056;
}

.bg-navbar-theme .search-input-wrapper .search-input,
.bg-navbar-theme .search-input-wrapper .search-toggler {
    color: #3b4056;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bg-navbar-theme .navbar-nav > .nav-link,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
    color: #3b4056 !important;
}

    .bg-navbar-theme .navbar-nav > .nav-link:hover, .bg-navbar-theme .navbar-nav > .nav-link:focus,
    .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover,
    .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:focus,
    .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:hover,
    .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:focus {
        color: #3b4056;
    }

    .bg-navbar-theme .navbar-nav > .nav-link.disabled,
    .bg-navbar-theme .navbar-nav > .nav-item > .nav-link.disabled,
    .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link.disabled {
        color: #898c9a !important;
    }

.bg-navbar-theme .navbar-nav .show > .nav-link,
.bg-navbar-theme .navbar-nav .active > .nav-link,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .nav-link.active {
    color: #3b4056;
}

.bg-navbar-theme .navbar-toggler {
    color: #3b4056;
    border-color: rgba(59, 64, 86, 0.075);
}

.bg-navbar-theme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(103, 107, 123, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.bg-navbar-theme .navbar-text {
    color: #3b4056;
}

    .bg-navbar-theme .navbar-text a {
        color: #3b4056;
    }

        .bg-navbar-theme .navbar-text a:hover, .bg-navbar-theme .navbar-text a:focus {
            color: #3b4056;
        }

.bg-navbar-theme hr {
    border-color: rgba(59, 64, 86, 0.075);
}

.layout-horizontal .layout-navbar {
    box-shadow: 0 1px 0 #e5e6e8;
}

.layout-navbar-fixed .layout-page:not(.window-scrolled) .layout-navbar.navbar-detached {
    background: #f7f7f9;
}

.bg-menu-theme {
    background-color: rgb(255, 255, 255) !important;
    color: #3b4056;
}

    .bg-menu-theme .menu-link,
    .bg-menu-theme .menu-horizontal-prev,
    .bg-menu-theme .menu-horizontal-next {
        color: #3b4056;
    }

        .bg-menu-theme .menu-link:hover, .bg-menu-theme .menu-link:focus,
        .bg-menu-theme .menu-horizontal-prev:hover,
        .bg-menu-theme .menu-horizontal-prev:focus,
        .bg-menu-theme .menu-horizontal-next:hover,
        .bg-menu-theme .menu-horizontal-next:focus {
            color: #3b4056;
        }

        .bg-menu-theme .menu-link.active,
        .bg-menu-theme .menu-horizontal-prev.active,
        .bg-menu-theme .menu-horizontal-next.active {
            color: #3b4056;
        }

        .bg-menu-theme .menu-item.disabled .menu-link,
        .bg-menu-theme .menu-horizontal-prev.disabled,
        .bg-menu-theme .menu-horizontal-next.disabled {
            color: #868997 !important;
        }

    .bg-menu-theme .menu-item.active:not(.open) > .menu-link:not(.menu-toggle), .bg-menu-theme .menu-item.active:not(.open) > .menu-link:not(.menu-toggle)::before {
        color: #fff !important;
    }

    .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
        background-color: #1F515B;
    }

    .bg-menu-theme.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle), .bg-menu-theme.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle)::before {
        background-color: #ededff;
        color: #666cff !important;
    }

        .bg-menu-theme.menu-horizontal .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) i {
            color: #666cff;
        }

    .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
        background: #666cff;
    }

        .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle, .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle:after {
            color: #fff;
        }

    .bg-menu-theme .menu-inner-shadow {
        background: linear-gradient(#f7f7f9 5%, rgba(247, 247, 249, 0.75) 45%, rgba(247, 247, 249, 0.2) 80%, transparent);
    }

    .bg-menu-theme .menu-text {
        color: #3b4056;
    }

    .bg-menu-theme .menu-header {
        color: #acaeb8;
    }

    .bg-menu-theme hr,
    .bg-menu-theme .menu-divider,
    .bg-menu-theme .menu-inner > .menu-item.open > .menu-sub::before {
        border-color: transparent !important;
    }

    .bg-menu-theme .menu-block::before {
        background-color: #acaeb8;
    }

    .bg-menu-theme .ps__thumb-y,
    .bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
        background: rgba(59, 64, 86, 0.2121913726) !important;
    }

@media (min-width: 1200px) {
    .layout-menu-collapsed.layout-menu-hover .bg-menu-theme {
        box-shadow: 0 0.375rem 1.25rem 0 rgba(38, 43, 67, 0.18);
    }
}

.bg-menu-theme.menu-horizontal {
    background-color: #fff !important;
}

    .bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub {
        background: #fff;
    }

.bg-footer-theme {
    color: #666cff;
}

    .bg-footer-theme .footer-link {
        color: #666cff;
    }

        .bg-footer-theme .footer-link:hover, .bg-footer-theme .footer-link:focus {
            color: #a0a4fd;
        }

        .bg-footer-theme .footer-link.disabled {
            color: #a0a4fd !important;
        }

    .bg-footer-theme .footer-text {
        color: #3b4056;
    }

    .bg-footer-theme .show > .footer-link,
    .bg-footer-theme .active > .footer-link,
    .bg-footer-theme .footer-link.show,
    .bg-footer-theme .footer-link.active {
        color: #3b4056;
    }

    .bg-footer-theme hr {
        border-color: rgba(59, 64, 86, 0.0765239216);
    }

.dropdown-menu {
    box-shadow: 0 0.375rem 1.25rem 0 rgba(38, 43, 67, 0.18);
}