/*!
* Bootstrap  v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33,37,41,.75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33,37,41,.5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0,0,0,.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13,110,253,.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222,226,230,.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222,226,230,.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: hsla(0,0%,100%,.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,:after,:before {
    box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media(min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media(min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media(min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

.mark,mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,td,tfoot,th,thead,tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media(min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

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

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media(min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-.5*var(--bs-gutter-x));
    margin-left: calc(-.5*var(--bs-gutter-x));
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y);
}

.col {
    flex: 1 0;
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.g-0,.gx-0 {
    --bs-gutter-x: 0;
}

.g-0,.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
    .col-sm {
        flex:1 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 768px) {
    .col-md {
        flex:1 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex:1 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex:1 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex:1 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb),0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb),0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb),0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem;
    color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width)*2) solid
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000
}

.table-primary,.table-secondary {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000
}

.table-info,.table-success {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000
}

.table-danger,.table-warning {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000
}

.table-dark,.table-light {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + var(--bs-border-width));
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:var(--bs-border-width);border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:var(--bs-border-width);border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + var(--bs-border-width)*2);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + .75rem + var(--bs-border-width)*2)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + var(--bs-border-width)*2);
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0!important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0!important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: 100%;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    -moz-appearance: none;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(3.5rem + var(--bs-border-width)*2);
    min-height: calc(3.5rem + var(--bs-border-width)*2);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label:after,.form-floating>.form-control:focus~label:after,.form-floating>.form-control:not(:placeholder-shown)~label:after,.form-floating>.form-select~label:after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>.form-control:disabled~label:after,.form-floating>:disabled~label:after {
    background-color: var(--bs-secondary-bg)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width)*-1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-valid-color)
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-control-color.is-valid,.was-validated .form-control-color:valid {
    width: calc(3rem + 1.5em + .75rem)
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

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

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-control-color.is-invalid,.was-validated .form-control-color:invalid {
    width: calc(3rem + 1.5em + .75rem)
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,.btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media(min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0)
}

.dropdown-item:focus,.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0,0%,100%,.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(var(--bs-border-width)*-1)
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: calc(var(--bs-border-width)*-1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.nav-link.disabled,.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1*var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1*var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb),0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb),0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb),0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb),1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb),0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media(prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto!important;
    height: auto!important;
    visibility: visible!important;
    background-color: transparent!important;
    border: 0!important;
    transform: none!important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark,.navbar[data-bs-theme=dark] {
    --bs-navbar-color: hsla(0,0%,100%,.55);
    --bs-navbar-hover-color: hsla(0,0%,100%,.75);
    --bs-navbar-disabled-color: hsla(0,0%,100%,.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: hsla(0,0%,100%,.1)
}

.navbar-dark,.navbar[data-bs-theme=dark],[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb),0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5*var(--bs-card-title-spacer-y));
    color: var(--bs-card-subtitle-color)
}

.card-subtitle,.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5*var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1*var(--bs-card-cap-padding-y));
    margin-left: calc(-.5*var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5*var(--bs-card-cap-padding-x));
    margin-left: calc(-.5*var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media(min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media(prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media(prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type>.accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush>.accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush>.accordion-item:first-child {
    border-top: 0
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider,"/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,.page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--bs-border-width)*-1)
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress,.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item:before {
    content: counters(section,".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1*var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
}

@media(min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media(min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media(min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media(min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media(min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close,.btn-close:hover {
    color: var(--bs-btn-close-color)
}

.btn-close:hover {
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white,[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb),0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb),0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5*var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
    margin: calc(-.5*var(--bs-modal-header-padding-y)) calc(-.5*var(--bs-modal-header-padding-x)) calc(-.5*var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap)*.5)
}

@media(min-width: 576px) {
    .modal {
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width:800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        --bs-modal-width:1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media(max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1*var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    left: calc(-1*var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1*var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    right: calc(-1*var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow:after,.popover .popover-arrow:before {
    position: absolute;
    display: block;
    content: "";
    border: 0 solid transparent
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    left: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before {
    border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5*var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    right: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media(prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media(prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption {
    color: #000
}

.spinner-border,.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border-right-color: currentcolor;
    border: var(--bs-spinner-border-width) solid;
    border-right: var(--bs-spinner-border-width) solid transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media(prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media(max-width: 575.98px) {
    .offcanvas-sm {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media(max-width: 575.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition:none
    }
}

@media(max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-sm.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom,.offcanvas-sm.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-sm.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
        transform: none
    }

    .offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing {
        visibility: visible
    }
}

@media(min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media(max-width: 767.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition:none
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-md.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom,.offcanvas-md.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-md.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
        transform: none
    }

    .offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing {
        visibility: visible
    }
}

@media(min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media(max-width: 991.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition:none
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-lg.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom,.offcanvas-lg.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-lg.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
        transform: none
    }

    .offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing {
        visibility: visible
    }
}

@media(min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media(max-width: 1199.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition:none
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xl.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom,.offcanvas-xl.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-xl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
        transform: none
    }

    .offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing {
        visibility: visible
    }
}

@media(min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media(max-width: 1399.98px)and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition:none
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom,.offcanvas-xxl.offcanvas-top {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%
    }

    .offcanvas-xxl.offcanvas-bottom {
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
        transform: none
    }

    .offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing {
        visibility: visible
    }
}

@media(min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

@media(prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
}

.offcanvas.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,.offcanvas.show,.offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);
    margin: calc(-.5*var(--bs-offcanvas-padding-y)) calc(-.5*var(--bs-offcanvas-padding-x)) calc(-.5*var(--bs-offcanvas-padding-y)) auto
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff!important;
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-secondary {
    color: #fff!important;
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-success {
    color: #fff!important;
    background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-info {
    color: #000!important;
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-warning {
    color: #000!important;
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-danger {
    color: #fff!important;
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-light {
    color: #000!important;
    background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-dark {
    color: #fff!important;
    background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-primary:focus,.link-primary:hover {
    color: RGBA(10,88,202,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-secondary:focus,.link-secondary:hover {
    color: RGBA(86,94,100,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important
}

.link-success {
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-success:focus,.link-success:hover {
    color: RGBA(20,108,67,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important
}

.link-info {
    color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-info:focus,.link-info:hover {
    color: RGBA(61,213,243,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-warning:focus,.link-warning:hover {
    color: RGBA(255,205,57,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-danger:focus,.link-danger:hover {
    color: RGBA(176,42,55,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important
}

.link-light {
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-light:focus,.link-light:hover {
    color: RGBA(249,250,251,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-dark:focus,.link-dark:hover {
    color: RGBA(26,30,33,var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis:focus,.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: transform .2s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media(min-width: 576px) {
    .sticky-sm-top {
        top:0
    }

    .sticky-sm-bottom,.sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-sm-bottom {
        bottom: 0
    }
}

@media(min-width: 768px) {
    .sticky-md-top {
        top:0
    }

    .sticky-md-bottom,.sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-md-bottom {
        bottom: 0
    }
}

@media(min-width: 992px) {
    .sticky-lg-top {
        top:0
    }

    .sticky-lg-bottom,.sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-lg-bottom {
        bottom: 0
    }
}

@media(min-width: 1200px) {
    .sticky-xl-top {
        top:0
    }

    .sticky-xl-bottom,.sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-xl-bottom {
        bottom: 0
    }
}

@media(min-width: 1400px) {
    .sticky-xxl-top {
        top:0
    }

    .sticky-xxl-bottom,.sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        bottom: 0
    }
}

.hstack {
    flex-direction: row;
    align-items: center
}

.hstack,.vstack {
    display: flex;
    align-self: stretch
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
    position: absolute!important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.object-fit-contain {
    object-fit: contain!important
}

.object-fit-cover {
    object-fit: cover!important
}

.object-fit-fill {
    object-fit: fill!important
}

.object-fit-scale {
    object-fit: scale-down!important
}

.object-fit-none {
    object-fit: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.overflow-x-auto {
    overflow-x: auto!important
}

.overflow-x-hidden {
    overflow-x: hidden!important
}

.overflow-x-visible {
    overflow-x: visible!important
}

.overflow-x-scroll {
    overflow-x: scroll!important
}

.overflow-y-auto {
    overflow-y: auto!important
}

.overflow-y-hidden {
    overflow-y: hidden!important
}

.overflow-y-visible {
    overflow-y: visible!important
}

.overflow-y-scroll {
    overflow-y: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: var(--bs-box-shadow)!important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm)!important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg)!important
}

.shadow-none {
    box-shadow: none!important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb),var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb),var(--bs-focus-ring-opacity))
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.border-primary-subtle {
    border-color: var(--bs-primary-border-subtle)!important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle)!important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle)!important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle)!important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle)!important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle)!important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle)!important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle)!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

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

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

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

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

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

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

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

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

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

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

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

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

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.row-gap-0 {
    row-gap: 0!important
}

.row-gap-1 {
    row-gap: .25rem!important
}

.row-gap-2 {
    row-gap: .5rem!important
}

.row-gap-3 {
    row-gap: 1rem!important
}

.row-gap-4 {
    row-gap: 1.5rem!important
}

.row-gap-5 {
    row-gap: 3rem!important
}

.column-gap-0 {
    column-gap: 0!important
}

.column-gap-1 {
    column-gap: .25rem!important
}

.column-gap-2 {
    column-gap: .5rem!important
}

.column-gap-3 {
    column-gap: 1rem!important
}

.column-gap-4 {
    column-gap: 1.5rem!important
}

.column-gap-5 {
    column-gap: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-light {
    font-weight: 300!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-medium {
    font-weight: 500!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

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

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0,0%,100%,.5)!important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color)!important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis)!important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis)!important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis)!important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis)!important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis)!important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis)!important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis)!important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis)!important
}

.link-opacity-10,.link-opacity-10-hover:hover {
    --bs-link-opacity: 0.1
}

.link-opacity-25,.link-opacity-25-hover:hover {
    --bs-link-opacity: 0.25
}

.link-opacity-50,.link-opacity-50-hover:hover {
    --bs-link-opacity: 0.5
}

.link-opacity-75,.link-opacity-75-hover:hover {
    --bs-link-opacity: 0.75
}

.link-opacity-100,.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,.link-offset-1-hover:hover {
    text-underline-offset: .125em!important
}

.link-offset-2,.link-offset-2-hover:hover {
    text-underline-offset: .25em!important
}

.link-offset-3,.link-offset-3-hover:hover {
    text-underline-offset: .375em!important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-underline-opacity-0,.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25,.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50,.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75,.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100,.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle)!important
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

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

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: var(--bs-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--bs-border-radius)!important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-xxl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-end-circle {
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-left-radius: var(--bs-border-radius-pill)!important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.z-n1 {
    z-index: -1!important
}

.z-0 {
    z-index: 0!important
}

.z-1 {
    z-index: 1!important
}

.z-2 {
    z-index: 2!important
}

.z-3 {
    z-index: 3!important
}

@media(min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .object-fit-sm-contain {
        object-fit: contain!important
    }

    .object-fit-sm-cover {
        object-fit: cover!important
    }

    .object-fit-sm-fill {
        object-fit: fill!important
    }

    .object-fit-sm-scale {
        object-fit: scale-down!important
    }

    .object-fit-sm-none {
        object-fit: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-inline-grid {
        display: inline-grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .row-gap-sm-0 {
        row-gap: 0!important
    }

    .row-gap-sm-1 {
        row-gap: .25rem!important
    }

    .row-gap-sm-2 {
        row-gap: .5rem!important
    }

    .row-gap-sm-3 {
        row-gap: 1rem!important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-sm-5 {
        row-gap: 3rem!important
    }

    .column-gap-sm-0 {
        column-gap: 0!important
    }

    .column-gap-sm-1 {
        column-gap: .25rem!important
    }

    .column-gap-sm-2 {
        column-gap: .5rem!important
    }

    .column-gap-sm-3 {
        column-gap: 1rem!important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-sm-5 {
        column-gap: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media(min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .object-fit-md-contain {
        object-fit: contain!important
    }

    .object-fit-md-cover {
        object-fit: cover!important
    }

    .object-fit-md-fill {
        object-fit: fill!important
    }

    .object-fit-md-scale {
        object-fit: scale-down!important
    }

    .object-fit-md-none {
        object-fit: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-inline-grid {
        display: inline-grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .row-gap-md-0 {
        row-gap: 0!important
    }

    .row-gap-md-1 {
        row-gap: .25rem!important
    }

    .row-gap-md-2 {
        row-gap: .5rem!important
    }

    .row-gap-md-3 {
        row-gap: 1rem!important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-md-5 {
        row-gap: 3rem!important
    }

    .column-gap-md-0 {
        column-gap: 0!important
    }

    .column-gap-md-1 {
        column-gap: .25rem!important
    }

    .column-gap-md-2 {
        column-gap: .5rem!important
    }

    .column-gap-md-3 {
        column-gap: 1rem!important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-md-5 {
        column-gap: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media(min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .object-fit-lg-contain {
        object-fit: contain!important
    }

    .object-fit-lg-cover {
        object-fit: cover!important
    }

    .object-fit-lg-fill {
        object-fit: fill!important
    }

    .object-fit-lg-scale {
        object-fit: scale-down!important
    }

    .object-fit-lg-none {
        object-fit: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-inline-grid {
        display: inline-grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .row-gap-lg-0 {
        row-gap: 0!important
    }

    .row-gap-lg-1 {
        row-gap: .25rem!important
    }

    .row-gap-lg-2 {
        row-gap: .5rem!important
    }

    .row-gap-lg-3 {
        row-gap: 1rem!important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-lg-5 {
        row-gap: 3rem!important
    }

    .column-gap-lg-0 {
        column-gap: 0!important
    }

    .column-gap-lg-1 {
        column-gap: .25rem!important
    }

    .column-gap-lg-2 {
        column-gap: .5rem!important
    }

    .column-gap-lg-3 {
        column-gap: 1rem!important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-lg-5 {
        column-gap: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media(min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .object-fit-xl-contain {
        object-fit: contain!important
    }

    .object-fit-xl-cover {
        object-fit: cover!important
    }

    .object-fit-xl-fill {
        object-fit: fill!important
    }

    .object-fit-xl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xl-none {
        object-fit: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-inline-grid {
        display: inline-grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .row-gap-xl-0 {
        row-gap: 0!important
    }

    .row-gap-xl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xl-0 {
        column-gap: 0!important
    }

    .column-gap-xl-1 {
        column-gap: .25rem!important
    }

    .column-gap-xl-2 {
        column-gap: .5rem!important
    }

    .column-gap-xl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xl-5 {
        column-gap: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media(min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .object-fit-xxl-contain {
        object-fit: contain!important
    }

    .object-fit-xxl-cover {
        object-fit: cover!important
    }

    .object-fit-xxl-fill {
        object-fit: fill!important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xxl-none {
        object-fit: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-inline-grid {
        display: inline-grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .row-gap-xxl-0 {
        row-gap: 0!important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xxl-0 {
        column-gap: 0!important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem!important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem!important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xxl-5 {
        column-gap: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media(min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-inline-grid {
        display: inline-grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}











/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 /* @font-face {
    font-family: FontAwesome;
    src: url(/_next/static/media/fontawesome-webfont.2b13baa7.eot);
    src: url(/_next/static/media/fontawesome-webfont.2b13baa7.eot) format("embedded-opentype"),url(/_next/static/media/fontawesome-webfont.e9955780.woff2) format("woff2"),url(/_next/static/media/fontawesome-webfont.cf011583.woff) format("woff"),url(/_next/static/media/fontawesome-webfont.8a7cb27d.ttf) format("truetype"),url(/_next/static/media/fontawesome-webfont.da909aa0.svg) format("svg");
    font-weight: 400;
    font-style: normal
} */

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    animation: fa-spin 1s steps(8) infinite
}

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

    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before,.fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before,.fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before,.fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before,.fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,.fa-users:before {
    content: ""
}

.fa-chain:before,.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,.fa-scissors:before {
    content: ""
}

.fa-copy:before,.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before,.fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before,.fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,.fa-undo:before {
    content: ""
}

.fa-gavel:before,.fa-legal:before {
    content: ""
}

.fa-dashboard:before,.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before,.fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before,.fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before,.fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
    content: ""
}

.fa-eur:before,.fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,.fa-usd:before {
    content: ""
}

.fa-inr:before,.fa-rupee:before {
    content: ""
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
    content: ""
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
    content: ""
}

.fa-krw:before,.fa-won:before {
    content: ""
}

.fa-bitcoin:before,.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before,.fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: ""
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,.fa-car:before {
    content: ""
}

.fa-cab:before,.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
    content: ""
}

.fa-empire:before,.fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,.fa-weixin:before {
    content: ""
}

.fa-paper-plane:before,.fa-send:before {
    content: ""
}

.fa-paper-plane-o:before,.fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before,.fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before,.fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before {
    content: ""
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before,.fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before,.fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,.fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before,.fa-vcard:before {
    content: ""
}

.fa-address-card-o:before,.fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before,.fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before,.fa-bathtub:before,.fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before,.fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

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

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    overflow: hidden;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.simplebar-mask,.simplebar-offset {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.simplebar-offset {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    /* scrollbar-width: none;
    -ms-overflow-style: none */

    
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after,.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit!important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    z-index: -1
}

.simplebar-height-auto-observer,.simplebar-track {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.simplebar-track {
    z-index: 1;
    right: 0;
    bottom: 0
}

[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    opacity: 0;
    transition: opacity .2s linear .5s
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar!important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-family: Helvetica Neue,helvetica,arial,sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative;
    line-height: normal
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker-popper {
    z-index: 1;
    line-height: 0
}

.react-datepicker-popper .react-datepicker__triangle {
    stroke: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    fill: #f0f0f0;
    color: #f0f0f0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    fill: #fff;
    color: #fff
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

h2.react-datepicker__current-month {
    padding: 0;
    margin: 0
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 20px;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    transform: rotate(45deg);
    left: -7px
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    transform: rotate(225deg);
    right: -7px
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -87px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + .85rem);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__week-number--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__week-number--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day-names {
    white-space: nowrap;
    margin-bottom: -8px
}

.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays {
    position: relative;
    border-radius: .3rem;
    background-color: #ff6803;
    color: #fff
}

.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s,opacity .3s ease-in-out
}

.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
    background-color: #cf5300
}

.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay {
    visibility: visible;
    opacity: 1
}

.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
    border-radius: .3rem;
    background-color: #bad9f1;
    color: #000
}

.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range) {
    background-color: rgba(33,107,165,.5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay {
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s,opacity .3s ease-in-out
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    position: absolute;
    padding: .5rem;
    box-sizing: content-box
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0
}

.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae
}

.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×"
}

.react-datepicker__close-icon--disabled {
    cursor: default
}

.react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: #ccc
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media(max-height: 550px),(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
        width:2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    width: 13.8rem;
    margin: .4rem;
    padding-right: .2rem;
    padding-left: .2rem;
    height: auto
}

.react-datepicker__aria-live {
    position: absolute;
    -webkit-clip-path: circle(0);
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap
}

.react-datepicker__calendar-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.125em
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79,79,79,.4);
    --pswp-preloader-color-secondary: hsla(0,0%,100%,.9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    touch-action: none;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.pswp,.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,.pswp__bg {
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__bg,.pswp__container,.pswp__content,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img {
    cursor: zoom-out
}

.pswp__button,.pswp__container,.pswp__counter,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1;
    overflow: hidden
}

.pswp__hidden {
    display: none!important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none
}

.pswp__button:active,.pswp__button:focus,.pswp__button:hover {
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1
}

.pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

.pswp__img--with-bg,div.pswp__img--placeholder {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none!important
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: none;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 60px;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    transition: opacity .2s linear;
    animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.pswp__counter {
    height: 30px;
    margin-top: 15px;
    -webkit-margin-start: 20px;
    margin-inline-start:20px;font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}

.rbt .rbt-input-main::-ms-clear {
    display: none
}

.rbt-menu {
    margin-bottom: 2px
}

.rbt-menu>.dropdown-item {
    overflow: hidden;
    text-overflow: ellipsis
}

.rbt-menu>.dropdown-item:focus {
    outline: none
}

.rbt-menu-pagination-option {
    text-align: center
}

.rbt-input-multi {
    cursor: text;
    overflow: hidden;
    position: relative
}

.rbt-input-multi.focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    color: #495057;
    outline: 0
}

.rbt-input-multi.form-control {
    height: auto
}

.rbt-input-multi.disabled {
    background-color: #e9ecef;
    opacity: 1
}

.rbt-input-multi.is-invalid.focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.rbt-input-multi.is-valid.focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.rbt-input-multi input::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.rbt-input-multi input:-ms-input-placeholder {
    color: #6c757d
}

.rbt-input-multi input::-webkit-input-placeholder {
    color: #6c757d
}

.rbt-input-multi .rbt-input-wrapper {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -4px;
    margin-top: -1px;
    overflow: hidden
}

.rbt-input-multi .rbt-input-main {
    margin: 1px 0 4px
}

.rbt-close {
    z-index: 1
}

.rbt-close-lg {
    font-size: 1.5rem
}

.rbt-token {
    background-color: #e7f4ff;
    border: 0;
    border-radius: .25rem;
    color: #007bff;
    display: inline-flex;
    line-height: 1rem;
    margin: 1px 3px 2px 0
}

.rbt-token .rbt-token-label {
    padding: .25rem .5rem
}

.rbt-token .rbt-token-label:not(:last-child) {
    padding-right: .25rem
}

.rbt-token-disabled {
    background-color: rgba(0,0,0,.1);
    color: #495057;
    pointer-events: none
}

.rbt-token-removeable {
    cursor: pointer
}

.rbt-token-active {
    background-color: #007bff;
    color: #fff;
    outline: none;
    text-decoration: none
}

.rbt-token .rbt-token-remove-button {
    background-image: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-shadow: none;
    color: inherit;
    display: flex;
    justify-content: center;
    font-size: inherit;
    font-weight: 400;
    opacity: 1;
    outline: none;
    padding: .25rem .5rem .25rem 0;
    text-shadow: none
}

.rbt-token .rbt-token-remove-button .rbt-close-content {
    display: block
}

.rbt-aux {
    align-items: center;
    display: flex;
    bottom: 0;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem
}

.rbt-aux-lg {
    width: 3rem
}

.rbt-aux .rbt-close {
    margin-top: -.25rem;
    pointer-events: auto
}

.has-aux .form-control {
    padding-right: 2rem
}

.has-aux .form-control.is-invalid,.has-aux .form-control.is-valid {
    background-position: right 2rem center;
    padding-right: 4rem
}

.rbt-highlight-text {
    background-color: inherit;
    color: inherit;
    font-weight: 700;
    padding: 0
}

.input-group>.rbt {
    flex: 1 1
}

.input-group>.rbt .rbt-aux,.input-group>.rbt .rbt-input-hint {
    z-index: 5
}

.input-group>.rbt:not(:first-child) .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.rbt:not(:last-child) .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: #000;
    direction: ltr
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px
}

.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0!important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection {
    background: 0 0
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection {
    background: 0 0
}

.cm-fat-cursor {
    caret-color: transparent
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: blue
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header,.cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: blue
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-type,.cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta,.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-invalidchar,.cm-s-default .cm-error {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}

.CodeMirror-scroll {
    overflow: scroll!important;
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: 0;
    position: relative;
    z-index: 0
}

.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent
}

.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none;
    outline: 0
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -50px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0!important;
    border: none!important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like {
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-variant-ligatures: contextual;
    font-feature-settings: "calt";
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px
}

.CodeMirror-code {
    outline: 0
}

.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer {
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255,255,0,.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ""
}

span.CodeMirror-selectedtext {
    background: 0 0
}

.EasyMDEContainer {
    display: block
}

.CodeMirror-rtl pre {
    direction: rtl
}

.EasyMDEContainer.sided--no-fullscreen {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.EasyMDEContainer .CodeMirror {
    box-sizing: border-box;
    height: auto;
    border: 1px solid #ced4da;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    font: inherit;
    z-index: 0;
    word-wrap: break-word
}

.EasyMDEContainer .CodeMirror-scroll {
    cursor: text
}

.EasyMDEContainer .CodeMirror-fullscreen {
    background: #fff;
    position: fixed!important;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 8;
    border-right: none!important;
    border-bottom-right-radius: 0!important
}

.EasyMDEContainer .CodeMirror-sided {
    width: 50%!important
}

.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided {
    border-right: none!important;
    border-bottom-right-radius: 0;
    position: relative;
    flex: 1 1 auto
}

.EasyMDEContainer .CodeMirror-placeholder {
    opacity: .5
}

.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
    background: #d9d9d9
}

.editor-toolbar {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 9px 10px;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.editor-toolbar.fullscreen {
    width: 100%;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    background: #fff;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 9
}

.editor-toolbar.fullscreen:before {
    width: 20px;
    height: 50px;
    background: linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.editor-toolbar.fullscreen:after {
    width: 20px;
    height: 50px;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.EasyMDEContainer.sided--no-fullscreen .editor-toolbar {
    width: 100%
}

.editor-toolbar .easymde-dropdown,.editor-toolbar button {
    background: 0 0;
    display: inline-block;
    text-align: center;
    text-decoration: none!important;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer
}

.editor-toolbar button {
    font-weight: 700;
    min-width: 30px;
    padding: 0 6px;
    white-space: nowrap
}

.editor-toolbar button.active,.editor-toolbar button:hover {
    background: #fcfcfc;
    border-color: #95a5a6
}

.editor-toolbar i.separator {
    display: inline-block;
    width: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #fff;
    color: transparent;
    text-indent: -10px;
    margin: 0 6px
}

.editor-toolbar button:after {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 65%;
    vertical-align: text-bottom;
    position: relative;
    top: 2px
}

.editor-toolbar button.heading-1:after {
    content: "1"
}

.editor-toolbar button.heading-2:after {
    content: "2"
}

.editor-toolbar button.heading-3:after {
    content: "3"
}

.editor-toolbar button.heading-bigger:after {
    content: "▲"
}

.editor-toolbar button.heading-smaller:after {
    content: "▼"
}

.editor-toolbar.disabled-for-preview button:not(.no-disable) {
    opacity: .6;
    pointer-events: none
}

@media only screen and (max-width: 700px) {
    .editor-toolbar i.no-mobile {
        display:none
    }
}

.editor-statusbar {
    padding: 8px 10px;
    font-size: 12px;
    color: #959694;
    text-align: right
}

.EasyMDEContainer.sided--no-fullscreen .editor-statusbar {
    width: 100%
}

.editor-statusbar span {
    display: inline-block;
    min-width: 4em;
    margin-left: 1em
}

.editor-statusbar .lines:before {
    content: "lines: "
}

.editor-statusbar .words:before {
    content: "words: "
}

.editor-statusbar .characters:before {
    content: "characters: "
}

.editor-preview-full {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 7
}

.editor-preview-full,.editor-preview-side {
    overflow: auto;
    display: none;
    box-sizing: border-box
}

.editor-preview-side {
    position: fixed;
    bottom: 0;
    width: 50%;
    top: 50px;
    right: 0;
    z-index: 9;
    border: 1px solid #ddd;
    word-wrap: break-word
}

.editor-preview-active-side {
    display: block
}

.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side {
    flex: 1 1 auto;
    height: auto;
    position: static
}

.editor-preview-active {
    display: block
}

.editor-preview {
    padding: 10px;
    background: #fafafa
}

.editor-preview>p {
    margin-top: 0
}

.editor-preview pre {
    background: #eee;
    margin-bottom: 10px
}

.editor-preview table td,.editor-preview table th {
    border: 1px solid #ddd;
    padding: 5px
}

.cm-s-easymde .cm-tag {
    color: #63a35c
}

.cm-s-easymde .cm-attribute {
    color: #795da3
}

.cm-s-easymde .cm-string {
    color: #183691
}

.cm-s-easymde .cm-header-1 {
    font-size: calc(1.375rem + 1.5vw)
}

.cm-s-easymde .cm-header-2 {
    font-size: calc(1.325rem + .9vw)
}

.cm-s-easymde .cm-header-3 {
    font-size: calc(1.3rem + .6vw)
}

.cm-s-easymde .cm-header-4 {
    font-size: calc(1.275rem + .3vw)
}

.cm-s-easymde .cm-header-5 {
    font-size: 1.25rem
}

.cm-s-easymde .cm-header-6 {
    font-size: 1rem
}

.cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6 {
    margin-bottom: .5rem;
    line-height: 1.2
}

.cm-s-easymde .cm-comment {
    background: rgba(0,0,0,.05);
    border-radius: 2px
}

.cm-s-easymde .cm-link {
    color: #7f8c8d
}

.cm-s-easymde .cm-url {
    color: #aab2b3
}

.cm-s-easymde .cm-quote {
    color: #7f8c8d;
    font-style: italic
}

.editor-toolbar .easymde-dropdown {
    position: relative;
    border-radius: 0;
    border: 1px solid #fff
}

.editor-toolbar .easymde-dropdown,.editor-toolbar .easymde-dropdown:hover {
    background: linear-gradient(to bottom right,#fff,#fff 84%,#333 0,#333)
}

.easymde-dropdown-content {
    display: block;
    visibility: hidden;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    padding: 8px;
    z-index: 2;
    top: 30px
}

.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content {
    visibility: visible
}

.easymde-dropdown-content button {
    display: block
}

span[data-img-src]:after {
    content: "";
    background-image: var(--bg-image);
    display: block;
    max-height: 100%;
    max-width: 100%;
    background-size: contain;
    height: 0;
    padding-top: var(--height);
    width: var(--width);
    background-repeat: no-repeat
}

.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    background: rgba(255,0,0,.15)
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(/_next/static/media/slick.25572f22.eot);
    src: url(/_next/static/media/slick.25572f22.eot) format("embedded-opentype"),url(/_next/static/media/slick.653a4cbb.woff) format("woff"),url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"),url(/_next/static/media/slick.f895cfdf.svg) format("svg")
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74d3c;
    --toastify-color-transparent: hsla(0,0%,100%,.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-container-width: fit-content;
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset),env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset),env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset),env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset),env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-padding: 14px;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-toast-shadow: 0px 4px 12px rgba(0,0,0,.1);
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translateZ(var(--toastify-z-index));
    position: fixed;
    width: var(--toastify-container-width);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column
}

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

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

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

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

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

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

.Toastify__toast {
    --y: 0;
    position: relative;
    touch-action: none;
    width: var(--toastify-toast-width);
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: var(--toastify-toast-padding);
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: var(--toastify-toast-shadow);
    max-height: var(--toastify-toast-max-height);
    font-family: var(--toastify-font-family);
    z-index: 0;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    word-break: break-word
}

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

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

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

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

    .Toastify__toast {
        --toastify-toast-width: 100%;
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-container[data-stacked=true] {
    width: var(--toastify-toast-width)
}

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

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

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

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

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

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

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

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

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

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

.Toastify__toast--rtl {
    direction: rtl
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Toastify__close-button {
    color: #fff;
    position: absolute;
    top: 6px;
    right: 6px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    z-index: 1
}

.Toastify__toast--rtl .Toastify__close-button {
    left: 6px;
    right: unset
}

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

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

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

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

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .7;
    transform-origin: left
}

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

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

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right;
    border-bottom-left-radius: 0
}

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

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

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

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

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

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

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

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

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

    to {
        transform: none
    }
}

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

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

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

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

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

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

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

    to {
        transform: none
    }
}

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

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

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

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

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

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

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

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

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

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

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

    to {
        transform: none
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

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

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

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.react-calendar {
    width: 350px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #a0a096;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.125em
}

.react-calendar--doubleView {
    width: 700px
}

.react-calendar--doubleView .react-calendar__viewContainer {
    display: flex;
    margin: -.5em
}

.react-calendar--doubleView .react-calendar__viewContainer>* {
    width: 50%;
    margin: .5em
}

.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before {
    box-sizing: border-box
}

.react-calendar button {
    margin: 0;
    border: 0;
    outline: none
}

.react-calendar button:enabled:hover {
    cursor: pointer
}

.react-calendar__navigation {
    display: flex;
    height: 44px;
    margin-bottom: 1em
}

.react-calendar__navigation button {
    min-width: 44px;
    background: none
}

.react-calendar__navigation button:disabled {
    background-color: #f0f0f0
}

.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover {
    background-color: #e6e6e6
}

.react-calendar__month-view__weekdays {
    text-align: center;
    text-transform: uppercase;
    font: inherit;
    font-size: .75em;
    font-weight: 700
}

.react-calendar__month-view__weekdays__weekday {
    padding: .5em
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: .75em;
    font-weight: 700
}

.react-calendar__month-view__days__day--weekend {
    color: #d10000
}

.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth {
    color: #757575
}

.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile {
    padding: 2em .5em
}

.react-calendar__tile {
    max-width: 100%;
    padding: 10px 6.6667px;
    background: none;
    text-align: center;
    font: inherit;
    font-size: .833em
}

.react-calendar__tile:disabled {
    background-color: #f0f0f0;
    color: #ababab
}

.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled {
    color: #cdcdcd
}

.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover {
    background-color: #e6e6e6
}

.react-calendar__tile--now {
    background: #ffff76
}

.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover {
    background: #ffffa9
}

.react-calendar__tile--hasActive {
    background: #76baff
}

.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover {
    background: #a9d4ff
}

.react-calendar__tile--active {
    background: #006edc;
    color: #fff
}

.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover {
    background: #1087ff
}

.react-calendar--selectRange .react-calendar__tile--hover {
    background-color: #e6e6e6
}





.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-overlay-pane svg {
    max-width: none!important;
    max-height: none!important
}

.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer {
    max-width: none!important;
    max-height: none!important;
    width: auto;
    padding: 0
}

.leaflet-container img.leaflet-tile {
    mix-blend-mode: plus-lighter
}

.leaflet-container.leaflet-touch-zoom {
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51,181,229,.4)
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    transform-origin: 0 0
}

svg.leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    transition: transform .25s cubic-bezier(0,0,.25,1)
}

.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile {
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: grab
}

.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline-offset: 1px
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: hsla(0,0%,100%,.5)
}

.leaflet-container {
    font-family: Helvetica Neue,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0,0,0,.65);
    border-radius: 4px
}

.leaflet-bar a {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:focus,.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,.leaflet-control-zoom-out {
    font: 700 18px Lucida Console,Monaco,monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url(/_next/static/media/layers.ef6db872.png);
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(/_next/static/media/layers-2x.9859cd12.png);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block;
    font-size: 13px;
    font-size: 1.08333em
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(/_next/static/media/marker-icon.d577052a.png)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0,0%,100%,.8);
    margin: 0
}

.leaflet-control-attribution,.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    line-height: 1.4
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-attribution-flag {
    display: inline!important;
    vertical-align: baseline!important;
    width: 1em;
    height: .6669em
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    white-space: nowrap;
    box-sizing: border-box;
    background: hsla(0,0%,100%,.8);
    text-shadow: 1px 1px #fff
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0,0,0,.2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 24px 13px 20px;
    line-height: 1.3;
    font-size: 13px;
    font-size: 1.08333em;
    min-height: 1px
}

.leaflet-popup-content p {
    margin: 1.3em 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-top: -1px;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    pointer-events: auto;
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,.leaflet-popup-tip {
    background: #fff;
    color: #333;
    box-shadow: 0 3px 14px rgba(0,0,0,.4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    text-align: center;
    width: 24px;
    height: 24px;
    font: 16px/24px Tahoma,Verdana,sans-serif;
    color: #757575;
    text-decoration: none;
    background: transparent
}

.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover {
    color: #585858
}

.leaflet-popup-scrolled {
    overflow: auto
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom:1}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)
}

.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.4)
}

.leaflet-tooltip.leaflet-interactive {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

@media print {
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

/*! -----------------------------------------------------------------------------------

    Template Name: Rica Admin
    Template URI: http://admin.pixelstrap.com/Rica/theme
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------
 */
 :root {
    --theme-deafult: #4aa4d9;
    --theme-secondary: #ef3f3e
}

.font-roboto {
    font-family: Nunito,sans-serif
}

.p-0 {
    padding: 0
}

.p-5 {
    padding: 5px
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px
}

.p-25 {
    padding: 25px
}

.p-30 {
    padding: 30px
}

.p-35 {
    padding: 35px
}

.p-40 {
    padding: 40px
}

.p-45 {
    padding: 45px
}

.p-50 {
    padding: 50px
}

.p-l-0 {
    padding-left: 0
}

.p-l-5 {
    padding-left: 5px
}

.p-l-10 {
    padding-left: 10px
}

.p-l-15 {
    padding-left: 15px
}

.p-l-20 {
    padding-left: 20px
}

.p-l-25 {
    padding-left: 25px
}

.p-l-30 {
    padding-left: 30px
}

.p-l-35 {
    padding-left: 35px
}

.p-l-40 {
    padding-left: 40px
}

.p-l-45 {
    padding-left: 45px
}

.p-l-50 {
    padding-left: 50px
}

.p-t-0 {
    padding-top: 0!important
}

.p-t-5 {
    padding-top: 5px!important
}

.p-t-10 {
    padding-top: 10px!important
}

.p-t-15 {
    padding-top: 15px!important
}

.p-t-20 {
    padding-top: 20px!important
}

.p-t-25 {
    padding-top: 25px!important
}

.p-t-30 {
    padding-top: 30px!important
}

.p-t-35 {
    padding-top: 35px!important
}

.p-t-40 {
    padding-top: 40px!important
}

.p-t-45 {
    padding-top: 45px!important
}

.p-t-50 {
    padding-top: 50px!important
}

.p-b-0 {
    padding-bottom: 0!important
}

.p-b-5 {
    padding-bottom: 5px!important
}

.p-b-10 {
    padding-bottom: 10px!important
}

.p-b-15 {
    padding-bottom: 15px!important
}

.p-b-20 {
    padding-bottom: 20px!important
}

.p-b-25 {
    padding-bottom: 25px!important
}

.p-b-30 {
    padding-bottom: 30px!important
}

.p-b-35 {
    padding-bottom: 35px!important
}

.p-b-40 {
    padding-bottom: 40px!important
}

.p-b-45 {
    padding-bottom: 45px!important
}

.p-b-50 {
    padding-bottom: 50px!important
}

.p-r-0 {
    padding-right: 0
}

.p-r-5 {
    padding-right: 5px
}

.p-r-10 {
    padding-right: 10px
}

.p-r-15 {
    padding-right: 15px
}

.p-r-20 {
    padding-right: 20px
}

.p-r-25 {
    padding-right: 25px
}

.p-r-30 {
    padding-right: 30px
}

.p-r-35 {
    padding-right: 35px
}

.p-r-40 {
    padding-right: 40px
}

.p-r-45 {
    padding-right: 45px
}

.p-r-50 {
    padding-right: 50px
}

.m-0 {
    margin: 0!important
}

.m-5 {
    margin: 5px!important
}

.m-10 {
    margin: 10px!important
}

.m-15 {
    margin: 15px!important
}

.m-20 {
    margin: 20px!important
}

.m-25 {
    margin: 25px!important
}

.m-30 {
    margin: 30px!important
}

.m-35 {
    margin: 35px!important
}

.m-40 {
    margin: 40px!important
}

.m-45 {
    margin: 45px!important
}

.m-50 {
    margin: 50px!important
}

.m-t-0 {
    margin-top: 0!important
}

.m-t-5 {
    margin-top: 5px!important
}

.m-t-10 {
    margin-top: 10px!important
}

.m-t-15 {
    margin-top: 15px!important
}

.m-t-20 {
    margin-top: 20px!important
}

.m-t-25 {
    margin-top: 25px!important
}

.m-t-30 {
    margin-top: 30px!important
}

.m-t-35 {
    margin-top: 35px!important
}

.m-t-40 {
    margin-top: 40px!important
}

.m-t-45 {
    margin-top: 45px!important
}

.m-t-50 {
    margin-top: 50px!important
}

.m-b-0 {
    margin-bottom: 0!important
}

.m-b-5 {
    margin-bottom: 5px!important
}

.m-b-10 {
    margin-bottom: 10px!important
}

.m-b-15 {
    margin-bottom: 15px!important
}

.m-b-20 {
    margin-bottom: 20px!important
}

.m-b-25 {
    margin-bottom: 25px!important
}

.m-b-30 {
    margin-bottom: 30px!important
}

.m-b-35 {
    margin-bottom: 35px!important
}

.m-b-40 {
    margin-bottom: 40px!important
}

.m-b-45 {
    margin-bottom: 45px!important
}

.m-b-50 {
    margin-bottom: 50px!important
}

.m-l-0 {
    margin-left: 0!important
}

.m-l-5 {
    margin-left: 5px!important
}

.m-l-10 {
    margin-left: 10px!important
}

.m-l-15 {
    margin-left: 15px!important
}

.m-l-20 {
    margin-left: 20px!important
}

.m-l-25 {
    margin-left: 25px!important
}

.m-l-30 {
    margin-left: 30px!important
}

.m-l-35 {
    margin-left: 35px!important
}

.m-l-40 {
    margin-left: 40px!important
}

.m-l-45 {
    margin-left: 45px!important
}

.m-l-50 {
    margin-left: 50px!important
}

.m-r-0 {
    margin-right: 0
}

.m-r-5 {
    margin-right: 5px
}

.m-r-10 {
    margin-right: 10px
}

.m-r-15 {
    margin-right: 15px
}

.m-r-20 {
    margin-right: 20px
}

.m-r-25 {
    margin-right: 25px
}

.m-r-30 {
    margin-right: 30px
}

.m-r-35 {
    margin-right: 35px
}

.m-r-40 {
    margin-right: 40px
}

.m-r-45 {
    margin-right: 45px
}

.m-r-50 {
    margin-right: 50px
}

.b-r-0 {
    border-radius: 0!important
}

.b-r-1 {
    border-radius: 1px!important
}

.b-r-2 {
    border-radius: 2px!important
}

.b-r-3 {
    border-radius: 3px!important
}

.b-r-4 {
    border-radius: 4px!important
}

.b-r-5 {
    border-radius: 5px!important
}

.b-r-6 {
    border-radius: 6px!important
}

.b-r-7 {
    border-radius: 7px!important
}

.b-r-8 {
    border-radius: 8px!important
}

.b-r-9 {
    border-radius: 9px!important
}

.b-r-10 {
    border-radius: 10px!important
}

.f-12 {
    font-size: 12px!important
}

.f-14 {
    font-size: 14px!important
}

.f-16 {
    font-size: 16px!important
}

.f-18 {
    font-size: 18px!important
}

.f-20 {
    font-size: 20px!important
}

.f-22 {
    font-size: 22px!important
}

.f-24 {
    font-size: 24px!important
}

.f-26 {
    font-size: 26px!important
}

.f-28 {
    font-size: 28px!important
}

.f-30 {
    font-size: 30px!important
}

.f-32 {
    font-size: 32px!important
}

.f-34 {
    font-size: 34px!important
}

.f-36 {
    font-size: 36px!important
}

.f-38 {
    font-size: 38px!important
}

.f-40 {
    font-size: 40px!important
}

.f-42 {
    font-size: 42px!important
}

.f-44 {
    font-size: 44px!important
}

.f-46 {
    font-size: 46px!important
}

.f-48 {
    font-size: 48px!important
}

.f-50 {
    font-size: 50px!important
}

.f-52 {
    font-size: 52px!important
}

.f-54 {
    font-size: 54px!important
}

.f-56 {
    font-size: 56px!important
}

.f-58 {
    font-size: 58px!important
}

.f-60 {
    font-size: 60px!important
}

.f-62 {
    font-size: 62px!important
}

.f-64 {
    font-size: 64px!important
}

.f-66 {
    font-size: 66px!important
}

.f-68 {
    font-size: 68px!important
}

.f-70 {
    font-size: 70px!important
}

.f-72 {
    font-size: 72px!important
}

.f-74 {
    font-size: 74px!important
}

.f-76 {
    font-size: 76px!important
}

.f-78 {
    font-size: 78px!important
}

.f-80 {
    font-size: 80px!important
}

.f-82 {
    font-size: 82px!important
}

.f-84 {
    font-size: 84px!important
}

.f-86 {
    font-size: 86px!important
}

.f-88 {
    font-size: 88px!important
}

.f-90 {
    font-size: 90px!important
}

.f-92 {
    font-size: 92px!important
}

.f-94 {
    font-size: 94px!important
}

.f-96 {
    font-size: 96px!important
}

.f-98 {
    font-size: 98px!important
}

.f-100 {
    font-size: 100px!important
}

.f-w-100 {
    font-weight: 100
}

.f-w-300 {
    font-weight: 300
}

.f-w-500 {
    font-weight: 500
}

.f-w-400 {
    font-weight: 400
}

.f-w-600 {
    font-weight: 600
}

.f-w-700 {
    font-weight: 700
}

.f-w-900 {
    font-weight: 900
}

.f-s-normal {
    font-style: normal
}

.f-s-italic {
    font-style: italic
}

.f-s-oblique {
    font-style: oblique
}

.f-s-initial {
    font-style: normal
}

.f-s-inherit {
    font-style: inherit
}

.text-overline {
    text-decoration: overline
}

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

.text-underline {
    text-decoration: underline
}

.text-dashed {
    -webkit-text-decoration: dashed;
    text-decoration: dashed
}

.text-blink {
    text-decoration: blink
}

.text-dotted {
    -webkit-text-decoration: dotted;
    text-decoration: dotted
}

.text-initial {
    text-decoration: initial
}

.text-none {
    text-decoration: none
}

.text-solid {
    -webkit-text-decoration: solid;
    text-decoration: solid
}

.text-wavy {
    -webkit-text-decoration: wavy;
    text-decoration: wavy
}

.text-inherit {
    text-decoration: inherit
}

.text-double {
    -webkit-text-decoration: double;
    text-decoration: double
}

.baseline {
    vertical-align: baseline
}

.sub {
    vertical-align: sub
}

.super {
    vertical-align: super
}

.top {
    vertical-align: top
}

.text-top {
    vertical-align: text-top
}

.middle {
    vertical-align: middle
}

.bottom {
    vertical-align: bottom
}

.text-bottom {
    vertical-align: text-bottom
}

.initial {
    vertical-align: initial
}

.inherit {
    vertical-align: inherit
}

.p-static {
    position: static
}

.p-absolute {
    position: absolute
}

.p-fixed {
    position: fixed
}

.p-relative {
    position: relative
}

.p-initial {
    position: static
}

.p-inherit {
    position: inherit
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.f-none {
    float: none
}

.o-hidden {
    overflow: hidden
}

.o-visible {
    overflow: visible
}

.o-auto {
    overflow: auto
}

.img-10 {
    width: 10px!important
}

.img-20 {
    width: 20px!important
}

.img-30 {
    width: 30px!important
}

.img-40 {
    width: 40px!important
}

.img-50 {
    width: 50px!important
}

.img-60 {
    width: 60px!important
}

.img-70 {
    width: 70px!important
}

.img-80 {
    width: 80px!important
}

.img-90 {
    width: 90px!important
}

.img-100 {
    width: 100px!important
}

.font-primary {
    color: #4aa4d9!important
}

.font-secondary {
    color: #ef3f3e!important
}

.font-success {
    color: #9e65c2!important
}

.font-danger {
    color: #6670bd!important
}

.font-info {
    color: #a927f9!important
}

.font-light {
    color: #f4f4f4!important
}

.font-dark {
    color: #2c323f!important
}

.font-warning {
    color: #747dc6!important
}

.font-primary {
    color: var(--theme-deafult)!important
}

.font-secondary {
    color: var(--theme-secondary)!important
}

.label {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: capitalize
}

.label-primary,.label-theme {
    background-color: #4aa4d9
}

.label-secondary {
    background-color: #ef3f3e
}

.label-success {
    background-color: #9e65c2
}

.label-danger {
    background-color: #6670bd
}

.label-info {
    background-color: #a927f9
}

.label-light {
    background-color: #f4f4f4
}

.label-dark {
    background-color: #2c323f
}

.label-warning {
    background-color: #747dc6
}

.badge-primary {
    background-color: #4aa4d9
}

.badge-secondary {
    background-color: #ef3f3e
}

.badge-success {
    background-color: #9e65c2
}

.badge-danger {
    background-color: #6670bd
}

.badge-info {
    background-color: #a927f9
}

.badge-light {
    background-color: #f4f4f4
}

.badge-dark {
    background-color: #2c323f
}

.badge-warning {
    background-color: #747dc6
}

.badge-primary {
    background-color: var(--theme-deafult)!important
}

.badge-secondary {
    background-color: var(--theme-secondary)!important
}

.bg-primary {
    background-color: #4aa4d9!important;
    color: #fff
}

.bg-light-primary {
    background-color: rgba(74,164,217,.2)!important;
    color: #fff
}

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

.bg-light-secondary {
    background-color: rgba(239,63,62,.2)!important;
    color: #fff
}

.bg-success {
    background-color: #9e65c2!important;
    color: #fff
}

.bg-light-success {
    background-color: rgba(158,101,194,.2)!important;
    color: #fff
}

.bg-danger {
    background-color: #6670bd!important;
    color: #fff
}

.bg-light-danger {
    background-color: rgba(102,112,189,.2)!important;
    color: #fff
}

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

.bg-light-info {
    background-color: rgba(169,39,249,.2)!important;
    color: #fff
}

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

.bg-light-light {
    background-color: hsla(0,0%,96%,.2)!important;
    color: #fff
}

.bg-dark {
    background-color: #2c323f!important;
    color: #fff
}

.bg-light-dark {
    background-color: rgba(44,50,63,.2)!important;
    color: #fff
}

.bg-warning {
    background-color: #747dc6!important;
    color: #fff
}

.bg-light-warning {
    background-color: rgba(116,125,198,.2)!important;
    color: #fff
}

.bg-primary {
    background-color: var(--theme-deafult)!important
}

.bg-secondary {
    background-color: var(--theme-secondary)!important
}

.txt-primary {
    color: #4aa4d9!important
}

.txt-secondary {
    color: #ef3f3e!important
}

.txt-success {
    color: #9e65c2!important
}

.txt-danger {
    color: #6670bd!important
}

.txt-info {
    color: #a927f9!important
}

.txt-light {
    color: #f4f4f4!important
}

.txt-dark {
    color: #2c323f!important
}

.txt-warning {
    color: #747dc6!important
}

.txt-google-plus {
    color: #c64e40!important
}

.txt-twitter {
    color: #6fa2d8!important
}

.txt-linkedin {
    color: #0077b5!important
}

.txt-fb {
    color: #50598e!important
}

.txt-primary {
    color: var(--theme-deafult)!important
}

.txt-secondary {
    color: var(--theme-secondary)!important
}

.btn-primary,.btn-primary.disabled,.btn-primary:disabled {
    background-color: #4aa4d9!important;
    border-color: #4aa4d9!important
}

.btn-primary:focus {
    box-shadow: 0 0 0 .2rem #c8e4f4
}

.btn-secondary,.btn-secondary.disabled,.btn-secondary:disabled {
    background-color: #ef3f3e!important;
    border-color: #ef3f3e!important
}

.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem #fbcccb
}

.btn-success,.btn-success.disabled,.btn-success:disabled {
    background-color: #9e65c2!important;
    border-color: #9e65c2!important
}

.btn-success:focus {
    box-shadow: 0 0 0 .2rem #e3d3ed
}

.btn-danger,.btn-danger.disabled,.btn-danger:disabled {
    background-color: #6670bd!important;
    border-color: #6670bd!important
}

.btn-danger:focus {
    box-shadow: 0 0 0 .2rem #d1d4eb
}

.btn-info {
    background-color: #a927f9!important;
    border-color: #a927f9!important
}

.btn-info,.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover {
    color: #fff
}

.btn-info.disabled,.btn-info:disabled {
    background-color: #a927f9!important;
    border-color: #a927f9!important
}

.btn-info:focus {
    box-shadow: 0 0 0 .2rem #e4bcfd
}

.btn-light,.btn-light.disabled,.btn-light:disabled {
    background-color: #f4f4f4!important;
    border-color: #f4f4f4!important
}

.btn-light:focus {
    box-shadow: 0 0 0 .2rem #fff
}

.btn-dark,.btn-dark.disabled,.btn-dark:disabled {
    background-color: #2c323f!important;
    border-color: #2c323f!important
}

.btn-dark:focus {
    box-shadow: 0 0 0 .2rem #6c7a98
}

.btn-warning,.btn-warning.disabled,.btn-warning:disabled {
    background-color: #747dc6!important;
    border-color: #747dc6!important
}

.btn-warning:focus {
    box-shadow: 0 0 0 .2rem #e1e2f2
}

.btn-light {
    background-color: rgba(74,164,217,.06)!important;
    border-color: rgba(74,164,217,.06)!important
}

.btn-light:hover {
    background-color: rgba(74,164,217,.1)!important;
    border-color: rgba(74,164,217,.1)!important
}

.btn-primary {
    background-color: var(--theme-deafult)!important;
    border-color: var(--theme-deafult)!important
}

.btn-secondary {
    background-color: var(--theme-secondary)!important;
    border-color: var(--theme-secondary)!important
}

.btn-outline-primary-2x {
    border-width: 2px;
    border-color: #4aa4d9;
    color: #4aa4d9;
    background-color: transparent
}

.btn-outline-primary-2x.active,.btn-outline-primary-2x:active,.btn-outline-primary-2x:focus,.btn-outline-primary-2x:hover {
    color: #fff;
    background-color: #2a8cc6!important;
    border-color: #2a8cc6!important;
    box-shadow: none
}

.btn-outline-secondary-2x {
    border-width: 2px;
    border-color: #ef3f3e;
    color: #ef3f3e;
    background-color: transparent
}

.btn-outline-secondary-2x.active,.btn-outline-secondary-2x:active,.btn-outline-secondary-2x:focus,.btn-outline-secondary-2x:hover {
    color: #fff;
    background-color: #e71413!important;
    border-color: #e71413!important;
    box-shadow: none
}

.btn-outline-success-2x {
    border-width: 2px;
    border-color: #9e65c2;
    color: #9e65c2;
    background-color: transparent
}

.btn-outline-success-2x.active,.btn-outline-success-2x:active,.btn-outline-success-2x:focus,.btn-outline-success-2x:hover {
    color: #fff;
    background-color: #8645af!important;
    border-color: #8645af!important;
    box-shadow: none
}

.btn-outline-danger-2x {
    border-width: 2px;
    border-color: #6670bd;
    color: #6670bd;
    background-color: transparent
}

.btn-outline-danger-2x.active,.btn-outline-danger-2x:active,.btn-outline-danger-2x:focus,.btn-outline-danger-2x:hover {
    color: #fff;
    background-color: #4853a8!important;
    border-color: #4853a8!important;
    box-shadow: none
}

.btn-outline-info-2x {
    border-width: 2px;
    border-color: #a927f9;
    color: #a927f9;
    background-color: transparent
}

.btn-outline-info-2x.active,.btn-outline-info-2x:active,.btn-outline-info-2x:focus,.btn-outline-info-2x:hover {
    color: #fff;
    background-color: #9106e7!important;
    border-color: #9106e7!important;
    box-shadow: none
}

.btn-outline-light-2x {
    border-width: 2px;
    border-color: #f4f4f4;
    color: #f4f4f4;
    background-color: transparent
}

.btn-outline-light-2x.active,.btn-outline-light-2x:active,.btn-outline-light-2x:focus,.btn-outline-light-2x:hover {
    color: #fff;
    background-color: #dbdbdb!important;
    border-color: #dbdbdb!important;
    box-shadow: none
}

.btn-outline-dark-2x {
    border-width: 2px;
    border-color: #2c323f;
    color: #2c323f;
    background-color: transparent
}

.btn-outline-dark-2x.active,.btn-outline-dark-2x:active,.btn-outline-dark-2x:focus,.btn-outline-dark-2x:hover {
    color: #fff;
    background-color: #171a21!important;
    border-color: #171a21!important;
    box-shadow: none
}

.btn-outline-warning-2x {
    border-width: 2px;
    border-color: #747dc6;
    color: #747dc6;
    background-color: transparent
}

.btn-outline-warning-2x.active,.btn-outline-warning-2x:active,.btn-outline-warning-2x:focus,.btn-outline-warning-2x:hover {
    color: #fff;
    background-color: #505bb7!important;
    border-color: #505bb7!important;
    box-shadow: none
}

.btn-outline-primary {
    border-color: #4aa4d9;
    color: #4aa4d9;
    background-color: transparent
}

.btn-outline-primary.disabled {
    color: #4aa4d9
}

.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover {
    color: #fff;
    background-color: #2a8cc6!important;
    border-color: #2a8cc6!important
}

.btn-outline-secondary {
    border-color: #ef3f3e;
    color: #ef3f3e;
    background-color: transparent
}

.btn-outline-secondary.disabled {
    color: #ef3f3e
}

.btn-outline-secondary.active,.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:hover {
    color: #fff;
    background-color: #e71413!important;
    border-color: #e71413!important
}

.btn-outline-success {
    border-color: #9e65c2;
    color: #9e65c2;
    background-color: transparent
}

.btn-outline-success.disabled {
    color: #9e65c2
}

.btn-outline-success.active,.btn-outline-success:active,.btn-outline-success:focus,.btn-outline-success:hover {
    color: #fff;
    background-color: #8645af!important;
    border-color: #8645af!important
}

.btn-outline-danger {
    border-color: #6670bd;
    color: #6670bd;
    background-color: transparent
}

.btn-outline-danger.disabled {
    color: #6670bd
}

.btn-outline-danger.active,.btn-outline-danger:active,.btn-outline-danger:focus,.btn-outline-danger:hover {
    color: #fff;
    background-color: #4853a8!important;
    border-color: #4853a8!important
}

.btn-outline-info {
    border-color: #a927f9;
    color: #a927f9;
    background-color: transparent
}

.btn-outline-info.disabled {
    color: #a927f9
}

.btn-outline-info.active,.btn-outline-info:active,.btn-outline-info:focus,.btn-outline-info:hover {
    color: #fff;
    background-color: #9106e7!important;
    border-color: #9106e7!important
}

.btn-outline-light {
    border-color: #f4f4f4;
    color: #f4f4f4;
    background-color: transparent;
    color: #2b2b2b
}

.btn-outline-light.disabled {
    color: #f4f4f4
}

.btn-outline-light.active,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:hover {
    color: #fff;
    background-color: #dbdbdb!important;
    border-color: #dbdbdb!important
}

.btn-outline-dark {
    border-color: #2c323f;
    color: #2c323f;
    background-color: transparent
}

.btn-outline-dark.disabled {
    color: #2c323f
}

.btn-outline-dark.active,.btn-outline-dark:active,.btn-outline-dark:focus,.btn-outline-dark:hover {
    color: #fff;
    background-color: #171a21!important;
    border-color: #171a21!important
}

.btn-outline-warning {
    border-color: #747dc6;
    color: #747dc6;
    background-color: transparent
}

.btn-outline-warning.disabled {
    color: #747dc6
}

.btn-outline-warning.active,.btn-outline-warning:active,.btn-outline-warning:focus,.btn-outline-warning:hover {
    color: #fff;
    background-color: #505bb7!important;
    border-color: #505bb7!important
}

.btn-primary:not([disabled]):not(.disabled).active {
    background-color: #2a8cc6;
    border-color: #2a8cc6;
    box-shadow: none!important
}

.btn-primary:not([disabled]):not(.disabled).active.active,.btn-primary:not([disabled]):not(.disabled).active:active,.btn-primary:not([disabled]):not(.disabled).active:focus,.btn-primary:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    background-color: #2a8cc6;
    border-color: #2a8cc6
}

.btn-secondary:not([disabled]):not(.disabled).active {
    background-color: #e71413;
    border-color: #e71413;
    box-shadow: none!important
}

.btn-secondary:not([disabled]):not(.disabled).active.active,.btn-secondary:not([disabled]):not(.disabled).active:active,.btn-secondary:not([disabled]):not(.disabled).active:focus,.btn-secondary:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    background-color: #e71413;
    border-color: #e71413
}

.btn-success:not([disabled]):not(.disabled).active {
    background-color: #8645af;
    border-color: #8645af;
    box-shadow: none!important
}

.btn-success:not([disabled]):not(.disabled).active.active,.btn-success:not([disabled]):not(.disabled).active:active,.btn-success:not([disabled]):not(.disabled).active:focus,.btn-success:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    background-color: #8645af;
    border-color: #8645af
}

.btn-danger:not([disabled]):not(.disabled).active {
    background-color: #4853a8;
    border-color: #4853a8;
    box-shadow: none!important
}

.btn-danger:not([disabled]):not(.disabled).active.active,.btn-danger:not([disabled]):not(.disabled).active:active,.btn-danger:not([disabled]):not(.disabled).active:focus,.btn-danger:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    background-color: #4853a8;
    border-color: #4853a8
}

.btn-info:not([disabled]):not(.disabled).active {
    background-color: #9106e7;
    border-color: #9106e7;
    box-shadow: none!important
}

.btn-info:not([disabled]):not(.disabled).active.active,.btn-info:not([disabled]):not(.disabled).active:active,.btn-info:not([disabled]):not(.disabled).active:focus,.btn-info:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    background-color: #9106e7;
    border-color: #9106e7
}

.btn-light:not([disabled]):not(.disabled).active {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none!important
}

.btn-light:not([disabled]):not(.disabled).active.active,.btn-light:not([disabled]):not(.disabled).active:active,.btn-light:not([disabled]):not(.disabled).active:focus,.btn-light:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

.btn-dark:not([disabled]):not(.disabled).active {
    background-color: #171a21;
    border-color: #171a21;
    box-shadow: none!important
}

.btn-dark:not([disabled]):not(.disabled).active.active,.btn-dark:not([disabled]):not(.disabled).active:active,.btn-dark:not([disabled]):not(.disabled).active:focus,.btn-dark:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    background-color: #171a21;
    border-color: #171a21
}

.btn-warning:not([disabled]):not(.disabled).active {
    background-color: #505bb7;
    border-color: #505bb7;
    box-shadow: none!important
}

.btn-warning:not([disabled]):not(.disabled).active.active,.btn-warning:not([disabled]):not(.disabled).active:active,.btn-warning:not([disabled]):not(.disabled).active:focus,.btn-warning:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    background-color: #505bb7;
    border-color: #505bb7
}

.btn-outline-primary-2x:not([disabled]):not(.disabled).active {
    background-color: #4aa4d9;
    border-color: #4aa4d9;
    box-shadow: none!important;
    color: #fff
}

.btn-outline-primary-2x:not([disabled]):not(.disabled).active.active,.btn-outline-primary-2x:not([disabled]):not(.disabled).active:active,.btn-outline-primary-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-primary-2x:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    box-shadow: none!important;
    background-color: #2a8cc6!important;
    border-color: #2a8cc6!important
}

.btn-outline-secondary-2x:not([disabled]):not(.disabled).active {
    background-color: #ef3f3e;
    border-color: #ef3f3e;
    box-shadow: none!important;
    color: #fff
}

.btn-outline-secondary-2x:not([disabled]):not(.disabled).active.active,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:active,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-secondary-2x:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    box-shadow: none!important;
    background-color: #e71413!important;
    border-color: #e71413!important
}

.btn-outline-success-2x:not([disabled]):not(.disabled).active {
    background-color: #9e65c2;
    border-color: #9e65c2;
    box-shadow: none!important;
    color: #fff
}

.btn-outline-success-2x:not([disabled]):not(.disabled).active.active,.btn-outline-success-2x:not([disabled]):not(.disabled).active:active,.btn-outline-success-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-success-2x:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    box-shadow: none!important;
    background-color: #8645af!important;
    border-color: #8645af!important
}

.btn-outline-danger-2x:not([disabled]):not(.disabled).active {
    background-color: #6670bd;
    border-color: #6670bd;
    box-shadow: none!important;
    color: #fff
}

.btn-outline-danger-2x:not([disabled]):not(.disabled).active.active,.btn-outline-danger-2x:not([disabled]):not(.disabled).active:active,.btn-outline-danger-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-danger-2x:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    box-shadow: none!important;
    background-color: #4853a8!important;
    border-color: #4853a8!important
}

.btn-outline-info-2x:not([disabled]):not(.disabled).active {
    background-color: #a927f9;
    border-color: #a927f9;
    box-shadow: none!important;
    color: #fff
}

.btn-outline-info-2x:not([disabled]):not(.disabled).active.active,.btn-outline-info-2x:not([disabled]):not(.disabled).active:active,.btn-outline-info-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-info-2x:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    box-shadow: none!important;
    background-color: #9106e7!important;
    border-color: #9106e7!important
}

.btn-outline-light-2x:not([disabled]):not(.disabled).active {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    box-shadow: none!important;
    color: #fff
}

.btn-outline-light-2x:not([disabled]):not(.disabled).active.active,.btn-outline-light-2x:not([disabled]):not(.disabled).active:active,.btn-outline-light-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-light-2x:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    box-shadow: none!important;
    background-color: #dbdbdb!important;
    border-color: #dbdbdb!important
}

.btn-outline-dark-2x:not([disabled]):not(.disabled).active {
    background-color: #2c323f;
    border-color: #2c323f;
    box-shadow: none!important;
    color: #fff
}

.btn-outline-dark-2x:not([disabled]):not(.disabled).active.active,.btn-outline-dark-2x:not([disabled]):not(.disabled).active:active,.btn-outline-dark-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-dark-2x:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    box-shadow: none!important;
    background-color: #171a21!important;
    border-color: #171a21!important
}

.btn-outline-warning-2x:not([disabled]):not(.disabled).active {
    background-color: #747dc6;
    border-color: #747dc6;
    box-shadow: none!important;
    color: #fff
}

.btn-outline-warning-2x:not([disabled]):not(.disabled).active.active,.btn-outline-warning-2x:not([disabled]):not(.disabled).active:active,.btn-outline-warning-2x:not([disabled]):not(.disabled).active:focus,.btn-outline-warning-2x:not([disabled]):not(.disabled).active:hover {
    color: #fff;
    box-shadow: none!important;
    background-color: #505bb7!important;
    border-color: #505bb7!important
}

table tbody .border-bottom-primary td,table tbody .border-bottom-primary th,table thead .border-bottom-primary th {
    border-bottom: 1px solid #4aa4d9!important
}

table tbody .border-bottom-secondary td,table tbody .border-bottom-secondary th,table thead .border-bottom-secondary th {
    border-bottom: 1px solid #ef3f3e!important
}

table tbody .border-bottom-success td,table tbody .border-bottom-success th,table thead .border-bottom-success th {
    border-bottom: 1px solid #9e65c2!important
}

table tbody .border-bottom-danger td,table tbody .border-bottom-danger th,table thead .border-bottom-danger th {
    border-bottom: 1px solid #6670bd!important
}

table tbody .border-bottom-info td,table tbody .border-bottom-info th,table thead .border-bottom-info th {
    border-bottom: 1px solid #a927f9!important
}

table tbody .border-bottom-light td,table tbody .border-bottom-light th,table thead .border-bottom-light th {
    border-bottom: 1px solid #f4f4f4!important
}

table tbody .border-bottom-dark td,table tbody .border-bottom-dark th,table thead .border-bottom-dark th {
    border-bottom: 1px solid #2c323f!important
}

table tbody .border-bottom-warning td,table tbody .border-bottom-warning th,table thead .border-bottom-warning th {
    border-bottom: 1px solid #747dc6!important
}

.table-styling .table-primary,.table-styling.table-primary {
    background-color: #4aa4d9;
    color: #fff;
    border: 3px solid #4aa4d9
}

.table-styling .table-primary thead,.table-styling.table-primary thead {
    background-color: #2a8cc6;
    border: 3px solid #2a8cc6
}

.table-styling .table-primary td,.table-styling .table-primary th,.table-styling.table-primary td,.table-styling.table-primary th {
    background-color: transparent
}

.table-styling .table-secondary,.table-styling.table-secondary {
    background-color: #ef3f3e;
    color: #fff;
    border: 3px solid #ef3f3e
}

.table-styling .table-secondary thead,.table-styling.table-secondary thead {
    background-color: #e71413;
    border: 3px solid #e71413
}

.table-styling .table-secondary td,.table-styling .table-secondary th,.table-styling.table-secondary td,.table-styling.table-secondary th {
    background-color: transparent
}

.table-styling .table-success,.table-styling.table-success {
    background-color: #9e65c2;
    color: #fff;
    border: 3px solid #9e65c2
}

.table-styling .table-success thead,.table-styling.table-success thead {
    background-color: #8645af;
    border: 3px solid #8645af
}

.table-styling .table-success td,.table-styling .table-success th,.table-styling.table-success td,.table-styling.table-success th {
    background-color: transparent
}

.table-styling .table-danger,.table-styling.table-danger {
    background-color: #6670bd;
    color: #fff;
    border: 3px solid #6670bd
}

.table-styling .table-danger thead,.table-styling.table-danger thead {
    background-color: #4853a8;
    border: 3px solid #4853a8
}

.table-styling .table-danger td,.table-styling .table-danger th,.table-styling.table-danger td,.table-styling.table-danger th {
    background-color: transparent
}

.table-styling .table-info,.table-styling.table-info {
    background-color: #a927f9;
    color: #fff;
    border: 3px solid #a927f9
}

.table-styling .table-info thead,.table-styling.table-info thead {
    background-color: #9106e7;
    border: 3px solid #9106e7
}

.table-styling .table-info td,.table-styling .table-info th,.table-styling.table-info td,.table-styling.table-info th {
    background-color: transparent
}

.table-styling .table-light,.table-styling.table-light {
    background-color: #f4f4f4;
    color: #fff;
    border: 3px solid #f4f4f4
}

.table-styling .table-light thead,.table-styling.table-light thead {
    background-color: #dbdbdb;
    border: 3px solid #dbdbdb
}

.table-styling .table-light td,.table-styling .table-light th,.table-styling.table-light td,.table-styling.table-light th {
    background-color: transparent
}

.table-styling .table-dark,.table-styling.table-dark {
    background-color: #2c323f;
    color: #fff;
    border: 3px solid #2c323f
}

.table-styling .table-dark thead,.table-styling.table-dark thead {
    background-color: #171a21;
    border: 3px solid #171a21
}

.table-styling .table-dark td,.table-styling .table-dark th,.table-styling.table-dark td,.table-styling.table-dark th {
    background-color: transparent
}

.table-styling .table-warning,.table-styling.table-warning {
    background-color: #747dc6;
    color: #fff;
    border: 3px solid #747dc6
}

.table-styling .table-warning thead,.table-styling.table-warning thead {
    background-color: #505bb7;
    border: 3px solid #505bb7
}

.table-styling .table-warning td,.table-styling .table-warning th,.table-styling.table-warning td,.table-styling.table-warning th {
    background-color: transparent
}

.b-primary {
    border: 1px solid #4aa4d9!important
}

.b-t-primary {
    border-top: 1px solid #4aa4d9!important
}

.b-b-primary {
    border-bottom: 1px solid #4aa4d9!important
}

.b-l-primary {
    border-left: 1px solid #4aa4d9!important
}

.b-r-primary {
    border-right: 1px solid #4aa4d9!important
}

.b-secondary {
    border: 1px solid #ef3f3e!important
}

.b-t-secondary {
    border-top: 1px solid #ef3f3e!important
}

.b-b-secondary {
    border-bottom: 1px solid #ef3f3e!important
}

.b-l-secondary {
    border-left: 1px solid #ef3f3e!important
}

.b-r-secondary {
    border-right: 1px solid #ef3f3e!important
}

.b-success {
    border: 1px solid #9e65c2!important
}

.b-t-success {
    border-top: 1px solid #9e65c2!important
}

.b-b-success {
    border-bottom: 1px solid #9e65c2!important
}

.b-l-success {
    border-left: 1px solid #9e65c2!important
}

.b-r-success {
    border-right: 1px solid #9e65c2!important
}

.b-danger {
    border: 1px solid #6670bd!important
}

.b-t-danger {
    border-top: 1px solid #6670bd!important
}

.b-b-danger {
    border-bottom: 1px solid #6670bd!important
}

.b-l-danger {
    border-left: 1px solid #6670bd!important
}

.b-r-danger {
    border-right: 1px solid #6670bd!important
}

.b-info {
    border: 1px solid #a927f9!important
}

.b-t-info {
    border-top: 1px solid #a927f9!important
}

.b-b-info {
    border-bottom: 1px solid #a927f9!important
}

.b-l-info {
    border-left: 1px solid #a927f9!important
}

.b-r-info {
    border-right: 1px solid #a927f9!important
}

.b-light {
    border: 1px solid #f4f4f4!important
}

.b-t-light {
    border-top: 1px solid #f4f4f4!important
}

.b-b-light {
    border-bottom: 1px solid #f4f4f4!important
}

.b-l-light {
    border-left: 1px solid #f4f4f4!important
}

.b-r-light {
    border-right: 1px solid #f4f4f4!important
}

.b-dark {
    border: 1px solid #2c323f!important
}

.b-t-dark {
    border-top: 1px solid #2c323f!important
}

.b-b-dark {
    border-bottom: 1px solid #2c323f!important
}

.b-l-dark {
    border-left: 1px solid #2c323f!important
}

.b-r-dark {
    border-right: 1px solid #2c323f!important
}

.b-warning {
    border: 1px solid #747dc6!important
}

.b-t-warning {
    border-top: 1px solid #747dc6!important
}

.b-b-warning {
    border-bottom: 1px solid #747dc6!important
}

.b-l-warning {
    border-left: 1px solid #747dc6!important
}

.b-r-warning {
    border-right: 1px solid #747dc6!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.border-6 {
    border-width: 6px!important
}

.border-7 {
    border-width: 7px!important
}

.border-8 {
    border-width: 8px!important
}

.border-9 {
    border-width: 9px!important
}

.border-10 {
    border-width: 10px!important
}

.opacity-0 {
    opacity: 0
}

.map-block {
    height: 350px;
    width: 100%
}

.map-js-height {
    height: 500px
}

.map-js-height .btn-group input {
    background-color: #4aa4d9
}

.map-js-height .btn-group input+input {
    background-color: #ef3f3e
}

.custom-scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #ecf3fa
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(68,102,242,.15)
}

.comment {
    color: #9f9ba5;
    font-style: italic
}

.line {
    color: #2c323f
}

.line pre {
    font-size: 100%
}

.list-circle {
    list-style: circle
}

.theme-close {
    opacity: 1;
    height: 40px;
    width: 40px;
    position: absolute;
    font-weight: 400;
    z-index: 1;
    right: 0;
    background-color: #fff!important;
    border-radius: 5px
}

.options>div {
    color: #ccc;
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid;
    margin: 0 8px 8px 0;
    transition: all .3s ease
}

.options>div:hover {
    background-color: #4aa4d9;
    color: #fff;
    transition: all .3s ease
}

.modal-footer {
    flex-wrap: wrap
}

.img-cropper #putData {
    margin-bottom: 0
}

.img-cropper .img-container {
    min-height: auto;
    margin-bottom: 0
}

.img-cropper .docs-data>.input-group:last-child {
    margin-bottom: 0
}

.img-cropper .docs-preview {
    margin-top: 20px;
    margin-bottom: 10px
}

.dropzone .dz-preview .dz-error-message {
    background: #fff!important;
    color: #4aa4d9!important;
    border: 1px solid #4aa4d9
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #4aa4d9!important
}

.typeahead .theme-form .form-group {
    margin-bottom: 0
}

.editor-statusbar {
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.page-builder .ge-canvas.ge-editing .row {
    padding: 30px;
    margin-bottom: 0;
    background-color: rgba(74,164,217,.02)
}

.page-builder .btn-screen {
    padding: 0 18px 0 0
}

.bg-overlay.active {
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,.2);
    position: fixed;
    z-index: 6;
    top: 0
}

button:focus {
    outline: none!important
}

.dotted {
    border-style: dotted
}

.dashed {
    border-style: dashed
}

.double {
    border-style: double
}

.groove {
    border-style: groove
}

.ridge {
    border-style: ridge
}

.inset {
    border-style: inset
}

.outset {
    border-style: outset
}

@keyframes fadeIncustom {
    0% {
        opacity: 0;
        top: 50px
    }

    75% {
        opacity: .6;
        top: 0
    }

    to {
        opacity: 1
    }
}

.daterangepicker select.monthselect,.daterangepicker select.yearselect {
    border-color: #efefef;
    background-color: #fff;
    font-size: 14px;
    color: #898989;
    padding: 5px 10px;
    border-radius: 5px;
    width: 46%
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(74,164,217,.1);
    background-color: #f5f5f5;
    border-radius: 5px
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    background-color: rgba(74,164,217,.5);
    border-radius: 5px
}

body {
    font-size: 14px;
    overflow-x: hidden;
    font-family: Nunito,sans-serif;
    color: #2b2b2b
}

ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

* a {
    letter-spacing: 1px
}

* a,a:hover {
    color: var(--theme-deafult);
    text-decoration: none
}

a[class*=badge-]:hover {
    color: #fff
}

.btn {
    font-size: 14px
}

.btn:focus {
    box-shadow: none!important
}

p {
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: .7px
}

code {
    color: var(--theme-deafult)!important;
    background-color: rgba(74,164,217,.03);
    padding: 3px;
    margin: 0 3px;
    border-radius: 2px
}

.media {
    display: flex;
    align-items: flex-start
}

.media .media-body {
    flex: 1 1
}

blockquote {
    border-left: 4px solid #ecf3fa;
    padding: 15px
}

.figure.text-center blockquote {
    border: none!important
}

.figure.text-end blockquote {
    border-left: none!important;
    border-right: 4px solid #ecf3fa
}

.row>div {
    position: relative
}

:focus {
    outline-color: var(--theme-deafult)
}

.disabled {
    cursor: not-allowed;
    opacity: .5
}

svg {
    vertical-align: baseline
}

input:focus {
    outline-color: transparent
}

label {
    margin-bottom: .5rem
}

.media-widgets .media-body {
    margin-bottom: 30px
}

.typography .h1,.typography .h2,.typography .h3,.typography .h4,.typography .h5,.typography .h6,.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6 {
    margin: 0 0 20px
}

.typography .h1:last-child,.typography .h2:last-child,.typography .h3:last-child,.typography .h4:last-child,.typography .h5:last-child,.typography .h6:last-child,.typography h1:last-child,.typography h2:last-child,.typography h3:last-child,.typography h4:last-child,.typography h5:last-child,.typography h6:last-child {
    margin-bottom: 0
}

.typography small {
    padding-left: 10px;
    color: #2c323f
}

pre {
    background-color: rgba(74,164,217,.03);
    padding: 20px 0
}

.owl-theme .owl-dots .owl-dot span {
    background: #9eceeb
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--theme-deafult)
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-bottom: -10px;
    margin-top: 25px
}

.click2edit~.note-editor.note-frame {
    margin-bottom: 30px
}

.note-editor.note-frame {
    border-color: #f4f4f4
}

.modal .modal-body .card {
    box-shadow: none!important
}

.modal-dialog .modal-content .modal-body p a {
    margin-right: 0
}

.alert-theme button {
    top: 25px!important;
    right: 20px!important;
    color: var(--theme-deafult)
}

.alert-theme span+span+span {
    background-color: #fff;
    color: var(--theme-deafult);
    border-radius: 4px;
    box-shadow: 0 2px 14px -3px rgba(0,0,0,.2)
}

.alert-theme i {
    padding: 20px;
    padding-right: 0!important;
    margin-right: 20px!important
}

.alert-theme .progress {
    margin-top: -2px!important;
    height: 2px;
    width: 100%
}

.alert-copy,.alert-theme .progress .progress-bar {
    background-color: var(--theme-deafult)
}

.alert-copy {
    border: 1px solid var(--theme-deafult);
    line-height: 1;
    display: inline-block;
    width: 300px;
    color: #fff
}

.alert-copy .close {
    box-shadow: none;
    color: #fff;
    line-height: 1.4;
    font-weight: 100
}

.alert-copy .close:focus {
    outline: none
}

.ace-editor {
    height: 400px;
    width: 100%
}

.editor-toolbar {
    width: 100%!important
}

.editor-toolbar.fullscreen {
    z-index: 100
}

.CodeMirror {
    top: 0!important
}

.CodeMirror-fullscreen {
    top: 50px!important
}

.irs-from,.irs-single,.irs-to {
    background: var(--theme-deafult)
}

.irs-from:after,.irs-single:after,.irs-to:after {
    border-top-color: var(--theme-deafult)
}

.irs-bar,.irs-bar-edge,.irs-line-left,.irs-line-mid,.irs-line-right,.swal-button {
    background-color: var(--theme-deafult)
}

.swal-button:active {
    background-color: #3599d5
}

.swal-button--cancel {
    background-color: #efefee!important
}

.clipboaard-container h6 {
    line-height: 1.6;
    font-size: 13px
}

fieldset .bootstrap-touchspin-postfix,fieldset .bootstrap-touchspin-prefix {
    border-radius: 0;
    padding: .4rem .75rem
}

fieldset .input-group-lg .touchspin {
    height: 50px
}

.f1 .f1-steps .f1-step .f1-step-icon {
    padding: 12px
}

.form-inline .form-group {
    display: flex
}

.input-group-text i {
    line-height: 1.5
}

.animated-modal .form-select {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.default-according .card {
    margin-bottom: 0;
    box-shadow: none
}

.default-according .card+.card {
    margin-top: 10px
}

.default-according .card .btn-link {
    font-weight: 500;
    color: #2b2b2b;
    text-decoration: none
}

.default-according .card .btn-link:focus,.default-according .card .btn-link:hover {
    text-decoration: none
}

.default-according .card .card-header {
    padding: .75rem 1.25rem;
    border: 1px solid #ecf3fa
}

.default-according .card .card-header i {
    position: absolute;
    left: 18px;
    top: 20px
}

.default-according .card .card-header h5 {
    margin-top: 2px
}

.default-according .card .card-body {
    border: 1px solid #ecf3fa;
    border-top: none
}

.default-according.style-1 button {
    width: 100%;
    text-align: left
}

.default-according.style-1 button:before {
    right: 20px;
    position: absolute;
    transition: .4s;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.default-according.style-1 button[aria-expanded=true]:before {
    content: "";
    font-family: IcoFont
}

.default-according.style-1 button[aria-expanded=false]:before {
    content: "";
    font-family: IcoFont
}

.notify-alert .close {
    background: unset;
    border: none;
    font-size: 25px
}

.alert {
    border-radius: .15rem;
    padding: 15px
}

.alert svg {
    vertical-align: middle
}

.alert .progress {
    margin-top: 15px
}

.alert [data-notify=icon] {
    margin-right: 10px;
    line-height: 20px;
    position: absolute
}

.alert [data-notify=message] {
    display: inline-block;
    width: 100%
}

.alert i {
    margin-right: 5px;
    font-size: 16px
}

.alert p {
    margin-bottom: 0
}

.alert .close {
    opacity: 1
}

.alert .close span {
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    border-radius: 3px;
    text-shadow: none;
    padding: 0 0 0 5px
}

.alert-dismissible .close {
    top: 4px;
    padding: 10px 13px 10px 1.25rem;
    opacity: .5;
    transition: all .3s ease
}

.alert-dismissible .close:hover {
    transition: all .3s ease;
    opacity: 1;
    color: inherit
}

.card-body button:focus {
    outline: none
}

.card-body .alert:last-child {
    margin-bottom: 0
}

.card-body .alert svg {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    position: absolute;
    top: 18px
}

.card-body .alert svg~p {
    padding-left: 20px
}

strong,strong~p {
    display: inline-block
}

.alert-primary {
    background-color: rgba(74,164,217,.8);
    border-color: rgba(74,164,217,.9);
    color: #fff
}

.alert-primary .progress {
    height: 5px;
    background-color: #46a2d8;
    border-radius: 0
}

.alert-primary .progress-bar {
    background-color: #fff
}

.alert-primary .btn-close {
    filter: brightness(1) invert(1)
}

.alert-primary .alert-link {
    color: #4aa4d9
}

.alert-primary hr {
    border-top-color: #4aa4d9
}

.alert-primary.dark {
    background-color: #4aa4d9;
    border-color: #4aa4d9;
    color: #fafafa
}

.alert-primary.dark .alert-link {
    color: #fff
}

.alert-primary.outline,.alert-primary.outline-2x {
    background-color: transparent;
    border-color: #4aa4d9;
    color: #4aa4d9
}

.alert-primary.outline .btn-close,.alert-primary.outline-2x .btn-close {
    filter: unset
}

.alert-primary.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: #4aa4d9;
    color: #2b2b2b
}

.alert-primary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #4aa4d9;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.alert-primary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #4aa4d9;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.alert-primary.inverse .btn-close {
    filter: unset;
    top: -3px
}

.alert-secondary {
    background-color: rgba(239,63,62,.8);
    border-color: rgba(239,63,62,.9);
    color: #fff
}

.alert-secondary .progress {
    height: 5px;
    background-color: #ef3a39;
    border-radius: 0
}

.alert-secondary .progress-bar {
    background-color: #fff
}

.alert-secondary .btn-close {
    filter: brightness(1) invert(1)
}

.alert-secondary .alert-link {
    color: #ef3f3e
}

.alert-secondary hr {
    border-top-color: #ef3f3e
}

.alert-secondary.dark {
    background-color: #ef3f3e;
    border-color: #ef3f3e;
    color: #fafafa
}

.alert-secondary.dark .alert-link {
    color: #fff
}

.alert-secondary.outline,.alert-secondary.outline-2x {
    background-color: transparent;
    border-color: #ef3f3e;
    color: #ef3f3e
}

.alert-secondary.outline .btn-close,.alert-secondary.outline-2x .btn-close {
    filter: unset
}

.alert-secondary.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: #ef3f3e;
    color: #2b2b2b
}

.alert-secondary.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #ef3f3e;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.alert-secondary.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #ef3f3e;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.alert-secondary.inverse .btn-close {
    filter: unset;
    top: -3px
}

.alert-success {
    background-color: rgba(158,101,194,.8);
    border-color: rgba(158,101,194,.9);
    color: #fff
}

.alert-success .progress {
    height: 5px;
    background-color: #9c61c1;
    border-radius: 0
}

.alert-success .progress-bar {
    background-color: #fff
}

.alert-success .btn-close {
    filter: brightness(1) invert(1)
}

.alert-success .alert-link {
    color: #9e65c2
}

.alert-success hr {
    border-top-color: #9e65c2
}

.alert-success.dark {
    background-color: #9e65c2;
    border-color: #9e65c2;
    color: #fafafa
}

.alert-success.dark .alert-link {
    color: #fff
}

.alert-success.outline,.alert-success.outline-2x {
    background-color: transparent;
    border-color: #9e65c2;
    color: #9e65c2
}

.alert-success.outline .btn-close,.alert-success.outline-2x .btn-close {
    filter: unset
}

.alert-success.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: #9e65c2;
    color: #2b2b2b
}

.alert-success.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #9e65c2;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.alert-success.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #9e65c2;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.alert-success.inverse .btn-close {
    filter: unset;
    top: -3px
}

.alert-danger {
    background-color: rgba(102,112,189,.8);
    border-color: rgba(102,112,189,.9);
    color: #fff
}

.alert-danger .progress {
    height: 5px;
    background-color: #626dbb;
    border-radius: 0
}

.alert-danger .progress-bar {
    background-color: #fff
}

.alert-danger .btn-close {
    filter: brightness(1) invert(1)
}

.alert-danger .alert-link {
    color: #6670bd
}

.alert-danger hr {
    border-top-color: #6670bd
}

.alert-danger.dark {
    background-color: #6670bd;
    border-color: #6670bd;
    color: #fafafa
}

.alert-danger.dark .alert-link {
    color: #fff
}

.alert-danger.outline,.alert-danger.outline-2x {
    background-color: transparent;
    border-color: #6670bd;
    color: #6670bd
}

.alert-danger.outline .btn-close,.alert-danger.outline-2x .btn-close {
    filter: unset
}

.alert-danger.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: #6670bd;
    color: #2b2b2b
}

.alert-danger.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #6670bd;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.alert-danger.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #6670bd;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.alert-danger.inverse .btn-close {
    filter: unset;
    top: -3px
}

.alert-warning {
    background-color: rgba(116,125,198,.8);
    border-color: rgba(116,125,198,.9);
    color: #fff
}

.alert-warning .progress {
    height: 5px;
    background-color: #707ac5;
    border-radius: 0
}

.alert-warning .progress-bar {
    background-color: #fff
}

.alert-warning .btn-close {
    filter: brightness(1) invert(1)
}

.alert-warning .alert-link {
    color: #747dc6
}

.alert-warning hr {
    border-top-color: #747dc6
}

.alert-warning.dark {
    background-color: #747dc6;
    border-color: #747dc6;
    color: #fafafa
}

.alert-warning.dark .alert-link {
    color: #fff
}

.alert-warning.outline,.alert-warning.outline-2x {
    background-color: transparent;
    border-color: #747dc6;
    color: #747dc6
}

.alert-warning.outline .btn-close,.alert-warning.outline-2x .btn-close {
    filter: unset
}

.alert-warning.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: #747dc6;
    color: #2b2b2b
}

.alert-warning.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #747dc6;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.alert-warning.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #747dc6;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.alert-warning.inverse .btn-close {
    filter: unset;
    top: -3px
}

.alert-info {
    background-color: rgba(169,39,249,.8);
    border-color: rgba(169,39,249,.9);
    color: #fff
}

.alert-info .progress {
    height: 5px;
    background-color: #a722f9;
    border-radius: 0
}

.alert-info .progress-bar {
    background-color: #fff
}

.alert-info .btn-close {
    filter: brightness(1) invert(1)
}

.alert-info .alert-link {
    color: #a927f9
}

.alert-info hr {
    border-top-color: #a927f9
}

.alert-info.dark {
    background-color: #a927f9;
    border-color: #a927f9;
    color: #fafafa
}

.alert-info.dark .alert-link {
    color: #fff
}

.alert-info.outline,.alert-info.outline-2x {
    background-color: transparent;
    border-color: #a927f9;
    color: #a927f9
}

.alert-info.outline .btn-close,.alert-info.outline-2x .btn-close {
    filter: unset
}

.alert-info.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: #a927f9;
    color: #2b2b2b
}

.alert-info.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #a927f9;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.alert-info.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #a927f9;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.alert-info.inverse .btn-close {
    filter: unset;
    top: -3px
}

.alert-light {
    background-color: hsla(0,0%,96%,.8);
    border-color: hsla(0,0%,96%,.9);
    color: #fff;
    color: #2c323f;
    background-color: #f4f4f4
}

.alert-light .progress {
    height: 5px;
    background-color: #f1f1f1;
    border-radius: 0
}

.alert-light .progress-bar {
    background-color: #fff
}

.alert-light .btn-close {
    filter: brightness(1) invert(1)
}

.alert-light .alert-link {
    color: #f4f4f4;
    color: #2c323f
}

.alert-light .btn-close {
    filter: unset
}

.alert-light hr {
    border-top-color: #f4f4f4
}

.alert-light.dark {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #fafafa;
    color: #2c323f
}

.alert-light.dark .alert-link {
    color: #fff;
    color: #2c323f
}

.alert-light.outline,.alert-light.outline-2x {
    background-color: transparent;
    border-color: #f4f4f4;
    color: #f4f4f4;
    color: #2c323f
}

.alert-light.outline .btn-close,.alert-light.outline-2x .btn-close {
    filter: unset
}

.alert-light.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: #f4f4f4;
    color: #2b2b2b
}

.alert-light.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #f4f4f4;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.alert-light.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #f4f4f4;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.alert-light.inverse .btn-close {
    filter: unset;
    top: -3px
}

.alert-dark {
    background-color: rgba(44,50,63,.8);
    border-color: rgba(44,50,63,.9);
    color: #fff
}

.alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0
}

.alert-dark .progress-bar {
    background-color: #a8b0c2
}

.alert-dark .btn-close {
    filter: brightness(1) invert(1)
}

.alert-dark .alert-link {
    color: #2c323f
}

.alert-dark hr {
    border-top-color: #2c323f
}

.alert-dark.dark {
    background-color: #2c323f;
    border-color: #2c323f;
    color: #fafafa
}

.alert-dark.dark .alert-link {
    color: #fff
}

.alert-dark.outline,.alert-dark.outline-2x {
    background-color: transparent;
    border-color: #2c323f;
    color: #2c323f
}

.alert-dark.outline .btn-close,.alert-dark.outline-2x .btn-close {
    filter: unset
}

.alert-dark.inverse {
    background-color: transparent;
    padding: 13px 20px 13px 65px;
    border-color: #2c323f;
    color: #2b2b2b
}

.alert-dark.inverse:before {
    top: 16px;
    content: "";
    position: absolute;
    left: 54px;
    width: 0;
    height: 0;
    border-left: 7px solid #2c323f;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.alert-dark.inverse i {
    padding: 17px 20px;
    display: inline-block;
    background-color: #2c323f;
    color: #fff;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.alert-dark.inverse .btn-close {
    filter: unset;
    top: -3px
}

.dismiss-text .alert .btn-close {
    background: unset;
    opacity: 1;
    top: -6px;
    right: 40px
}

.dismiss-text .alert .btn-close span {
    display: inline-block;
    border-radius: 3px;
    text-shadow: none;
    padding: 0 5px
}

.outline-2x {
    border-width: 2px;
    padding: 11px 1.25rem
}

.avatars .avatar {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    width: auto
}

.avatars .avatar:last-child {
    margin-right: 0
}

.avatars .avatar .b-r-30 {
    border-radius: 30px
}

.avatars .avatar .b-r-35 {
    border-radius: 35px
}

.avatars .avatar .b-r-25 {
    border-radius: 25px
}

.avatars .avatar .b-r-15 {
    border-radius: 15px
}

.avatars .avatar.ratio img {
    width: auto
}

.avatars .avatar .status {
    background-color: #999;
    bottom: 0;
    right: 4px;
    border: 1px solid #fff;
    position: absolute;
    height: 12%;
    width: 12%;
    background-color: #9e65c2;
    border-radius: 100%;
    bottom: 12%;
    right: 4%
}

.customers ul {
    display: inline-block
}

.customers ul li img {
    border: 2px solid #fff;
    box-shadow: -2px 2px 4px 0 rgba(0,0,0,.2);
    transition: .5s
}

.customers ul li img:hover {
    transform: translateY(-4px) scale(1.02);
    transition: .5s
}

.customers ul li+li {
    margin-left: -10%
}

.customers ul li:nth-child(4) {
    margin-left: -4px
}

.customers.avatar-group {
    margin-right: 30px
}

.customers.avatar-group:last-child {
    margin-right: 0
}

.avatar-showcase {
    margin-bottom: -10px
}

.avatar-showcase .avatar-group,.avatar-showcase .avatars .avatar {
    margin-bottom: 10px
}

.avatar-showcase .ratio>* {
    position: relative;
    top: unset;
    left: unset
}

.avatar-showcase .add-friend .d-block {
    margin: 8px 0
}

.badge {
    padding: .44em .7em
}

.badge+.badge {
    margin-left: 5px
}

.badge svg {
    width: 10px;
    height: 10px;
    padding-top: 3px
}

.badge-theme {
    background-color: var(--theme-deafult)
}

.pill-badge-primary {
    box-shadow: -.5px 4.33px 16px 0 rgba(var(--theme-deafult),.25);
    color: #fff;
    border-radius: 0
}

.pill-badge-secondary {
    background-color: #ef3f3e;
    box-shadow: -.5px 4.33px 16px 0 rgba(239,63,62,.25);
    color: #fff;
    border-radius: 0
}

.pill-badge-success {
    background-color: #9e65c2;
    box-shadow: -.5px 4.33px 16px 0 rgba(158,101,194,.25);
    color: #fff;
    border-radius: 0
}

.pill-badge-danger {
    background-color: #6670bd;
    box-shadow: -.5px 4.33px 16px 0 rgba(102,112,189,.25);
    color: #fff;
    border-radius: 0
}

.pill-badge-info {
    background-color: #a927f9;
    box-shadow: -.5px 4.33px 16px 0 rgba(169,39,249,.25);
    color: #fff;
    border-radius: 0
}

.pill-badge-light {
    background-color: #f4f4f4;
    box-shadow: -.5px 4.33px 16px 0 hsla(0,0%,96%,.25);
    color: #fff;
    border-radius: 0
}

.pill-badge-dark {
    background-color: #2c323f;
    box-shadow: -.5px 4.33px 16px 0 rgba(44,50,63,.25);
    color: #fff;
    border-radius: 0
}

.pill-badge-warning {
    background-color: #747dc6;
    box-shadow: -.5px 4.33px 16px 0 rgba(116,125,198,.25);
    color: #fff;
    border-radius: 0
}

.pill-badge-primary {
    background-color: var(--theme-deafult)
}

.pill-badge-secondary {
    background-color: var(--theme-secondary)
}

.round-badge-primary {
    border-radius: 6px;
    box-shadow: -.5px -6.67px 14px 0 rgba(var(--theme-deafult),.18);
    color: #fff!important
}

.round-badge-secondary {
    border-radius: 6px;
    background-color: #ef3f3e;
    box-shadow: -.5px -6.67px 14px 0 rgba(239,63,62,.18);
    color: #fff!important
}

.round-badge-success {
    border-radius: 6px;
    background-color: #9e65c2;
    box-shadow: -.5px -6.67px 14px 0 rgba(158,101,194,.18);
    color: #fff!important
}

.round-badge-danger {
    background-color: #6670bd;
    box-shadow: -.5px -6.67px 14px 0 rgba(102,112,189,.18)
}

.round-badge-danger,.round-badge-info {
    border-radius: 6px;
    color: #fff!important
}

.round-badge-info {
    background-color: #a927f9;
    box-shadow: -.5px -6.67px 14px 0 rgba(169,39,249,.18)
}

.round-badge-light {
    background-color: #f4f4f4;
    box-shadow: -.5px -6.67px 14px 0 hsla(0,0%,96%,.18)
}

.round-badge-dark,.round-badge-light {
    border-radius: 6px;
    color: #fff!important
}

.round-badge-dark {
    background-color: #2c323f;
    box-shadow: -.5px -6.67px 14px 0 rgba(44,50,63,.18)
}

.round-badge-warning {
    border-radius: 6px;
    background-color: #747dc6;
    box-shadow: -.5px -6.67px 14px 0 rgba(116,125,198,.18);
    color: #fff!important
}

.round-badge-primary {
    background-color: var(--theme-deafult)
}

.round-badge-secondary {
    background-color: var(--theme-secondary)
}

.bookmark ul li {
    display: inline-block
}

.bookmark ul li .search-form {
    position: absolute;
    bottom: 53px;
    z-index: 1
}

.bookmark ul li .search-form .form-control-search {
    top: 65px;
    position: absolute;
    transition: all .3s linear;
    right: -20px;
    transform: translateY(-35px) scaleY(0);
    opacity: 0;
    visibility: hidden
}

.bookmark ul li .search-form .form-control-search input {
    width: 240px;
    background-color: #fff;
    box-shadow: 0 5px 21px rgba(0,0,0,.1)
}

.bookmark ul li .search-form .form-control-search.open {
    transform: translateY(0) scaleY(1);
    opacity: 1;
    visibility: visible;
    transition: all .3s linear;
    z-index: 100
}

.bookmark ul li .search-form .form-control-search:after {
    top: 12px;
    left: 20px;
    z-index: 1
}

.bookmark ul li .search-form .form-control-search:before {
    left: 50px;
    top: 9px;
    z-index: 2
}

.bookmark ul li a {
    position: relative;
    color: #2b2b2b
}

.bookmark ul li a svg {
    vertical-align: middle;
    height: 20px;
    width: 20px
}

.bookmark ul li+li {
    margin-left: 10px
}

.bookmark ul li:last-child {
    padding-right: 0
}

.bookmark ul li:last-child a {
    border-radius: 5px
}

.bookmark ul li:last-child a svg {
    color: #ff9f40
}

.offcanvas-bookmark.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body .bookmark ul li a {
    z-index: 99999;
    color: hsla(0,0%,100%,.5)
}

.offcanvas-bookmark:before {
    position: fixed;
    content: "";
    background-color: rgba(0,0,0,.5);
    height: 100%;
    width: 100%;
    z-index: 1;
    right: 0;
    left: 0
}

.breadcrumb-colored {
    padding: 12px 16px;
    border-radius: 4px
}

.breadcrumb-colored li a {
    color: #fff
}

.breadcrumb-colored li.active {
    color: #fff;
    opacity: .7
}

.breadcrumb-colored .breadcrumb-item:before {
    color: #fff
}

.breadcrumb-colored .breadcrumb-item.txt-dark:before {
    color: #000
}

.breadcrumb-icon {
    --bs-breadcrumb-divider: ">"
}

.breadcrumb-icon li {
    display: inline-block
}

.breadcrumb-no-divider {
    --bs-breadcrumb-divider: ""
}

.breadcrumb-item.active {
    text-transform: capitalize
}

.form-builder .help-block {
    margin-bottom: 0;
    color: #ccc;
    text-transform: capitalize
}

.form-builder .btn-light {
    color: #ccc
}

.form-builder .copy-btn {
    padding: 8px
}

.form-builder .nav-primary .nav-link.active,.form-builder .nav-primary .nav-pills.nav-primary .nav-link.active,.form-builder .nav-primary .nav-pills.nav-primary .show>.nav-link,.form-builder .nav-primary .nav-primary .show>.nav-link {
    border-radius: 5px
}

.form-builder .nav-primary .nav-link,.form-builder .nav-primary .nav-pills.nav-primary .nav-link {
    color: #000;
    font-weight: 500
}

.form-builder .theme-form {
    margin-top: 30px
}

.btn-link {
    color: var(--theme-deafult)
}

.btn-primary-gradien {
    background-image: linear-gradient(90deg,#6cb5e0 0,#2b92cf 51%,#6cb5e0);
    border: none;
    background-size: auto 200%;
    transition: all .3s ease;
    color: #fff
}

.btn-primary-gradien.active,.btn-primary-gradien:active,.btn-primary-gradien:focus {
    transition: 1.5s;
    background-position: 100%;
    background-image: linear-gradient(90deg,#6cb5e0,0,#2b92cf,100%,#fff)!important
}

.btn-secondary-gradien {
    background-image: linear-gradient(90deg,#f26464 0,#ec1a18 51%,#f26464);
    border: none;
    color: #fff;
    background-size: auto 200%;
    transition: all .3s ease
}

.btn-secondary-gradien.active,.btn-secondary-gradien.hover,.btn-secondary-gradien:active,.btn-secondary-gradien:focus,.btn-secondary-gradien:hover {
    transition: 1.5s;
    background-position: 100%;
    background-image: linear-gradient(90deg,#f26464,0,#ec1a18,100%,#fff)!important
}

.btn-success-gradien {
    background-image: linear-gradient(90deg,#b082ce 0,#8c48b6 51%,#b082ce);
    border: none;
    color: #fff;
    background-size: auto 200%;
    transition: all .3s ease
}

.btn-success-gradien.active,.btn-success-gradien.hover,.btn-success-gradien:active,.btn-success-gradien:focus,.btn-success-gradien:hover {
    transition: 1.5s;
    background-position: 100%;
    background-image: linear-gradient(90deg,#b082ce,0,#8c48b6,100%,#fff)!important
}

.btn-danger-gradien {
    background-image: linear-gradient(90deg,#838bc9 0,#4b57af 51%,#838bc9);
    border: none;
    color: #fff;
    background-size: auto 200%;
    transition: all .3s ease
}

.btn-danger-gradien.active,.btn-danger-gradien.hover,.btn-danger-gradien:active,.btn-danger-gradien:focus,.btn-danger-gradien:hover {
    transition: 1.5s;
    background-position: 100%;
    background-image: linear-gradient(90deg,#838bc9,0,#4b57af,100%,#fff)!important
}

.btn-warning-gradien {
    background-image: linear-gradient(90deg,#9198d2 0,#5762ba 51%,#9198d2);
    border: none;
    color: #fff;
    background-size: auto 200%;
    transition: all .3s ease
}

.btn-warning-gradien.active,.btn-warning-gradien.hover,.btn-warning-gradien:active,.btn-warning-gradien:focus,.btn-warning-gradien:hover {
    transition: 1.5s;
    background-position: 100%;
    background-image: linear-gradient(90deg,#9198d2,0,#5762ba,100%,#fff)!important
}

.btn-info-gradien {
    background-image: linear-gradient(90deg,#b94ffa 0,#9707f1 51%,#b94ffa);
    border: none;
    color: #fff;
    background-size: auto 200%;
    transition: all .3s ease
}

.btn-info-gradien.active,.btn-info-gradien.hover,.btn-info-gradien:active,.btn-info-gradien:focus,.btn-info-gradien:hover {
    transition: 1.5s;
    background-position: 100%;
    background-image: linear-gradient(90deg,#b94ffa,0,#9707f1,100%,#fff)!important
}

.btn-light-gradien {
    background-image: linear-gradient(90deg,#fff 0,#e0e0e0 51%,#fff);
    border: none;
    color: #fff;
    background-size: auto 200%;
    transition: all .3s ease
}

.btn-light-gradien.active,.btn-light-gradien.hover,.btn-light-gradien:active,.btn-light-gradien:focus,.btn-light-gradien:hover {
    transition: 1.5s;
    background-position: 100%;
    background-image: linear-gradient(90deg,#fff,0,#e0e0e0,100%,#fff)!important
}

.btn-dark-gradien {
    background-image: linear-gradient(90deg,#3d4557 0,#1b1f27 51%,#3d4557);
    border: none;
    color: #fff;
    background-size: auto 200%;
    transition: all .3s ease
}

.btn-dark-gradien.active,.btn-dark-gradien.hover,.btn-dark-gradien:active,.btn-dark-gradien:focus,.btn-dark-gradien:hover {
    transition: 1.5s;
    background-position: 100%;
    background-image: linear-gradient(90deg,#3d4557,0,#1b1f27,100%,#fff)!important
}

.btn {
    padding: .375rem 1.75rem
}

.btn-lg {
    font-size: 18px
}

.btn-sm {
    font-size: 12px
}

.btn-xs {
    padding: .05rem .4rem;
    font-size: 11px
}

.large-btn {
    margin-bottom: -20px
}

.large-btn .btn {
    margin-right: 5px;
    margin-bottom: 15px
}

.btn-air-primary {
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important
}

.btn-air-primary:active,.btn-air-primary:hover,.btn-air-primary:not([disabled]):not(.disabled):active {
    background-color: #2a8cc6;
    border-color: #2a8cc6
}

.input-air-primary {
    box-shadow: 0 3px 5px 1px rgba(74,164,217,.1)!important
}

.input-air-primary:focus {
    border-color: #4aa4d9
}

.btn-air-secondary {
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important
}

.btn-air-secondary:active,.btn-air-secondary:hover,.btn-air-secondary:not([disabled]):not(.disabled):active {
    background-color: #e71413;
    border-color: #e71413
}

.input-air-secondary {
    box-shadow: 0 3px 5px 1px rgba(239,63,62,.1)!important
}

.input-air-secondary:focus {
    border-color: #ef3f3e
}

.btn-air-success {
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important
}

.btn-air-success:active,.btn-air-success:hover,.btn-air-success:not([disabled]):not(.disabled):active {
    background-color: #8645af;
    border-color: #8645af
}

.input-air-success {
    box-shadow: 0 3px 5px 1px rgba(158,101,194,.1)!important
}

.input-air-success:focus {
    border-color: #9e65c2
}

.btn-air-danger {
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important
}

.btn-air-danger:active,.btn-air-danger:hover,.btn-air-danger:not([disabled]):not(.disabled):active {
    background-color: #4853a8;
    border-color: #4853a8
}

.input-air-danger {
    box-shadow: 0 3px 5px 1px rgba(102,112,189,.1)!important
}

.input-air-danger:focus {
    border-color: #6670bd
}

.btn-air-info {
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important
}

.btn-air-info:active,.btn-air-info:hover,.btn-air-info:not([disabled]):not(.disabled):active {
    background-color: #9106e7;
    border-color: #9106e7
}

.input-air-info {
    box-shadow: 0 3px 5px 1px rgba(169,39,249,.1)!important
}

.input-air-info:focus {
    border-color: #a927f9
}

.btn-air-light {
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important
}

.btn-air-light:active,.btn-air-light:hover,.btn-air-light:not([disabled]):not(.disabled):active {
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

.input-air-light {
    box-shadow: 0 3px 5px 1px hsla(0,0%,96%,.1)!important
}

.input-air-light:focus {
    border-color: #f4f4f4
}

.btn-air-dark {
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important
}

.btn-air-dark:active,.btn-air-dark:hover,.btn-air-dark:not([disabled]):not(.disabled):active {
    background-color: #171a21;
    border-color: #171a21
}

.input-air-dark {
    box-shadow: 0 3px 5px 1px rgba(44,50,63,.1)!important
}

.input-air-dark:focus {
    border-color: #2c323f
}

.btn-air-warning {
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important
}

.btn-air-warning:active,.btn-air-warning:hover,.btn-air-warning:not([disabled]):not(.disabled):active {
    background-color: #505bb7;
    border-color: #505bb7
}

.input-air-warning {
    box-shadow: 0 3px 5px 1px rgba(116,125,198,.1)!important
}

.input-air-warning:focus {
    border-color: #747dc6
}

.btn-outline {
    border: 1px solid #4aa4d9!important;
    color: #4aa4d9!important;
    align-items: baseline!important
}

.btn-outline:hover {
    color: #fff!important
}

.btn-outline:hover,.btn-solid {
    background-color: #4aa4d9!important
}

.btn-solid {
    border: 1px solid #4aa4d9!important;
    color: #fff
}

.btn-gradient {
    color: #fff!important;
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 5px;
    background-color: #4aa4d9;
    letter-spacing: .06rem
}

.btn-gradient:hover {
    background-size: 100%!important
}

.btn-warning,.btn-warning.disabled,.btn-warning:hover {
    color: #fff
}

[class*=-gradien]:hover {
    background-size: 50% 100%;
    transition: all .3s ease;
    color: #fff
}

.btn-square {
    border-radius: 0
}

.btn-pill {
    border-radius: 60px
}

.btn-group-pill .btn:first-child {
    border-radius: 60px 0 0 60px
}

.btn-group-pill .btn:last-child {
    border-radius: 0 60px 60px 0
}

.btn-group-square .btn:first-child,.btn-group-square .btn:last-child {
    border-radius: 0 0 0 0
}

.btn-showcase {
    margin-bottom: -10px
}

.btn-showcase .btn {
    /* margin-bottom: 10px;
    margin-right: 18px */

    line-height: 1;
    padding: 10px 15px;
    margin: 0;
    gap:10px;
}

.btn-dropdown-showcase {
    margin-bottom: -10px
}

.btn-dropdown-showcase .btn-group,.btn-dropdown-showcase .dropdown {
    margin-bottom: 10px;
    margin-right: 18px
}

.btn-group .radio label:before {
    top: 2px
}

.btn-group .radio label:after {
    top: 7px
}

.btn-group .checkbox label {
    margin-top: 3px
}

.btn-group-showcase>div {
    margin-bottom: -20px
}

.btn-group-showcase>div label {
    margin-bottom: 0
}

.btn-group-showcase .btn-group {
    margin-right: 20px;
    margin-bottom: 20px
}

.btn-group-showcase .checkbox input[type=checkbox] {
    display: none
}

.tooltiptext {
    visibility: visible;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 1;
    transition: opacity .3s
}

.tooltiptext:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #555
}

.btn-theme {
    background-color: #4aa4d9;
    color: #fff;
    display: flex
}

.btn-theme svg {
    margin-right: calc(6px + 4*(100vw - 320px)/1600);
    width: calc(14px + 6*(100vw - 320px)/1600);
    height: auto
}

.bootstrap-datetimepicker-widget {
    padding: 30px;
    text-align: center
}

.bootstrap-datetimepicker-widget .btn {
    margin: 0 10px;
    font-size: 14px;
    padding: 5px 8px
}

.rtl-ltr-btn {
    font-size: 16px;
    font-weight: 700;
    display: none
}

.card {
    margin-bottom: 30px;
    border: none;
    letter-spacing: .5px;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(8,21,66,.05)
}

.card,.card:hover {
    transition: all .3s ease
}

.card:hover {
    box-shadow: 0 0 40px rgba(8,21,66,.05)
}

.card .card-header {
    background-color: #fff;
    padding: 30px 40px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: relative
}

.card .card-header--2 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.card .card-header.card-no-border {
    border-bottom: none!important
}

.card .card-header h5 {
    font-size: 22px;
    font-weight: 700
}

.card .card-header h5:not(.m-0),.card .card-header h5:not(.mb-0) {
    margin-bottom: 0;
    text-transform: capitalize
}

.card .card-header>span {
    font-size: 12px;
    color: rgba(43,43,43,.7);
    margin-top: 5px;
    display: block;
    letter-spacing: 1px
}

.card .card-header .card-header-right {
    border-radius: 0 0 0 7px;
    right: 35px;
    top: 33px;
    display: inline-block;
    float: right;
    padding: 8px 0;
    position: absolute;
    background-color: #fff;
    z-index: 1
}

.card .card-header .card-header-right .card-option {
    text-align: right;
    width: 35px;
    height: 20px;
    overflow: hidden;
    transition: .3s ease-in-out
}

.card .card-header .card-header-right .card-option li {
    display: inline-block
}

.card .card-header .card-header-right .card-option li:first-child i {
    transition: 1s;
    font-size: 16px;
    color: var(--theme-deafult)
}

.card .card-header .card-header-right .card-option li:first-child i.icofont {
    color: unset
}

.card .card-header .card-header-right i {
    margin: 0 5px;
    cursor: pointer;
    color: #2c323f;
    line-height: 20px
}

.card .card-header .card-header-right i.icofont-refresh {
    font-size: 13px
}

.card .card-body {
    padding: 30px 40px;
    background-color: transparent
}

.card .card-body p:last-child {
    margin-bottom: 0
}

.card .sub-title {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 5px;
    margin-bottom: 8px;
    font-size: 18px
}

.card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ecf3fa;
    padding: 30px 40px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.card.card-load .card-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: hsla(0,0%,100%,.7);
    z-index: 8;
    align-items: center;
    justify-content: center
}

.card.card-load .card-loader i {
    margin: 0 auto;
    color: var(--theme-deafult);
    font-size: 20px
}

.card.full-card {
    position: fixed;
    top: 0;
    z-index: 99999;
    box-shadow: none;
    right: 0;
    border-radius: 0;
    border: 1px solid #efefef;
    width: calc(100vw - 12px);
    height: 100vh
}

.card.full-card .card-body {
    overflow: auto
}

.card-absolute {
    margin-top: 20px
}

.card-absolute .card-header {
    position: absolute;
    top: -20px;
    left: 15px;
    border-radius: .25rem;
    padding: 10px 15px
}

.card-absolute .card-header h5 {
    font-size: 17px
}

.card-absolute .card-body {
    margin-top: 10px
}

.card-header .border-tab {
    margin-bottom: -13px
}

.custom-card {
    overflow: hidden;
    padding: 30px
}

.custom-card .card-header {
    padding: 0
}

.custom-card .card-header img {
    border-radius: 50%;
    margin-top: -100px;
    transform: scale(1.5)
}

.custom-card .card-profile {
    text-align: center
}

.custom-card .card-profile img {
    height: 110px;
    padding: 7px;
    background-color: #fff;
    z-index: 1;
    position: relative
}

.custom-card .card-social {
    text-align: center
}

.custom-card .card-social li {
    display: inline-block;
    padding: 15px 0
}

.custom-card .card-social li:last-child a {
    margin-right: 0
}

.custom-card .card-social li a {
    padding: 0;
    margin-right: 15px;
    color: #bcc6de;
    font-size: 16px;
    transition: all .3s ease
}

.custom-card .card-social li a:hover {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.custom-card .profile-details h6 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: rgba(43,43,43,.7);
    font-size: 14px
}

.custom-card .card-footer {
    padding: 0
}

.custom-card .card-footer>div {
    padding: 15px;
    text-align: center
}

.custom-card .card-footer>div+div {
    border-left: 1px solid #efefef
}

.custom-card .card-footer>div h3 {
    margin-bottom: 0;
    font-size: 24px
}

.custom-card .card-footer>div h6 {
    font-size: 14px;
    color: rgba(43,43,43,.7)
}

.custom-card .card-footer>div h5 {
    font-size: 16px;
    margin-bottom: 0
}

.custom-card .card-footer>div i {
    font-size: 24px;
    display: inline-block;
    margin-bottom: 15px
}

.custom-card .card-footer>div .m-b-card {
    margin-bottom: 10px
}

.card .pagination-box {
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 5px
}

div.dt-button-background {
    display: none!important
}

div.DTS div.dataTables_scrollBody table {
    z-index: 1
}

#auto-generate-content_wrapper.dataTables_wrapper button {
    background-color: #fff;
    border: 1px solid var(--theme-deafult);
    color: var(--theme-deafult)
}

.dataTables_wrapper {
    padding: 0;
    width: 100%
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ecf3fa
}

.dataTables_wrapper .dt-buttons .btn {
    border-radius: .25rem!important
}

.dataTables_wrapper .btn-group button {
    margin-right: 5px
}

.dataTables_wrapper button {
    font-weight: 400;
    padding: .375rem .75rem;
    font-size: 14px;
    border-radius: .25rem;
    color: #fff
}

.dataTables_wrapper+.dataTables_wrapper {
    margin-top: 20px
}

.dataTables_wrapper .dataTables_paginate {
    margin-left: 15px!important;
    border: 1px solid #f4f4f4;
    border-radius: .25rem;
    padding-top: 0
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: var(--theme-deafult);
    color: #fff!important;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid var(--theme-deafult);
    color: #2c323f!important;
    background: transparent!important
}

.dataTables_wrapper .dataTables_length {
    margin-bottom: 30px
}

.dataTables_wrapper .dataTables_length select {
    border-color: #f4f4f4;
    color: #2c323f;
    padding: 0 10px;
    margin: 0 10px;
    height: 2.7142em;
    background-color: #fff
}

.dataTables_wrapper table.dataTable {
    border: 1px solid #efefef
}

.dataTables_wrapper table.dataTable tbody td.select-checkbox,.dataTables_wrapper table.dataTable tbody th.select-checkbox {
    padding-right: 40px!important
}

.dataTables_wrapper table.dataTable tbody td.select-checkbox:before,.dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
    right: 20px;
    top: 22px;
    left: unset
}

.dataTables_wrapper table.dataTable tbody td.select-checkbox:after,.dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
    margin-top: -5px;
    margin-left: 21px
}

.dataTables_wrapper table.dataTable thead td,.dataTables_wrapper table.dataTable thead th {
    border-bottom: 2px solid #efefef
}

.dataTables_wrapper table.dataTable td,.dataTables_wrapper table.dataTable th {
    padding: .75rem
}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 25px;
    margin-left: 15px
}

.dataTables_wrapper .dataTables_filter input[type=search] {
    border: 1px solid #efefef;
    padding: 0 10px;
    margin-left: 10px;
    height: 37px;
    border-radius: 0
}

.dataTables_scrollHeadInner {
    width: 100%!important
}

table .fixedHeader-floating {
    position: fixed!important;
    background-color: #fff
}

table .box>div {
    padding: 5px 15px;
    background-color: var(--theme-deafult);
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-right: 15px
}

table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked {
    width: calc(100vw - 250px)!important;
    max-width: calc(100vw - 250px)!important;
    overflow: hidden!important;
    right: 0!important;
    z-index: 99;
    left: 260px!important
}

table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
    width: 100%!important
}

table.dataTable {
    border-collapse: collapse!important;
    margin-top: 0!important
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc_disabled:after,table.dataTable thead .sorting_desc_disabled:before {
    bottom: 12px!important
}

table.dataTable input,table.dataTable select {
    border: 1px solid #efefef;
    height: 37px
}

.toolbar {
    padding: 5px 15px;
    background-color: var(--theme-deafult);
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-right: 15px
}

code.option {
    color: #6670bd!important
}

code.api {
    color: #9e65c2!important
}

.dt-ext .dataTables_wrapper .page-item.active .page-link {
    background-color: var(--theme-deafult)!important;
    border-color: var(--theme-deafult)!important;
    color: #fff
}

.dt-ext .dataTables_wrapper .dataTables_paginate {
    border: none
}

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    border: none
}

.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover {
    border: none!important
}

.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
    margin-left: 0;
    color: var(--theme-deafult)
}

.dt-ext .dataTables_wrapper a.dt-button,.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button,.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button,.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled) {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult);
    border-radius: 2px;
    color: #fff;
    background-image: none;
    font-size: 14px
}

.dt-ext .dataTables_wrapper a.dt-button.btn-success,.dt-ext .dataTables_wrapper button.dt-button.btn-success,.dt-ext .dataTables_wrapper div.dt-button.btn-success {
    background-color: #9e65c2;
    border-color: #9e65c2
}

.dt-ext .dataTables_wrapper a.dt-button.btn-primary,.dt-ext .dataTables_wrapper button.dt-button.btn-primary,.dt-ext .dataTables_wrapper div.dt-button.btn-primary {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult)
}

.dt-ext .dataTables_wrapper a.dt-button.btn-danger,.dt-ext .dataTables_wrapper button.dt-button.btn-danger,.dt-ext .dataTables_wrapper div.dt-button.btn-danger {
    background-color: #6670bd;
    border-color: #6670bd
}

.dt-ext .dataTables_wrapper table.dataTable td.focus,.dt-ext .dataTables_wrapper table.dataTable th.focus {
    outline: 3px solid var(--theme-deafult)
}

.dt-ext .dataTables_wrapper table.dataTable tbody>tr.selected,.dt-ext .dataTables_wrapper table.dataTable tbody>tr>.selected,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.even.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd.selected,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.display tbody>tr.odd>.selected,.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1,.dt-ext .dataTables_wrapper table.dataTable.stripe tbody>tr.odd.selected,.dt-ext .dataTables_wrapper table.dataTable.stripe tbody>tr.odd>.selected {
    background-color: #eaf5fb
}

td.highlight {
    background-color: #f4f4f4!important
}

td.details-control {
    cursor: pointer
}

.dataTables_scroll~.dataTables_paginate {
    margin-top: 20px!important
}

.product-table th:last-child {
    min-width: 120px
}

.product-table h6 {
    font-weight: 600;
    color: #2c323f
}

table.dataTable.display tbody tr.odd>.sorting_1 {
    background-color: #fdfeff
}

.clockpicker-canvas line {
    stroke: var(--theme-deafult)
}

.clockpicker-canvas-bearing,.clockpicker-canvas-fg {
    fill: var(--theme-deafult)
}

.daterangepicker {
    border: none;
    box-shadow: 0 0 20px rgba(8,21,66,.05)
}

.daterangepicker td.available:hover,.daterangepicker th.available:hover {
    background-color: var(--theme-deafult)
}

.datepicker {
    z-index: 99
}

.datepicker--day-name {
    color: #4aa4d9;
    font-weight: 700
}

.datepicker--cell.-current- {
    color: #000;
    border-radius: 5px;
    font-weight: 700;
    border: 2px solid var(--theme-deafult)
}

.datepicker--cell.-focus- {
    background: var(--theme-deafult);
    color: #fff
}

.datepicker--cell.-selected- {
    background: var(--theme-deafult)!important
}

.daterangepicker.ltr {
    color: #898989;
    z-index: 8
}

.daterangepicker.ltr tr {
    font-size: 13px
}

.daterangepicker.ltr tr td {
    height: 34px;
    width: 34px
}

.daterangepicker.ltr tr td.in-range {
    background-color: #fafafa
}

.daterangepicker.ltr tr td.active {
    background-color: var(--theme-deafult)
}

.daterangepicker.ltr .ranges {
    float: none
}

.daterangepicker.ltr .ranges li {
    color: var(--theme-deafult)
}

.daterangepicker.ltr .ranges li.active,.daterangepicker.ltr .ranges li:hover {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult);
    color: #fff
}

.daterangepicker.ltr .calendar-time select {
    color: #898989;
    border-color: #efefef;
    background-color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    width: 30%
}

.bootstrap-datetimepicker-widget,.datepickers-container {
    z-index: 7
}

.datetime-picker .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto
}

.datetime-picker .input-group-text i {
    line-height: 1.3
}

.date-range-picker .theme-form {
    margin-bottom: 30px
}

.date-range-picker>div:last-child .theme-form {
    margin-bottom: 0
}

.daterangepicker:before {
    border-bottom: 7px solid #efefef
}

.daterangepicker .daterangepicker_input i {
    font-size: 14px;
    color: #59667a
}

.daterangepicker .input-mini {
    border-color: #efefef!important;
    font-size: 14px;
    color: #59667a
}

.daterangepicker td,.daterangepicker th {
    height: 34px;
    width: 34px
}

.daterangepicker td:hover,.daterangepicker th:hover {
    color: #2c323f
}

.daterangepicker td.next,.daterangepicker td.prev,.daterangepicker th.next,.daterangepicker th.prev {
    color: #fff;
    height: 34px;
    width: 34px;
    background-color: var(--theme-deafult)
}

.daterangepicker td.month,.daterangepicker th.month {
    color: var(--theme-deafult);
    letter-spacing: 1px;
    text-transform: uppercase
}

.clockpicker-popover {
    border: none;
    box-shadow: 0 0 20px rgba(8,21,66,.05);
    z-index: 7
}

.clockpicker-popover .popover-content {
    background-color: rgba(74,164,217,.05)
}

.clockpicker-canvas-bg {
    fill: #eaf5fb
}

.clockpicker-tick:hover {
    color: inherit;
    background-color: #eaf5fb
}

.dropdown-basic {
    margin-bottom: -10px
}

.dropdown-basic .btn-group {
    margin-right: 18px
}

.dropdown-basic .btn-group .btn-round {
    border-radius: 50px
}

.dropdown-basic .separated-btn {
    margin-left: -6px
}

.dropdown-basic .separated-btn .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px
}

.dropdown-basic button {
    max-height: 43px
}

.dropdown-basic .dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 10px
}

.dropdown-basic .dropdown .dropbtn {
    color: #fff;
    padding: 12px 35px;
    border: none;
    cursor: pointer
}

.dropdown-basic .dropdown .dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 175px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1;
    left: 0;
    top: 45px
}

.dropdown-basic .dropdown .dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
    padding: 12px 16px
}

.dropdown-basic .dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown-basic .dropdown:hover .dropdown-content {
    display: block
}

.dropup-basic .dropup {
    position: relative;
    display: inline-block
}

.dropup-basic .dropup .dropbtn {
    color: #fff;
    padding: 12px;
    border: none
}

.dropup-basic .dropup .dropup-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    bottom: 45px;
    z-index: 999;
    left: 0
}

.dropup-basic .dropup .dropup-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropup-basic .dropup .dropup-content a:hover {
    background-color: #f1f1f1
}

.dropup-basic .dropup:hover .dropup-content {
    display: block
}

.dropup-basic .dropup:hover .dropup-content a.active {
    background-color: #f1f1f1
}

.form-builder .drag-box {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-builder .drag-box fieldset {
    border: 1px dotted #ecf3fa;
    min-height: 655px;
    padding: 30px;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    border-radius: 4px
}

.form-builder .component {
    cursor: pointer
}

.form-builder .component label {
    padding-top: 8px
}

.form-builder .component .form-group input,.form-builder .component .form-group select,.form-builder .component .form-group textarea {
    border-radius: 4px
}

.form-builder .component .form-group .input-group #prependedcheckbox,.form-builder .component .form-group .input-group #prependedtext {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-builder .component .form-group .input-group #appendedcheckbox {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-color: transparent
}

.form-builder .component .form-group .input-group #appendedtext,.form-builder .component .form-group .input-group #buttondropdown {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.form-builder .component .form-group .input-group #buttondropdown {
    margin-right: -1px
}

.form-builder .component .form-group .input-group .input-group-btn button,.form-builder .component .form-group .input-group .input-group-prepend .btn-right,.form-builder .component .form-group .input-group .input-group-prepend .checkbox-radius {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-builder .component .form-group .pl-md-radios {
    padding-left: 37px
}

.form-builder input {
    cursor: pointer
}

.form-builder textarea {
    resize: vertical
}

.form-builder .popover {
    z-index: 8;
    opacity: 1;
    left: -290px!important;
    top: 95px!important
}

.form-builder .popover .control-group {
    cursor: default
}

.form-builder .popover input {
    cursor: pointer
}

.form-builder .render {
    min-height: 500px;
    width: 100%;
    border-radius: 4px
}

.form-builder .popover .controls {
    margin-left: 0
}

.form-builder .popover .control-label {
    text-align: left
}

.form-builder .popover form {
    width: 100%
}

.form-builder .popover .fade.left.in {
    left: -215px
}

.form-builder .target:after {
    float: left;
    content: " ";
    height: 77px;
    margin-top: 3px;
    background: #f4f4f4;
    width: 100%;
    border: 1px dashed #ecf3fa
}

.drag form {
    padding: 10px 5px;
    border: 1px dotted #ecf3fa;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 30px #ecf3fa;
    overflow: hidden
}

.drag form input {
    border-radius: 5px
}

.form-builder-header-1 {
    background-color: #f4f4f4;
    padding: 15px;
    border-radius: 5px;
    min-height: 67px
}

.form-builder-header-1 h6 {
    margin-bottom: 0;
    margin-top: 10px
}

.form-builder .help-block {
    font-size: 12px
}

.form-builder input {
    border-radius: 4px!important
}

.form-builder .form-group .col-md-12 {
    padding: 0
}

.form-builder .popover {
    width: 300px
}

.form-builder .popover-header {
    background-color: var(--theme-deafult);
    padding: 15px
}

.form-builder .popover-body {
    padding: 15px
}

.form-builder .popover-body .form-group.row {
    padding: 0 15px
}

.form-builder .popover-body .form-group.row .col-lg-12 {
    padding: 0
}

.icon-addon .addon-md .fa,.icon-addon .addon-md .glyphicon,.icon-addon .fa,.icon-addon .glyphicon {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.input-group-square .form-control,.input-group-square .input-group-text {
    border-radius: 0
}

.input-group-solid .form-control,.input-group-solid .input-group-text {
    background: #f4f4f4
}

.input-group-air {
    box-shadow: 0 3px 20px 0 #efefef
}

.icon-addon {
    position: relative;
    color: #4c5667;
    display: block
}

.icon-addon:after {
    clear: both
}

.icon-addon:after,.icon-addon:before {
    display: table;
    content: ""
}

.icon-addon .addon-md .form-control,.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: 400
}

.pill-input-group span:last-child {
    border-top-right-radius: 1.3rem;
    border-bottom-right-radius: 1.3rem
}

.pill-input-group span:first-child {
    border-top-left-radius: 1.3rem;
    border-bottom-left-radius: 1.3rem
}

.form-wizard .tab {
    display: none
}

.form-wizard .btn-mb {
    margin-bottom: 30px
}

.form-wizard .step {
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: var(--theme-deafult);
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: .5
}

.form-wizard .step.active {
    opacity: 1
}

.form-wizard .step.finish {
    background-color: var(--theme-secondary)
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.stepwizard .stepwizard-row {
    display: table-row
}

.stepwizard .stepwizard-row:before {
    top: 16px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ecf3fa
}

.stepwizard .stepwizard-row .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative
}

.stepwizard .stepwizard-row .stepwizard-step p {
    margin-top: 10px
}

.stepwizard .stepwizard-row .stepwizard-step button[disabled] {
    opacity: 1!important;
    filter: alpha(opacity=100)!important
}

.f1 fieldset {
    display: none
}

.f1 .input-error {
    border-color: #6670bd
}

.f1 .f1-steps {
    overflow: hidden;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px
}

.f1 .f1-steps .f1-progress {
    position: absolute;
    top: 24px;
    width: 100%;
    height: 1px;
    background: #898989
}

.f1 .f1-steps .f1-progress .f1-progress-line {
    height: 1px;
    background: var(--theme-deafult);
    width: 16%
}

.f1 .f1-steps .f1-step {
    position: relative;
    float: left;
    width: 33.333333%;
    text-align: center
}

.f1 .f1-steps .f1-step.activated .f1-step-icon {
    background: #fff;
    border: 1px solid var(--theme-deafult);
    color: var(--theme-deafult)
}

.f1 .f1-steps .f1-step.activated p {
    color: var(--theme-deafult)
}

.f1 .f1-steps .f1-step.active .f1-step-icon {
    width: 48px;
    height: 48px;
    background: var(--theme-deafult);
    font-size: 22px;
    line-height: 20px
}

.f1 .f1-steps .f1-step.active p {
    color: var(--theme-deafult)
}

.f1 .f1-steps .f1-step p {
    color: #898989
}

.f1 .f1-steps .f1-step .f1-step-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #898989;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    border-radius: 50%
}

.f1 .f1-buttons {
    text-align: right
}

.wizard-4 .action-bar {
    position: absolute;
    bottom: 50px;
    right: 50px
}

.wizard-4 .action-bar .btn {
    float: right;
    margin: 0 5px;
    background-color: #e3e0ff!important;
    border-color: #e3e0ff!important;
    color: var(--theme-deafult)
}

.wizard-4 .action-bar .buttonDisabled {
    color: #59667a;
    background-color: rgba(89,102,122,.05)!important;
    border: 1px solid rgba(89,102,122,.05)!important;
    cursor: text
}

.wizard-4 .step-container {
    background: #f8f9fe;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0 solid #e8ebf2;
    overflow: hidden;
    clear: right;
    width: 70%
}

.wizard-4 .step-container div.content {
    display: block;
    position: absolute;
    float: left;
    height: 445px;
    text-align: left;
    overflow: auto;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    clear: both
}

.wizard-4 .step-container div.content .wizard-title {
    width: 450px;
    margin: 0 auto
}

.wizard-4 .loader {
    display: none
}

.wizard-4 .msg-box {
    position: fixed;
    display: none;
    background-color: #74b9e2;
    top: 30px;
    border-radius: 5px;
    right: 60px;
    padding: 10px 20px
}

.wizard-4 .msg-box .content {
    float: left;
    padding: 3px 0 0;
    color: #fff
}

.wizard-4 .msg-box .close {
    color: #fff;
    margin-left: 10px;
    opacity: 1;
    font-size: 18px;
    line-height: 1.4
}

.wizard-4 ul.anchor {
    float: left;
    width: 30%;
    height: 100vh;
    padding: 80px
}

.wizard-4 ul.anchor .disabled {
    opacity: .7;
    color: #59667a
}

.wizard-4 ul.anchor .disabled h4 {
    background-color: rgba(89,102,122,.15)
}

.wizard-4 ul.anchor .logo {
    padding-bottom: 20px
}

.wizard-4 ul.anchor li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 19px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    z-index: 0
}

.wizard-4 ul.anchor li+li a {
    padding-left: 80px
}

.wizard-4 ul.anchor li:last-child {
    position: absolute;
    bottom: 0
}

.wizard-4 ul.anchor li:last-child img {
    height: 300px
}

.wizard-4 ul.anchor li h4 {
    display: inline-block;
    background-color: rgba(74,164,217,.2);
    padding: 16px 23px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 6px
}

.wizard-4 ul.anchor li a {
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    outline-style: none;
    z-index: 1;
    font-size: 18px
}

.wizard-4 ul.anchor li a small {
    display: block;
    font-size: 14px
}

.wizard-4 ul.anchor li a .stepNumber {
    position: relative;
    float: left;
    width: 30px;
    text-align: center;
    padding: 0 5px 5px
}

.wizard-4 ul.anchor li a.done h4 {
    color: #fff;
    background: var(--theme-deafult)
}

.wizard-4 ul.anchor li a.done h4:before {
    font-size: 12px;
    position: absolute;
    left: 5px;
    top: -3px;
    content: "";
    font-family: themify;
    background-color: #fff;
    color: var(--theme-deafult);
    border-radius: 15px;
    padding: 2px;
    border: 1px solid
}

.wizard-4 ul.anchor li a.error {
    color: #898989;
    background: #fe8a7d;
    border: 1px solid #6670bd
}

.wizard-4 ul.anchor li a.error:hover {
    color: #000
}

.form-space {
    margin-bottom: -10px
}

.form-space>div {
    margin-bottom: 10px
}

.theme-form .form-control :focus {
    box-shadow: 0 0 0 .2rem rgba(171,140,228,.05)
}

.theme-form textarea {
    border-color: #efefef
}

.theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    letter-spacing: 1px;
    font-weight: 100
}

.theme-form input[type=date],.theme-form input[type=datetime-local],.theme-form input[type=email],.theme-form input[type=file],.theme-form input[type=month],.theme-form input[type=number],.theme-form input[type=password],.theme-form input[type=search],.theme-form input[type=tel],.theme-form input[type=text],.theme-form input[type=time],.theme-form input[type=url],.theme-form input[type=week],.theme-form select,.theme-form textarea {
    border-color: #efefef;
    background-color: #f2f9fc!important;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #898989;
    padding: calc(10px + 2*(100vw - 320px)/1600) 10px;
    outline: inherit;
    box-shadow: none
}

.theme-form input[type=date]::-webkit-input-placeholder,.theme-form input[type=datetime-local]::-webkit-input-placeholder,.theme-form input[type=email]::-webkit-input-placeholder,.theme-form input[type=file]::-webkit-input-placeholder,.theme-form input[type=month]::-webkit-input-placeholder,.theme-form input[type=number]::-webkit-input-placeholder,.theme-form input[type=password]::-webkit-input-placeholder,.theme-form input[type=search]::-webkit-input-placeholder,.theme-form input[type=tel]::-webkit-input-placeholder,.theme-form input[type=text]::-webkit-input-placeholder,.theme-form input[type=time]::-webkit-input-placeholder,.theme-form input[type=url]::-webkit-input-placeholder,.theme-form input[type=week]::-webkit-input-placeholder,.theme-form select::-webkit-input-placeholder,.theme-form textarea::-webkit-input-placeholder {
    color: #898989;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    letter-spacing: 1px;
    font-weight: 100
}

.theme-form input[type=file] {
    height: auto
}

.theme-form select.form-control:not([size]):not([multiple]) {
    border-color: #efefef;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.theme-form .checkbox label {
    padding-left: 10px
}

.theme-form .form-divider {
    position: relative;
    clear: both;
    height: 0;
    margin: 30px 0;
    border-top: 1px solid #efefef
}

.theme-form .form-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    content: "Or Signup With";
    color: #242934;
    background: #fff
}

.theme-form .login-divider {
    position: relative;
    clear: both;
    height: 0;
    margin: 30px 0;
    border-top: 1px solid #efefef
}

.theme-form .login-divider:before {
    position: absolute;
    top: -11px;
    left: 40%;
    margin-left: -10px;
    padding: 0 5px;
    color: #242934;
    background: #fff;
    content: "Or Login With"
}

.theme-form .btn-fb,.theme-form .btn-google,.theme-form .btn-linkedin,.theme-form .btn-twitter {
    color: #fff;
    width: 100%
}

.theme-form .btn-fb {
    background-color: #50598e
}

.theme-form .btn-twitter {
    background-color: #6fa2d8
}

.theme-form .btn-google {
    background-color: #c64e40
}

.theme-form .btn-linkedin {
    background-color: #0077b5
}

.form-inline {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0
}

.form-inline .col-form-label {
    margin-right: 5px
}

.search-form .form-group:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 25px;
    background: #e8ebf2;
    left: 82px;
    top: 50px
}

.search-form .form-group:after {
    position: absolute;
    content: "";
    font-family: FontAwesome;
    top: 53px;
    left: 53px;
    color: #8e8e8e
}

.search-form input {
    border: 1px solid #efefef;
    padding: 10px 10px 10px 70px;
    border-radius: 10px;
    background-color: hsla(0,0%,96%,.3)
}

.search-form input:focus {
    outline: none!important
}

.form-label-align-right label {
    text-align: right;
    padding-top: 17px;
    font-weight: 500
}

.form-label-title {
    font-size: 16px;
    font-weight: 600
}

.choose input {
    padding-left: 108px!important;
    position: relative
}

.choose input[type=file]::-webkit-file-upload-button {
    position: absolute;
    padding: 25px 10px 14px;
    top: 50%;
    left: 11px;
    background-color: #f2f9fc!important;
    transform: translateY(-50%)
}

.choose input[type=file]::file-selector-button {
    position: absolute;
    padding: 25px 10px 14px;
    top: 50%;
    left: 11px;
    background-color: #f2f9fc!important;
    transform: translateY(-50%)
}

.choose input[type=file]::-webkit-file-upload-button:hover {
    background-color: rgba(74,164,217,.2)
}

.choose input[type=file]::file-selector-button:hover {
    background-color: rgba(74,164,217,.2)
}

.form-builder-column #pills-tabContent .theme-form .form-group,.form-builder-column #pills-tabContent .theme-form .ui-draggable {
    margin-bottom: 0!important
}

.form-builder-column #pills-tabContent .theme-form .form-group .checkbox label,.form-builder-column #pills-tabContent .theme-form .ui-draggable .checkbox label {
    margin-top: 0
}

.form-builder-column #pills-tabContent .theme-form .form-group input,.form-builder-column #pills-tabContent .theme-form .ui-draggable input {
    border-radius: 4px
}

.form-builder-column #pills-tabContent .theme-form .form-group .input-group #prependedcheckbox,.form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #prependedcheckbox {
    margin-right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-builder-column #pills-tabContent .theme-form .form-group .input-group input,.form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group input {
    margin-right: 15px
}

.form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-prepend .input-group-text input,.form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-prepend .input-group-text input {
    margin-right: 0
}

.form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,.form-builder-column #pills-tabContent .theme-form .form-group select,.form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button,.form-builder-column #pills-tabContent .theme-form .ui-draggable select {
    border-radius: 4px
}

.form-builder-column #pills-tabContent .theme-form .form-group .m-t-help-block,.form-builder-column #pills-tabContent .theme-form .ui-draggable .m-t-help-block {
    margin-top: -3px
}

.form-builder-column #pills-tabContent #pills-button .theme-form button {
    margin-bottom: 6px
}

.form-builder-column .droppable-active {
    background-color: rgba(74,164,217,.2)!important;
    opacity: .1
}

.form-builder-column .form-body {
    min-height: 540px
}

.form-builder-column .draggable {
    cursor: move
}

.form-builder-column .drag-bx {
    border: 1px dotted #ecf3fa;
    border-radius: 4px
}

.form-builder-column .tools a {
    cursor: pointer;
    font-size: 80%
}

.ui-front textarea {
    font-family: Rubik,sans-serif!important
}

.form-builder-2 .form-group .checkbox label {
    margin-top: 0
}

.form-builder-2 .form-group input {
    border-radius: 4px
}

.form-builder-2 .form-group .input-group #prependedcheckbox {
    margin-right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-builder-2 .form-group .input-group input {
    margin-right: 15px
}

.form-builder-2 .form-group .input-group .input-group-prepend .input-group-text input {
    margin-right: 0
}

.form-builder-2 .form-group .input-group .input-group-btn button,.form-builder-2 .form-group select {
    border-radius: 4px
}

.form-builder-2 .form-group .m-t-help-block {
    margin-top: -3px
}

.form-builder-2-header {
    background-color: #f4f4f4;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    margin-bottom: 30px
}

.form-builder-2-header>div {
    display: inline-block;
    width: 49%
}

.form-builder-2-header>div nav {
    text-align: right;
    float: right
}

.draggable input {
    border-radius: 5px
}

.draggable select,.icon-lists div {
    border-radius: 4px
}

.icon-lists div {
    cursor: pointer;
    line-height: 60px;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.icon-lists div:hover {
    background-color: #fafafa
}

.icon-lists div i {
    margin: 0 15px 0 10px;
    font-size: 24px
}

.icon-lists.whether-icon svg {
    height: 50px;
    width: 50px
}

.icon-lists.feather-icons .media svg {
    margin: 0 15px 0 10px
}

.icon-lists .feather-icon .icon-first h6 {
    display: none
}

.feather-icons,.flag-icons {
    margin-bottom: -15px;
    margin-top: -15px
}

.feather-icons div,.flag-icons div {
    line-height: 1;
    word-wrap: break-word;
    overflow: auto
}

.feather-icons div .flag-icon,.flag-icons div .flag-icon {
    height: 50px;
    width: 50px
}

.feather-icons div .media,.flag-icons div .media {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%
}

.feather-icons div .media-body h6,.flag-icons div .media-body h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.feather-icons div .media-body h5,.flag-icons div .media-body h5 {
    background-color: var(--theme-deafult);
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    border-radius: 3px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: #fff
}

.icon-hover-bottom {
    background-color: #fdfeff;
    width: 100%;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 1px 1px #f4f4f4;
    z-index: 999
}

.icon-hover-bottom .icon-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px
}

.icon-hover-bottom .icon-popup .close-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: #ccc;
    cursor: pointer
}

.icon-hover-bottom .icon-popup>div {
    display: inline-block
}

.icon-hover-bottom .icon-popup>div .flag-icon {
    width: 60px;
    height: 60px
}

.icon-hover-bottom .icon-popup .icon-class {
    margin: 0 20px;
    cursor: pointer
}

.icon-hover-bottom .icon-popup .icon-last .form-inline .form-group {
    display: initial
}

.icon-hover-bottom .icon-title {
    display: block;
    color: #2c323f;
    text-transform: uppercase;
    font-weight: 500
}

.icon-hover-bottom .btn,.icon-hover-bottom label,.icon-hover-bottom span {
    font-family: Nunito,sans-serif
}

.icon-hover-bottom .form-group input {
    display: inline-block;
    width: 300px;
    background-color: #fff;
    font-family: Nunito,sans-serif
}

.fa-fa-icon-show-div,.icons-show-div {
    display: none
}

.icon-first i {
    color: #898989
}

.icon-first h6 {
    display: none
}

.list-group-item.active {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult)
}

.list-group i,.list-group img {
    margin-right: 10px
}

.list-group img {
    height: 40px;
    width: 40px
}

.loader-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    /* background-color: #fff; */
    z-index: 9999;
    top: 0
}



.sidebar-wrapper {
    width: 250px; /* Adjust to match your design */
    transition: transform 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1000;
    background-color: #fff; /* Adjust based on your theme */
  }
  
  .sidebar-closed {
    transform: translateX(-100%);
    transition: transform 0.6s ease-in-out;
    
  }
  
  .page-body-wrapper {
    transition: margin-left 0.3s ease-in-out;
  }
  
  .page-body {
    margin-left: 250px; /* Match sidebar width */
  }
  
  .sidebar-closed ~ .page-body {
    margin-left: 0;
  }
  
  /* Responsive adjustments */
  @media (max-width: 768px) {
    .sidebar-wrapper {
      transform: translateX(-100%);
    }
  
    .sidebar-wrapper:not(.sidebar-closed) {
      transform: translateX(0);
    }
  
    .page-body {
      margin-left: 0;
    }
  }










.loader-wrapper,.loader-wrapper .loader-index {
    display: flex;
    align-items: center;
    justify-content: center
}

.loader-wrapper .loader-index {
    position: relative;
    filter: url(#goo)
}

.loader-wrapper .loader-index:after {
    content: "";
    width: 4em;
    height: 4em;
    background: var(--theme-deafult);
    border-radius: 50%;
    position: absolute;
    transform: scale(.5);
    animation: grow 2s cubic-bezier(.14,.05,.55,.5) infinite alternate
}

.loader-wrapper .loader-index span {
    width: 2em;
    height: 2em;
    background: var(--theme-secondary);
    border-radius: 50%;
    margin-right: 2em;
    position: relative;
    transform: translateX(7em);
    animation: move 4s ease-in-out infinite
}

.loader-wrapper .loader-index span:before {
    background: var(--theme-deafult);
    left: 3em
}

.loader-wrapper .loader-index span:after,.loader-wrapper .loader-index span:before {
    content: "";
    width: 2em;
    height: 2em;
    border-radius: 50%;
    position: absolute;
    transform: translateX(0);
    animation: shrink 2s ease-in-out infinite
}

.loader-wrapper .loader-index span:after {
    background: #a927f9;
    right: 3em
}

@keyframes grow {
    0% {
        transform: scale(.5);
        background: #a927f9
    }

    50% {
        transform: scale(1);
        background: var(--theme-secondary)
    }
}

@keyframes move {
    0% {
        transform: translateX(7em)
    }

    50% {
        transform: translateX(-5em)
    }
}

@keyframes shrink {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-1em)
    }
}

.loader-wrapper svg {
    width: 0;
    height: 0
}

.loader-wrapper body {
    font-family: sans;
    min-height: 100vh;
    margin: 0;
    display: grid;
    place-content: center;
    background: #000
}

.loader-wrapper h1 {
    color: #fff;
    text-align: center;
    margin-bottom: 2em;
    letter-spacing: 3px;
    position: relative;
    z-index: 2
}

.loader-wrapper h1:before {
    position: absolute;
    content: "";
    height: 1px;
    background: linear-gradient(to right,var(--theme-secondary),var(--theme-deafult),#a927f9);
    color: #fff;
    top: 2.75em;
    left: .75em;
    width: 2.5em;
    font-weight: 400;
    font-feature-settings: "smcp";
    font-variant: small-caps;
    font-size: .5em
}

.loader-wrapper img {
    width: calc(290px + 110*(100vw - 320px)/1600);
    height: auto
}

.loader-box {
    height: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    transition: color .3s,border .3s,transform .3s,opacity .3s
}

.loader-box [class*=loader-] {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: inherit;
    vertical-align: middle
}

.loader-box .loader-1 {
    border: .2em dotted var(--theme-deafult);
    border-radius: 50%;
    animation: loader-01 1s linear infinite
}

@keyframes loader-01 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-2 {
    border-bottom: .2em solid transparent;
    border-top: .2em solid transparent;
    border-left: .2em solid transparent;
    border-left-color: var(--theme-secondary);
    border-right: .2em solid transparent;
    border-right-color: var(--theme-secondary);
    border-radius: 50%;
    animation: loader-02 1s linear infinite
}

@keyframes loader-02 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-3 {
    border: .2em solid #a927f9;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: loader-03 1s linear infinite;
    position: relative
}

@keyframes loader-03 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-4 {
    border: 1px solid #a927f9;
    border-radius: 50%;
    animation: loader-04 1s linear infinite;
    position: relative
}

.loader-box .loader-4:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -.2em;
    left: 50%;
    border: .2em solid #a927f9;
    border-radius: 50%
}

@keyframes loader-04 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-5 {
    border: .2em solid transparent;
    border-top-color: #747dc6;
    border-radius: 50%;
    animation: loader-05 1s linear infinite;
    position: relative
}

.loader-box .loader-5:before {
    content: "";
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
    top: -.2em;
    left: -.2em;
    border: .2em solid #747dc6;
    border-radius: 50%;
    opacity: .5
}

@keyframes loader-05 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-6 {
    border: .2em solid #6670bd;
    border-radius: 50%;
    animation: loader-06 1s ease-out infinite
}

@keyframes loader-06 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

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

.loader-box .loader-7 {
    border: 0 solid transparent;
    border-radius: 50%;
    position: relative
}

.loader-box .loader-7:after,.loader-box .loader-7:before {
    content: "";
    border: .2em solid var(--theme-deafult);
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    animation: loader-07 1s linear infinite;
    opacity: 0
}

.loader-box .loader-7:before {
    animation-delay: 1s
}

.loader-box .loader-7:after {
    animation-delay: .5s
}

@keyframes loader-07 {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

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

.loader-box .loader-8 {
    position: relative
}

.loader-box .loader-8:after,.loader-box .loader-8:before {
    content: "";
    width: inherit;
    height: inherit;
    border-radius: 50%;
    background-color: var(--theme-secondary);
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    animation: loader-08 2s ease-in-out infinite
}

.loader-box .loader-8:after {
    animation-delay: -1s
}

@keyframes loader-08 {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.loader-box .loader-9 {
    background-color: #a927f9;
    border-radius: 50%;
    animation: loader-09 1s ease-in-out infinite
}

@keyframes loader-09 {
    0% {
        transform: scale(0)
    }

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

.loader-box .loader-10 {
    position: relative;
    animation: loader-10-1 2s linear infinite
}

.loader-box .loader-10:after,.loader-box .loader-10:before {
    content: "";
    width: 0;
    height: 0;
    border: .5em solid #a927f9;
    display: block;
    position: absolute;
    border-radius: 100%;
    animation: loader-10-2 2s ease-in-out infinite
}

.loader-box .loader-10:before {
    top: 0;
    left: 50%
}

.loader-box .loader-10:after {
    bottom: 0;
    right: 50%;
    animation-delay: -1s
}

@keyframes loader-10-1 {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader-10-2 {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.loader-box .loader-11 {
    background-color: #747dc6;
    animation: loader-11 1.2s ease-in-out infinite
}

@keyframes loader-11 {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.loader-box .loader-12 {
    position: relative
}

.loader-box .loader-12:after,.loader-box .loader-12:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #6670bd;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 50%;
    box-shadow: -.5em 0 0 #6670bd;
    animation: loader-12 1s linear infinite
}

.loader-box .loader-12:after {
    top: 50%;
    bottom: 0;
    animation-delay: .25s
}

@keyframes loader-12 {
    0%,to {
        box-shadow: -.5em 0 0 transparent;
        background-color: #6670bd
    }

    50% {
        box-shadow: -.5em 0 0 #6670bd;
        background-color: transparent
    }
}

.loader-box .loader-13,.loader-box .loader-13:after,.loader-box .loader-13:before {
    border-radius: 50%;
    animation-fill-mode: both;
    animation: loader-13 1.8s ease-in-out infinite
}

.loader-box .loader-13 {
    color: var(--theme-deafult);
    position: relative;
    transform: translateZ(0);
    animation-delay: -.16s;
    top: -1em
}

.loader-box .loader-13:before {
    right: 100%;
    animation-delay: -.32s
}

.loader-box .loader-13:after {
    left: 100%
}

.loader-box .loader-13:after,.loader-box .loader-13:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: inherit;
    height: inherit
}

@keyframes loader-13 {
    0%,80%,to {
        box-shadow: 0 1em 0 -1em
    }

    40% {
        box-shadow: 0 1em 0 -.2em
    }
}

.loader-box .loader-14 {
    border-radius: 50%;
    box-shadow: 0 1em 0 -.2em var(--theme-secondary);
    position: relative;
    animation: loader-14 .8s ease-in-out infinite alternate;
    animation-delay: .32s;
    top: -1em
}

.loader-box .loader-14:after,.loader-box .loader-14:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    box-shadow: inherit;
    animation: inherit
}

.loader-box .loader-14:before {
    left: -1em;
    animation-delay: .48s
}

.loader-box .loader-14:after {
    right: -1em;
    animation-delay: .16s
}

@keyframes loader-14 {
    0% {
        box-shadow: 0 2em 0 -.2em var(--theme-secondary)
    }

    to {
        box-shadow: 0 1em 0 -.2em var(--theme-secondary)
    }
}

.loader-box .loader-15 {
    background: #a927f9;
    position: relative;
    animation: loader-15 1s ease-in-out infinite;
    animation-delay: .4s;
    width: .25em;
    height: .5em;
    margin: 0 .5em
}

.loader-box .loader-15:after,.loader-box .loader-15:before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    background: inherit;
    animation: inherit
}

.loader-box .loader-15:before {
    right: .5em;
    animation-delay: .2s
}

.loader-box .loader-15:after {
    left: .5em;
    animation-delay: .6s
}

@keyframes loader-15 {
    0%,to {
        box-shadow: 0 0 0 #a927f9,0 0 0 #a927f9
    }

    50% {
        box-shadow: 0 -.25em 0 #a927f9,0 .25em 0 #a927f9
    }
}

.loader-box .loader-16 {
    transform: rotate(45deg);
    perspective: 1000px;
    border-radius: 50%
}

.loader-box .loader-16:after,.loader-box .loader-16:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    animation: spin 1s linear infinite
}

.loader-box .loader-16:before {
    transform: rotateX(70deg)
}

.loader-box .loader-16:after {
    transform: rotateY(70deg);
    animation-delay: .4s
}

@keyframes rotate {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

@keyframes rotateccw {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(-1turn)
    }
}

.loader-box .loader-17 {
    position: relative;
    background-color: #747dc6;
    border-radius: 50%
}

.loader-box .loader-17:after,.loader-box .loader-17:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: .8
}

.loader-box .loader-17:after {
    left: -.5em;
    top: -.25em;
    background-color: #747dc6;
    transform-origin: 30px 35px;
    animation: loader-17 1s linear infinite;
    opacity: .6
}

.loader-box .loader-17:before {
    left: -1.25em;
    top: -.75em;
    background-color: #747dc6;
    transform-origin: 40px 40px;
    animation: loader-17 2s linear infinite
}

@keyframes loader-17 {
    0% {
        transform: rotate(0deg) translateZ(0)
    }

    to {
        transform: rotate(1turn) translateZ(0)
    }
}

.loader-box .loader-18 {
    position: relative
}

.loader-box .loader-18:after,.loader-box .loader-18:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    border: .1em solid transparent;
    border-bottom-color: #6670bd;
    top: 0;
    left: 0;
    animation: loader-18 1s linear infinite
}

.loader-box .loader-18:before {
    width: 40px;
    height: 40px
}

.loader-box .loader-18:after {
    width: 30px;
    height: 30px;
    top: .1em;
    left: .1em;
    animation-direction: reverse
}

@keyframes loader-18 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-19 {
    border-top: .2em solid var(--theme-deafult);
    border-right: .2em solid transparent;
    animation: loader-19 1s linear infinite;
    border-radius: 100%;
    position: relative
}

@keyframes loader-19 {
    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-20 {
    background-color: transparent;
    box-shadow: inset 0 0 0 .1em var(--theme-secondary);
    border-radius: 50%;
    position: relative
}

.loader-box .loader-20:after,.loader-box .loader-20:before {
    position: absolute;
    content: "";
    background-color: var(--theme-secondary);
    top: 24px;
    left: 24px;
    height: .1em;
    transform-origin: left center
}

.loader-box .loader-20:after {
    width: .4em;
    animation: loader-20 2s linear infinite
}

.loader-box .loader-20:before {
    width: 20px;
    animation: loader-20 8s linear infinite
}

@keyframes loader-20 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-21 {
    position: relative
}

.loader-box .loader-21:after,.loader-box .loader-21:before {
    position: absolute;
    content: ""
}

.loader-box .loader-21:before {
    width: 80%;
    height: 80%;
    left: 10%;
    bottom: 10%;
    border-radius: 100% 100% 100% 0;
    box-shadow: 0 0 0 .1em #a927f9;
    animation: loader-21 1s linear infinite;
    transform: rotate(-46deg)
}

.loader-box .loader-21:after {
    width: 1em;
    height: .3em;
    border-radius: 100%;
    left: 0;
    background-color: hsla(0,0%,100%,.2);
    bottom: -.2em;
    z-index: -1
}

@keyframes loader-21 {
    0% {
        top: 0
    }

    50% {
        top: -5px
    }

    to {
        top: 0
    }
}

.loader-box .loader-22 {
    border: .1em solid #a927f9;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.loader-box .loader-22:after,.loader-box .loader-22:before {
    position: absolute;
    content: "";
    background-color: #a927f9
}

.loader-box .loader-22:after {
    width: 50%;
    height: .1em;
    left: 50%;
    top: 50%;
    transform-origin: left center;
    animation: loader-22 2s linear infinite alternate
}

.loader-box .loader-22:before {
    width: 100%;
    height: 40%;
    left: 0;
    bottom: 0
}

@keyframes loader-22 {
    0% {
        transform: rotate(-160deg)
    }

    to {
        transform: rotate(-20deg)
    }
}

.loader-box .loader-23 {
    height: .5em;
    border: .1em solid #747dc6;
    border-radius: .1em;
    position: relative;
    animation: loader-23 5s linear infinite
}

.loader-box .loader-23:after {
    width: .07em;
    height: 100%;
    background-color: #747dc6;
    border-radius: 0 .5em .5em 0;
    position: absolute;
    content: "";
    top: 0;
    left: calc(100% + .1em)
}

@keyframes loader-23 {
    0% {
        box-shadow: inset 0 0 0 #747dc6
    }

    to {
        box-shadow: inset 1em 0 0 #747dc6
    }
}

.loader-box .loader-24 {
    width: .8em;
    height: 1em;
    border: .1em solid #6670bd;
    border-radius: 0 0 .2em .2em;
    position: relative
}

.loader-box .loader-24:after,.loader-box .loader-24:before {
    position: absolute;
    content: ""
}

.loader-box .loader-24:after {
    width: .2em;
    height: 50%;
    border: .1em solid #6670bd;
    border-left: none;
    border-radius: 0 .5em .5em 0;
    left: calc(100% + .1em);
    top: .1em
}

.loader-box .loader-24:before {
    width: .1em;
    height: .3em;
    background-color: #6670bd;
    top: -.3em;
    left: .05em;
    box-shadow: .2em 0 0 0 #6670bd,.2em -.2em 0 0 #6670bd,.4em 0 0 0 #6670bd;
    animation: loader-24 1s linear infinite alternate
}

@keyframes loader-24 {
    0% {
        height: 0
    }

    to {
        height: 6px
    }
}

.loader-box .loader-25 {
    border: .1em solid var(--theme-deafult);
    position: relative;
    animation: loader-25-1 5s linear infinite
}

.loader-box .loader-25:after {
    width: .2em;
    height: .2em;
    position: absolute;
    content: "";
    background-color: var(--theme-deafult);
    bottom: calc(100% + .2em);
    left: -.4em;
    animation: loader-25-2 1s ease-in-out infinite
}

@keyframes loader-25-1 {
    0% {
        box-shadow: inset 0 0 0 0 var(--theme-deafult)
    }

    to {
        box-shadow: inset 0 -1em 0 0 var(--theme-deafult)
    }
}

@keyframes loader-25-2 {
    25% {
        left: calc(100% + .2em);
        bottom: calc(100% + .2em)
    }

    50% {
        left: calc(100% + .2em);
        bottom: -.4em
    }

    75% {
        left: -.4em;
        bottom: -.4em
    }

    to {
        left: -.4em;
        bottom: calc(100% + .2em)
    }
}

.loader-box .loader-26 {
    width: .5em;
    height: .5em;
    background-color: var(--theme-secondary);
    box-shadow: 1em 0 0 var(--theme-secondary);
    border-radius: 50%;
    animation: loader-26 1s ease-in-out infinite alternate
}

@keyframes loader-26 {
    0% {
        opacity: .1;
        transform: rotate(0deg) scale(.5)
    }

    to {
        opacity: 1;
        transform: rotate(1turn) scale(1.2)
    }
}

.loader-box .loader-29 {
    border-radius: 50%;
    box-shadow: inset 0 0 0 .1em #a927f9,-.5em -.5em 0 -.4em #a927f9,0 -.7em 0 -.4em #a927f9,.5em -.5em 0 -.4em #a927f9,-.5em .5em 0 -.4em #a927f9,0 .7em 0 -.4em #a927f9,.5em .5em 0 -.4em #a927f9,-.7em 0 0 -.4em #a927f9,.7em 0 0 -.4em #a927f9;
    animation: loader-29 5s linear infinite
}

@keyframes loader-29 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-30 {
    border-color: #a927f9 transparent;
    border-style: solid;
    border-width: .2em;
    border-radius: 50%;
    position: relative;
    animation: loader-30 1s linear infinite
}

.loader-box .loader-30:after,.loader-box .loader-30:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border: .2em solid transparent;
    border-bottom-color: #a927f9
}

.loader-box .loader-30:before {
    transform: rotate(135deg);
    right: -.3em;
    top: -.05em
}

.loader-box .loader-30:after {
    transform: rotate(-45deg);
    left: -.3em;
    bottom: -.05em
}

@keyframes loader-30 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loader-box .loader-31 {
    box-shadow: 0 0 2em #747dc6;
    background-color: #747dc6;
    position: relative;
    border-radius: 50%;
    transform: rotateX(-60deg) perspective(1000px)
}

.loader-box .loader-31:after,.loader-box .loader-31:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    animation: loader-31 1s ease-out infinite
}

.loader-box .loader-31:after {
    animation-delay: .4s
}

@keyframes loader-31 {
    0% {
        opacity: 1;
        transform: rotate(0deg);
        box-shadow: 0 0 0 -.5em #747dc6,0 0 0 -.5em #747dc6,0 0 0 -.5em #747dc6,0 0 0 -.5em #747dc6,0 0 0 -.5em #747dc6,0 0 0 -.5em #747dc6,0 0 0 -.5em #747dc6,0 0 0 -.5em #747dc6
    }

    to {
        opacity: 0;
        transform: rotate(180deg);
        box-shadow: -1em -1em 0 -.35em #747dc6,0 -1.5em 0 -.35em #747dc6,1em -1em 0 -.35em #747dc6,-1.5em 0 0 -.35em #747dc6,1.5em 0 0 -.35em #747dc6,-1em 1em 0 -.35em #747dc6,0 1.5em 0 -.35em #747dc6,1em 1em 0 -.35em #747dc6
    }
}

.loader-box .loader-32 {
    position: relative;
    border-radius: 50%;
    box-shadow: 0 0 1em 0 #6670bd,inset 0 0 1em 0 #6670bd;
    animation: loader-32 1s linear infinite
}

.loader-box .loader-32:after,.loader-box .loader-32:before {
    content: "";
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
    border-radius: 50%
}

.loader-box .loader-32:before {
    border-top: .2em solid #6670bd;
    border-right: .2em solid transparent;
    top: .28em;
    right: calc(50% - .22em)
}

.loader-box .loader-32:after {
    border-bottom: .2em solid #6670bd;
    border-left: .2em solid transparent;
    bottom: .28em;
    left: calc(50% - .22em)
}

@keyframes loader-32 {
    0% {
        transform: rotateX(-60deg) rotate(0deg)
    }

    to {
        transform: rotateX(-60deg) rotate(1turn)
    }
}

.loader-box .loader-34 {
    position: relative;
    width: 1em;
    height: .5em
}

.loader-box .loader-34:after,.loader-box .loader-34:before {
    position: absolute;
    content: "";
    height: .4em;
    width: .4em;
    top: 0;
    background-color: var(--theme-deafult);
    border-radius: 50%
}

.loader-box .loader-34:after {
    right: 0;
    animation: loader-34-2 .5s ease-in-out infinite;
    animation-direction: alternate
}

.loader-box .loader-34:before {
    left: 0;
    animation: loader-34-1 .5s ease-in-out infinite;
    animation-direction: alternate
}

@keyframes loader-34-1 {
    0% {
        transform: translatex(0)
    }

    65% {
        height: .4em;
        width: .4em
    }

    to {
        height: .5em;
        width: .3em;
        transform: translatex(.2em)
    }
}

@keyframes loader-34-2 {
    0% {
        transform: translatex(0)
    }

    65% {
        height: .4em;
        width: .4em
    }

    to {
        height: .5em;
        width: .3em;
        transform: translatex(-.2em)
    }
}

.loader-box .loader-35 {
    margin: 0 .5em;
    position: relative
}

.loader-box .loader-35:before {
    border-radius: 50%;
    background-color: var(--theme-secondary);
    animation: loader-35 3s cubic-bezier(.77,0,.175,1) infinite;
    content: "";
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    position: absolute
}

@keyframes loader-35 {
    0% {
        transform: translateX(0) scale(1)
    }

    25% {
        transform: translateX(-100%) scale(.3)
    }

    50% {
        transform: translateX(0) scale(1)
    }

    75% {
        transform: translateX(100%) scale(.3)
    }

    to {
        transform: translateX(0) scale(1)
    }
}

.loader-box .loader-37 {
    border-right: .1em solid #a927f9;
    border-radius: 100%;
    animation: loader-37 .8s linear infinite
}

.loader-box .loader-37:after,.loader-box .loader-37:before {
    content: "";
    width: .8em;
    height: .8em;
    display: block;
    position: absolute;
    top: calc(50% - .4em);
    left: calc(50% - .4em);
    border-left: .08em solid #a927f9;
    border-radius: 100%;
    animation: loader-37 .4s linear infinite reverse
}

.loader-box .loader-37:after {
    width: .6em;
    height: .6em;
    top: calc(50% - .3em);
    left: calc(50% - .3em);
    border: 0;
    border-right: .05em solid #a927f9;
    animation: none
}

@keyframes loader-37 {
    0% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(0deg)
    }
}

.loader-box .loader-38 {
    height: .1em;
    width: .1em;
    box-shadow: -.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9;
    animation: loader-38 6s infinite
}

@keyframes loader-38 {
    0% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9
    }

    8.33% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9
    }

    16.66% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9
    }

    24.99% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9
    }

    33.32% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9
    }

    41.65% {
        box-shadow: .2em -.2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9
    }

    49.98% {
        box-shadow: .2em .2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9
    }

    58.31% {
        box-shadow: -.2em .2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9
    }

    66.64% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9
    }

    74.97% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,.2em -.2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9
    }

    83.3% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,.2em .2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9
    }

    91.63% {
        box-shadow: -.2em -.2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9,-.2em .2em 0 .1em #a927f9
    }

    to {
        box-shadow: -.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9,-.2em -.2em 0 .1em #a927f9
    }
}

.loader-box .loader-39 {
    position: relative;
    width: .15em;
    height: .15em;
    background-color: #747dc6;
    border-radius: 100%;
    animation: loader-39-1 30s linear infinite
}

.loader-box .loader-39:after,.loader-box .loader-39:before {
    content: "";
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.loader-box .loader-39:before {
    width: 20px;
    height: 60px;
    animation: loader-39-2 .8s linear infinite
}

.loader-box .loader-39:after {
    width: 60px;
    height: 20px;
    animation: loader-39-2 1.2s linear infinite
}

@keyframes loader-39-1 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loader-39-2 {
    0% {
        box-shadow: .04em -.04em 0 .02em #747dc6
    }

    25% {
        box-shadow: .04em .04em 0 .02em #747dc6
    }

    50% {
        box-shadow: -.04em .04em 0 .02em #747dc6
    }

    75% {
        box-shadow: -.04em -.04em 0 .02em #747dc6
    }

    to {
        box-shadow: .04em -.04em 0 .02em #747dc6
    }
}

.loader-box .loader-40 {
    border: .05em solid #6670bd;
    border-radius: .2em;
    overflow: hidden;
    position: relative
}

.loader-box .loader-40:after,.loader-box .loader-40:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: inherit;
    height: inherit;
    animation: loader-40 2s linear infinite
}

.loader-box .loader-40:before {
    border-top: .2em solid #6670bd;
    top: -.15em;
    left: calc(-50% - .15em);
    transform-origin: right center
}

.loader-box .loader-40:after {
    border-bottom: .2em solid #6670bd;
    top: .15em;
    right: calc(-50% - .15em);
    transform-origin: left center
}

@keyframes loader-40 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.loader-box .loader-41 {
    border: .05em solid var(--theme-deafult);
    border-radius: .2em;
    position: relative;
    background: linear-gradient(45deg,transparent 48%,var(--theme-deafult) 50%,var(--theme-deafult) 50%,transparent 52%,transparent),linear-gradient(-45deg,transparent 48%,var(--theme-deafult) 50%,var(--theme-deafult) 50%,transparent 52%,transparent);
    background-size: .5em .5em;
    background-position: 0 0;
    animation: loader-41 1s linear infinite
}

@keyframes loader-41 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -1em 0
    }
}

.loader-box .loader-42 {
    width: 2em;
    height: .66em;
    border: .05em solid var(--theme-secondary);
    border-radius: .1em;
    background: linear-gradient(-60deg,transparent 0,transparent 50%,var(--theme-secondary) 50%,var(--theme-secondary) 75%,transparent 75%,transparent);
    background-size: 1em 2em;
    background-position: 0 0;
    animation: loader-42 .8s linear infinite
}

@keyframes loader-42 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -2em 0
    }
}

.popover-header {
    background-color: #2c323f;
    color: #fff
}

.popover-main .btn-showcase a {
    color: #fff
}

.popover-main .btn-showcase button:last-child {
    margin-right: 0
}
.page-wrapper.compact-wrapper.modern-type
{
    background:#faf4f0;
}
.page-wrapper .page-body-wrapper {
    background-color: #faf4f0;
}
@media print {
    .page-wrapper .page-title {
        visibility: hidden
    }

    .page-wrapper .page-body-wrapper .page-title,table.fixedHeader-floating {
        display: none
    }
}

.invoice-table {
    margin-top: 16px;
    margin-bottom: 16px
}

.invoice .text-right input {
    margin-top: 6px
}

.invoice .media {
    align-items: center
}

.animate-chk label {
    line-height: 1.6;
    cursor: pointer
}

.animate-chk label:last-child {
    margin-bottom: 0
}

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin: 0 1rem 0 0
}

.checkbox_animated:before {
    transition: transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform: rotate(-45deg) scale(0);
    content: "";
    position: absolute;
    left: .25rem;
    top: .225rem;
    z-index: 1;
    width: .75rem;
    height: .375rem;
    border-left: 2px solid var(--theme-deafult);
    border-bottom: 2px solid var(--theme-deafult);
    border-right-style: solid;
    border-top-style: solid;
    border-top: 2px var(--theme-deafult);
    border-right: 2px var(--theme-deafult)
}

.checkbox_animated:after {
    content: "";
    position: absolute;
    top: -.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    cursor: pointer
}

.checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1)
}

.radio_animated {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer
}

.radio_animated:before {
    transition: transform .4s cubic-bezier(.45,1.8,.5,.75);
    transform: scale(0);
    content: "";
    position: absolute;
    top: 0;
    left: .125rem;
    z-index: 1;
    width: .75rem;
    height: .75rem;
    background: var(--theme-deafult);
    border-radius: 50%
}

.radio_animated:after {
    content: "";
    position: absolute;
    top: -.25rem;
    left: -.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border: 2px solid #ecf3fa;
    border-radius: 50%
}

.radio_animated:checked:before {
    transform: scale(1)
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 16px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label:before {
    content: "";
    width: 19px;
    height: 19px;
    margin-left: -16px;
    border: 1px solid #efefef;
    border-radius: 3px;
    background-color: #fff;
    transition: border .15s ease-in-out,color .15s ease-in-out
}

.checkbox label:after,.checkbox label:before {
    display: inline-block;
    position: absolute;
    left: 0
}

.checkbox label:after {
    width: 16px;
    height: 16px;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #242934
}

.checkbox input[type=checkbox] {
    opacity: 0
}

.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus+label:before {
    outline-offset: -2px
}

.checkbox input:checked~label:before {
    font-family: themify;
    content: "";
    text-align: center;
    line-height: 1.2
}

.checkbox input:disabled+label {
    opacity: .65
}

.checkbox input:disabled+label:before {
    background-color: #f4f4f4;
    cursor: not-allowed
}

.checkbox .checkbox-circle label:before {
    border-radius: 50%
}

.checkbox .checkbox-inline {
    margin-top: 0
}

.m-squar label:before {
    border-radius: 0
}

.m-squar .checkbox-circle label:before {
    border-radius: 50%
}

.m-squar .checkbox-inline {
    margin-top: 0
}

.checkbox-primary label:before {
    border-color: var(--theme-deafult)
}

.checkbox-primary input[type=checkbox]:checked+label:before {
    border-color: var(--theme-deafult);
    color: var(--theme-deafult)
}

.checkbox-primary input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-solid-primary input[type=checkbox]:checked+label:before,.checkbox-solid-primary label:before {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult);
    color: #fff
}

.checkbox-solid-primary input[type=checkbox]:checked+label:after {
    color: #fff
}

.radio-primary input[type=radio]+label:before {
    border-color: var(--theme-deafult)
}

.radio-primary input[type=radio]+label:after {
    background-color: var(--theme-deafult)
}

.radio-primary input[type=radio]:checked+label:before {
    border-color: var(--theme-deafult)
}

.radio-primary input[type=radio]:checked+label:after {
    background-color: var(--theme-deafult)
}

.checkbox-secondary label:before {
    border-color: #ef3f3e
}

.checkbox-secondary input[type=checkbox]:checked+label:before {
    border-color: #ef3f3e;
    color: #ef3f3e
}

.checkbox-secondary input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-solid-secondary input[type=checkbox]:checked+label:before,.checkbox-solid-secondary label:before {
    background-color: #ef3f3e;
    border-color: #ef3f3e;
    color: #fff
}

.checkbox-solid-secondary input[type=checkbox]:checked+label:after {
    color: #fff
}

.radio-secondary input[type=radio]+label:before {
    border-color: #ef3f3e
}

.radio-secondary input[type=radio]+label:after {
    background-color: #ef3f3e
}

.radio-secondary input[type=radio]:checked+label:before {
    border-color: #ef3f3e
}

.radio-secondary input[type=radio]:checked+label:after {
    background-color: #ef3f3e
}

.checkbox-success label:before {
    border-color: #9e65c2
}

.checkbox-success input[type=checkbox]:checked+label:before {
    border-color: #9e65c2;
    color: #9e65c2
}

.checkbox-success input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-solid-success input[type=checkbox]:checked+label:before,.checkbox-solid-success label:before {
    background-color: #9e65c2;
    border-color: #9e65c2;
    color: #fff
}

.checkbox-solid-success input[type=checkbox]:checked+label:after {
    color: #fff
}

.radio-success input[type=radio]+label:before {
    border-color: #9e65c2
}

.radio-success input[type=radio]+label:after {
    background-color: #9e65c2
}

.radio-success input[type=radio]:checked+label:before {
    border-color: #9e65c2
}

.radio-success input[type=radio]:checked+label:after {
    background-color: #9e65c2
}

.checkbox-danger label:before {
    border-color: #6670bd
}

.checkbox-danger input[type=checkbox]:checked+label:before {
    border-color: #6670bd;
    color: #6670bd
}

.checkbox-danger input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-solid-danger input[type=checkbox]:checked+label:before,.checkbox-solid-danger label:before {
    background-color: #6670bd;
    border-color: #6670bd;
    color: #fff
}

.checkbox-solid-danger input[type=checkbox]:checked+label:after {
    color: #fff
}

.radio-danger input[type=radio]+label:before {
    border-color: #6670bd
}

.radio-danger input[type=radio]+label:after {
    background-color: #6670bd
}

.radio-danger input[type=radio]:checked+label:before {
    border-color: #6670bd
}

.radio-danger input[type=radio]:checked+label:after {
    background-color: #6670bd
}

.checkbox-info label:before {
    border-color: #a927f9
}

.checkbox-info input[type=checkbox]:checked+label:before {
    border-color: #a927f9;
    color: #a927f9
}

.checkbox-info input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-solid-info input[type=checkbox]:checked+label:before,.checkbox-solid-info label:before {
    background-color: #a927f9;
    border-color: #a927f9;
    color: #fff
}

.checkbox-solid-info input[type=checkbox]:checked+label:after {
    color: #fff
}

.radio-info input[type=radio]+label:before {
    border-color: #a927f9
}

.radio-info input[type=radio]+label:after {
    background-color: #a927f9
}

.radio-info input[type=radio]:checked+label:before {
    border-color: #a927f9
}

.radio-info input[type=radio]:checked+label:after {
    background-color: #a927f9
}

.checkbox-light label:before {
    border-color: #f4f4f4
}

.checkbox-light input[type=checkbox]:checked+label:before {
    border-color: #f4f4f4;
    color: #f4f4f4
}

.checkbox-light input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-solid-light input[type=checkbox]:checked+label:before,.checkbox-solid-light label:before {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #fff
}

.checkbox-solid-light input[type=checkbox]:checked+label:after {
    color: #fff
}

.radio-light input[type=radio]+label:before {
    border-color: #f4f4f4
}

.radio-light input[type=radio]+label:after {
    background-color: #f4f4f4
}

.radio-light input[type=radio]:checked+label:before {
    border-color: #f4f4f4
}

.radio-light input[type=radio]:checked+label:after {
    background-color: #f4f4f4
}

.checkbox-dark label:before {
    border-color: #2c323f
}

.checkbox-dark input[type=checkbox]:checked+label:before {
    border-color: #2c323f;
    color: #2c323f
}

.checkbox-dark input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-solid-dark input[type=checkbox]:checked+label:before,.checkbox-solid-dark label:before {
    background-color: #2c323f;
    border-color: #2c323f;
    color: #fff
}

.checkbox-solid-dark input[type=checkbox]:checked+label:after {
    color: #fff
}

.radio-dark input[type=radio]+label:before {
    border-color: #2c323f
}

.radio-dark input[type=radio]+label:after {
    background-color: #2c323f
}

.radio-dark input[type=radio]:checked+label:before {
    border-color: #2c323f
}

.radio-dark input[type=radio]:checked+label:after {
    background-color: #2c323f
}

.checkbox-warning label:before {
    border-color: #747dc6
}

.checkbox-warning input[type=checkbox]:checked+label:before {
    border-color: #747dc6;
    color: #747dc6
}

.checkbox-warning input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox-solid-warning input[type=checkbox]:checked+label:before,.checkbox-solid-warning label:before {
    background-color: #747dc6;
    border-color: #747dc6;
    color: #fff
}

.checkbox-solid-warning input[type=checkbox]:checked+label:after {
    color: #fff
}

.radio-warning input[type=radio]+label:before {
    border-color: #747dc6
}

.radio-warning input[type=radio]+label:after {
    background-color: #747dc6
}

.radio-warning input[type=radio]:checked+label:before {
    border-color: #747dc6
}

.radio-warning input[type=radio]:checked+label:after {
    background-color: #747dc6
}

.m-checkbox-inline .checkbox,.m-checkbox-inline .radio {
    display: inline-block
}

.m-checkbox-inline label {
    margin-right: 20px
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    cursor: pointer
}

.radio label:before {
    content: "";
    width: 19px;
    height: 19px;
    left: 0;
    border: 1px solid #efefef;
    background-color: #fff;
    transition: border .15s ease-in-out
}

.radio label:after,.radio label:before {
    display: inline-block;
    position: absolute;
    margin-left: -20px;
    border-radius: 50%
}

.radio label:after {
    content: " ";
    width: 9px;
    height: 9px;
    left: 5px;
    top: 5px;
    background-color: #898989;
    transform: scale(0);
    transition: transform .1s cubic-bezier(.8,-.33,.2,1.33)
}

.radio input[type=radio] {
    opacity: 0
}

.radio input[type=radio]:focus+label:before {
    outline-offset: -2px
}

.radio input[type=radio]:checked+label:after {
    transform: scale(1)
}

.radio input[type=radio]:disabled+label {
    opacity: .65
}

.radio input[type=radio]:disabled+label:before {
    cursor: not-allowed
}

.radio .radio-inline {
    margin-top: 0
}

.ratio_40 .bg-size:before {
    padding-top: 40%;
    content: "";
    display: block
}

.ratio_45 .bg-size:before {
    padding-top: 45%;
    content: "";
    display: block
}

.ratio2_1 .bg-size:before {
    padding-top: 50%;
    content: "";
    display: block
}

.ratio_55 .bg-size:before {
    padding-top: 55%;
    content: "";
    display: block
}

.ratio_59 .bg-size:before {
    padding-top: 59%;
    content: "";
    display: block
}

.ratio2_3 .bg-size:before {
    padding-top: 60%;
    content: "";
    display: block
}

.ratio3_2 .bg-size:before {
    padding-top: 66.66%;
    content: "";
    display: block
}

.ratio_90 .bg-size:before {
    padding-top: 93%;
    content: "";
    display: block
}

.ratio_landscape .bg-size:before {
    padding-top: 75%;
    content: "";
    display: block
}

.ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block
}

.ratio_asos .bg-size:before {
    padding-top: 127.7777778%;
    content: "";
    display: block
}

.ratio_portrait .bg-size:before {
    padding-top: 150%;
    content: "";
    display: block
}

.ratio1_2 .bg-size:before {
    padding-top: 200%;
    content: "";
    display: block
}

.b-top {
    background-position: top!important
}

.b-bottom {
    background-position: bottom!important
}

.b-center {
    background-position: 50%!important
}

.b-left {
    background-position: 0!important
}

.b-right {
    background-position: 100%!important
}

.b_size_content {
    background-size: contain!important
}

[class*=ribbon-wrapper] {
    position: relative;
    padding-top: 40px
}

.ribbon {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    clear: left;
    position: absolute;
    top: 12px;
    left: 0;
    color: #fff;
    z-index: 2
}

.ribbon-clip {
    left: -14px
}

.ribbon-clip:before {
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-color: #2c323f #2c323f transparent transparent;
    border-style: solid;
    border-width: 7px
}

.ribbon-vertical-left-wrapper {
    padding-left: 40px;
    position: relative
}

.ribbon-vertical-right-wrapper {
    padding-right: 40px
}

.ribbon-wrapper-bottom {
    padding-bottom: 40px;
    padding-top: 0
}

.ribbon-wrapper-right-bottom {
    padding-right: 40px
}

.ribbon-space-bottom {
    top: 0
}

.ribbon-bookmark:before {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border: 15px solid #2c323f;
    border-right: 10px solid transparent
}

.ribbon-right {
    left: auto;
    right: -2px
}

.ribbon-clip-right {
    right: -14px
}

.ribbon-clip-right:before {
    position: absolute;
    top: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border-color: #2c323f #2c323f transparent transparent;
    border-style: solid;
    border-width: 7px
}

.ribbon-clip-bottom {
    left: -14px;
    bottom: 12px;
    top: auto
}

.ribbon-clip-bottom:before {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border-color: #2c323f #2c323f transparent transparent;
    border-style: solid;
    border-width: 7px
}

.ribbon-clip-bottom-right {
    right: -14px;
    left: auto;
    bottom: 12px;
    top: auto
}

.ribbon-clip-bottom-right:before {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 0;
    height: 0;
    content: "";
    border-color: #2c323f #2c323f transparent transparent;
    border-style: solid;
    border-width: 7px
}

.ribbon-bookmark.ribbon-right:before {
    right: 100%;
    left: auto;
    border-right: 15px solid #2c323f;
    border-left: 10px solid transparent
}

.ribbon-vertical-left {
    left: 12px
}

.ribbon-vertical-left,.ribbon-vertical-right {
    clear: none;
    padding: 0 5px;
    height: 70px;
    width: 30px;
    line-height: 70px;
    text-align: center;
    top: -2px
}

.ribbon-vertical-right {
    left: auto;
    right: 12px
}

.ribbon-bookmark.ribbon-vertical-left:before,.ribbon-bookmark.ribbon-vertical-right:before {
    top: 100%;
    left: 0;
    margin-top: -14px;
    border-right: 15px solid #2c323f;
    border-bottom: 10px solid transparent
}

.ribbon-primary {
    background: #4aa4d9
}

.ribbon-bookmark.ribbon-primary:before {
    border-color: #4aa4d9 transparent #4aa4d9 #4aa4d9
}

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
    border-right-color: #4aa4d9;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-primary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-primary:before {
    border-right-color: #4aa4d9;
    border-bottom-color: transparent
}

.ribbon-primary.ribbon-corner:before {
    border-top-color: #4aa4d9;
    border-left-color: #4aa4d9
}

.ribbon-primary.ribbon-corner.ribbon-right:before {
    border-right-color: #4aa4d9;
    border-left-color: transparent
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #4aa4d9
}

.ribbon-primary.ribbon-clip:before {
    border-color: #2a8cc6 #2a8cc6 transparent transparent
}

.ribbon-primary.ribbon-clip-right:before {
    border-right-color: transparent;
    border-top-color: #2a8cc6;
    border-left-color: #2a8cc6
}

.ribbon-primary.ribbon-clip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #2a8cc6;
    border-right-color: #2a8cc6
}

.ribbon-primary.ribbon-clip-bottom-right:before {
    border-color: transparent transparent #2a8cc6 #2a8cc6
}

.ribbon-secondary {
    background: #ef3f3e
}

.ribbon-bookmark.ribbon-secondary:before {
    border-color: #ef3f3e transparent #ef3f3e #ef3f3e
}

.ribbon-bookmark.ribbon-right.ribbon-secondary:before {
    border-right-color: #ef3f3e;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary:before {
    border-right-color: #ef3f3e;
    border-bottom-color: transparent
}

.ribbon-secondary.ribbon-corner:before {
    border-top-color: #ef3f3e;
    border-left-color: #ef3f3e
}

.ribbon-secondary.ribbon-corner.ribbon-right:before {
    border-right-color: #ef3f3e;
    border-left-color: transparent
}

.ribbon-secondary.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #ef3f3e
}

.ribbon-secondary.ribbon-clip:before {
    border-color: #e71413 #e71413 transparent transparent
}

.ribbon-secondary.ribbon-clip-right:before {
    border-right-color: transparent;
    border-top-color: #e71413;
    border-left-color: #e71413
}

.ribbon-secondary.ribbon-clip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #e71413;
    border-right-color: #e71413
}

.ribbon-secondary.ribbon-clip-bottom-right:before {
    border-color: transparent transparent #e71413 #e71413
}

.ribbon-success {
    background: #9e65c2
}

.ribbon-bookmark.ribbon-success:before {
    border-color: #9e65c2 transparent #9e65c2 #9e65c2
}

.ribbon-bookmark.ribbon-right.ribbon-success:before {
    border-right-color: #9e65c2;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-success:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-success:before {
    border-right-color: #9e65c2;
    border-bottom-color: transparent
}

.ribbon-success.ribbon-corner:before {
    border-top-color: #9e65c2;
    border-left-color: #9e65c2
}

.ribbon-success.ribbon-corner.ribbon-right:before {
    border-right-color: #9e65c2;
    border-left-color: transparent
}

.ribbon-success.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #9e65c2
}

.ribbon-success.ribbon-clip:before {
    border-color: #8645af #8645af transparent transparent
}

.ribbon-success.ribbon-clip-right:before {
    border-right-color: transparent;
    border-top-color: #8645af;
    border-left-color: #8645af
}

.ribbon-success.ribbon-clip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #8645af;
    border-right-color: #8645af
}

.ribbon-success.ribbon-clip-bottom-right:before {
    border-color: transparent transparent #8645af #8645af
}

.ribbon-danger {
    background: #6670bd
}

.ribbon-bookmark.ribbon-danger:before {
    border-color: #6670bd transparent #6670bd #6670bd
}

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
    border-right-color: #6670bd;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-danger:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-danger:before {
    border-right-color: #6670bd;
    border-bottom-color: transparent
}

.ribbon-danger.ribbon-corner:before {
    border-top-color: #6670bd;
    border-left-color: #6670bd
}

.ribbon-danger.ribbon-corner.ribbon-right:before {
    border-right-color: #6670bd;
    border-left-color: transparent
}

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #6670bd
}

.ribbon-danger.ribbon-clip:before {
    border-color: #4853a8 #4853a8 transparent transparent
}

.ribbon-danger.ribbon-clip-right:before {
    border-right-color: transparent;
    border-top-color: #4853a8;
    border-left-color: #4853a8
}

.ribbon-danger.ribbon-clip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #4853a8;
    border-right-color: #4853a8
}

.ribbon-danger.ribbon-clip-bottom-right:before {
    border-color: transparent transparent #4853a8 #4853a8
}

.ribbon-info {
    background: #a927f9
}

.ribbon-bookmark.ribbon-info:before {
    border-color: #a927f9 transparent #a927f9 #a927f9
}

.ribbon-bookmark.ribbon-right.ribbon-info:before {
    border-right-color: #a927f9;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
    border-right-color: #a927f9;
    border-bottom-color: transparent
}

.ribbon-info.ribbon-corner:before {
    border-top-color: #a927f9;
    border-left-color: #a927f9
}

.ribbon-info.ribbon-corner.ribbon-right:before {
    border-right-color: #a927f9;
    border-left-color: transparent
}

.ribbon-info.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #a927f9
}

.ribbon-info.ribbon-clip:before {
    border-color: #9106e7 #9106e7 transparent transparent
}

.ribbon-info.ribbon-clip-right:before {
    border-right-color: transparent;
    border-top-color: #9106e7;
    border-left-color: #9106e7
}

.ribbon-info.ribbon-clip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #9106e7;
    border-right-color: #9106e7
}

.ribbon-info.ribbon-clip-bottom-right:before {
    border-color: transparent transparent #9106e7 #9106e7
}

.ribbon-light {
    background: #f4f4f4
}

.ribbon-bookmark.ribbon-light:before {
    border-color: #f4f4f4 transparent #f4f4f4 #f4f4f4
}

.ribbon-bookmark.ribbon-right.ribbon-light:before {
    border-right-color: #f4f4f4;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-light:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-light:before {
    border-right-color: #f4f4f4;
    border-bottom-color: transparent
}

.ribbon-light.ribbon-corner:before {
    border-top-color: #f4f4f4;
    border-left-color: #f4f4f4
}

.ribbon-light.ribbon-corner.ribbon-right:before {
    border-right-color: #f4f4f4;
    border-left-color: transparent
}

.ribbon-light.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #f4f4f4
}

.ribbon-light.ribbon-clip:before {
    border-color: #dbdbdb #dbdbdb transparent transparent
}

.ribbon-light.ribbon-clip-right:before {
    border-right-color: transparent;
    border-top-color: #dbdbdb;
    border-left-color: #dbdbdb
}

.ribbon-light.ribbon-clip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #dbdbdb;
    border-right-color: #dbdbdb
}

.ribbon-light.ribbon-clip-bottom-right:before {
    border-color: transparent transparent #dbdbdb #dbdbdb
}

.ribbon-dark {
    background: #2c323f
}

.ribbon-bookmark.ribbon-dark:before {
    border-color: #2c323f transparent #2c323f #2c323f
}

.ribbon-bookmark.ribbon-right.ribbon-dark:before {
    border-right-color: #2c323f;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-dark:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-dark:before {
    border-right-color: #2c323f;
    border-bottom-color: transparent
}

.ribbon-dark.ribbon-corner:before {
    border-top-color: #2c323f;
    border-left-color: #2c323f
}

.ribbon-dark.ribbon-corner.ribbon-right:before {
    border-right-color: #2c323f;
    border-left-color: transparent
}

.ribbon-dark.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #2c323f
}

.ribbon-dark.ribbon-clip:before {
    border-color: #171a21 #171a21 transparent transparent
}

.ribbon-dark.ribbon-clip-right:before {
    border-right-color: transparent;
    border-top-color: #171a21;
    border-left-color: #171a21
}

.ribbon-dark.ribbon-clip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #171a21;
    border-right-color: #171a21
}

.ribbon-dark.ribbon-clip-bottom-right:before {
    border-color: transparent transparent #171a21 #171a21
}

.ribbon-warning {
    background: #747dc6
}

.ribbon-bookmark.ribbon-warning:before {
    border-color: #747dc6 transparent #747dc6 #747dc6
}

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
    border-right-color: #747dc6;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-vertical-left.ribbon-warning:before,.ribbon-bookmark.ribbon-vertical-right.ribbon-warning:before {
    border-right-color: #747dc6;
    border-bottom-color: transparent
}

.ribbon-warning.ribbon-corner:before {
    border-top-color: #747dc6;
    border-left-color: #747dc6
}

.ribbon-warning.ribbon-corner.ribbon-right:before {
    border-right-color: #747dc6;
    border-left-color: transparent
}

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #747dc6
}

.ribbon-warning.ribbon-clip:before {
    border-color: #505bb7 #505bb7 transparent transparent
}

.ribbon-warning.ribbon-clip-right:before {
    border-right-color: transparent;
    border-top-color: #505bb7;
    border-left-color: #505bb7
}

.ribbon-warning.ribbon-clip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #505bb7;
    border-right-color: #505bb7
}

.ribbon-warning.ribbon-clip-bottom-right:before {
    border-color: transparent transparent #505bb7 #505bb7
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.switch input {
    display: none
}

.switch input:checked+.switch-state {
    background-color: var(--theme-deafult)
}

.switch input:checked+.switch-state:before {
    transform: translateX(26px)
}

.switch input:focus+.switch-state {
    box-shadow: 0 0 1px var(--theme-deafult)
}

.switch-state {
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f4f4
}

.switch-state,.switch-state:before {
    border-radius: 20px;
    position: absolute;
    transition: .4s
}

.switch-state:before {
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff
}

.icon-state .switch-state:after {
    content: "";
    font-family: IcoFont;
    left: 10px;
    position: absolute;
    top: 10px;
    color: #2c323f;
    transition: .4s;
    opacity: .3
}

.icon-state input:checked+.switch-state:after {
    content: "";
    left: 36px;
    opacity: 1;
    transition: .4s
}

.switch-lg .switch {
    width: 75px;
    height: 40px
}

.switch-lg .switch .switch-state:before {
    height: 30px;
    width: 30px;
    left: 7px;
    bottom: 5px;
    top: 4px
}

.switch-lg.icon-state .switch .switch-state:after {
    left: 12px;
    font-size: 18px
}

.switch-lg.icon-state .switch input:checked+.switch-state:after {
    left: 47px
}

.switch-lg.icon-state .switch input:checked+.switch-state:before {
    transform: translateX(32px)
}

.switch-sm.icon-state .switch .switch-state:after {
    top: 4px;
    left: 4px;
    font-size: 8px
}

.switch-sm.icon-state .switch input:checked+.switch-state:after {
    left: 13px;
    top: 4px
}

.switch-sm .switch {
    width: 25px;
    height: 16px;
    margin-top: 10px;
    margin-bottom: 0
}

.switch-sm .switch .switch-state:before {
    height: 8px;
    width: 8px;
    left: 4px;
    bottom: 4px
}

.switch-sm input:checked+.switch-state:before {
    left: -13px
}

.switch-outline .switch-state {
    background-color: #fff;
    border: 1px solid var(--theme-deafult);
    transition: .4s
}

.switch-outline .switch-state:before {
    background-color: #f4f4f4;
    bottom: 3px;
    color: #fff
}

.switch-outline .switch input {
    display: none
}

.switch-outline .switch input:checked+.switch-state {
    background-color: transparent;
    border: 1px solid var(--theme-deafult)
}

.switch-outline .switch input:checked+.switch-state:before {
    background-color: var(--theme-deafult);
    bottom: 3px;
    transform: translateX(26px)
}

.switch-outline .switch input:checked+.switch-state:after {
    color: #fff
}

.switch-outline .switch input:checked+.switch-state.bg-dark,.switch-outline .switch-state.bg-dark {
    border: 1px solid #2c323f;
    background-color: transparent!important
}

.switch-outline .switch input:checked+.switch-state.bg-dark:before {
    background-color: #2c323f
}

.switch-outline .switch input:checked+.switch-state.bg-warning,.switch-outline .switch-state.bg-warning {
    border: 1px solid #747dc6;
    background-color: transparent!important
}

.switch-outline .switch input:checked+.switch-state.bg-warning:before {
    background-color: #747dc6
}

.switch-outline .switch input:checked+.switch-state.bg-success,.switch-outline .switch-state.bg-success {
    border: 1px solid #9e65c2;
    background-color: transparent!important
}

.switch-outline .switch input:checked+.switch-state.bg-success:before {
    background-color: #9e65c2
}

.switch-outline .switch input:checked+.switch-state.bg-info,.switch-outline .switch-state.bg-info {
    border: 1px solid #a927f9;
    background-color: transparent!important
}

.switch-outline .switch input:checked+.switch-state.bg-info:before {
    background-color: #a927f9
}

.switch-outline .switch input:checked+.switch-state.bg-danger,.switch-outline .switch-state.bg-danger {
    border: 1px solid #6670bd;
    background-color: transparent!important
}

.switch-outline .switch input:checked+.switch-state.bg-danger:before {
    background-color: #6670bd
}

.switch-outline .switch input:checked+.switch-state.bg-primary,.switch-outline .switch-state.bg-primary {
    border: 1px solid var(--theme-deafult);
    background-color: transparent!important
}

.switch-outline .switch input:checked+.switch-state.bg-primary:before {
    background-color: var(--theme-deafult)
}

.switch-outline .switch input:checked+.switch-state.bg-secondary,.switch-outline .switch-state.bg-secondary {
    border: 1px solid var(--theme-secondary);
    background-color: transparent!important
}

.switch-outline .switch input:checked+.switch-state.bg-secondary:before {
    background-color: var(--theme-secondary)
}

.switch-showcase {
    margin-bottom: -8px
}

.switch-showcase .media {
    line-height: 1
}

.switch-showcase .form-check .form-check-input {
    float: right
}

.form-switch .form-check-input:checked {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult)
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: var(--theme-deafult)
}

.nav i {
    margin-right: 10px
}

.nav-right {
    justify-content: flex-end
}

.nav-pills.nav-theme .nav-link,.nav-theme .nav-link {
    color: var(--theme-deafult)
}

.nav-pills.nav-theme .nav-link.active,.nav-pills.nav-theme .show>.nav-link,.nav-theme .nav-link.active,.nav-theme .show>.nav-link {
    background-color: var(--theme-deafult);
    color: #fff
}

.nav-pills.nav-primary .nav-link,.nav-primary .nav-link {
    color: var(--theme-deafult)
}

.nav-pills.nav-primary .nav-link.active,.nav-pills.nav-primary .show>.nav-link,.nav-primary .nav-link.active,.nav-primary .show>.nav-link {
    background-color: var(--theme-deafult);
    color: #fff
}

.nav-pills.nav-secondary .nav-link,.nav-secondary .nav-link {
    color: #ef3f3e
}

.nav-pills.nav-secondary .nav-link.active,.nav-pills.nav-secondary .show>.nav-link,.nav-secondary .nav-link.active,.nav-secondary .show>.nav-link {
    background-color: #ef3f3e;
    color: #fff
}

.nav-pills.nav-success .nav-link,.nav-success .nav-link {
    color: #9e65c2
}

.nav-pills.nav-success .nav-link.active,.nav-pills.nav-success .show>.nav-link,.nav-success .nav-link.active,.nav-success .show>.nav-link {
    background-color: #9e65c2;
    color: #fff
}

.nav-danger .nav-link,.nav-pills.nav-danger .nav-link {
    color: #6670bd
}

.nav-danger .nav-link.active,.nav-danger .show>.nav-link,.nav-pills.nav-danger .nav-link.active,.nav-pills.nav-danger .show>.nav-link {
    background-color: #6670bd;
    color: #fff
}

.nav-info .nav-link,.nav-pills.nav-info .nav-link {
    color: #a927f9
}

.nav-info .nav-link.active,.nav-info .show>.nav-link,.nav-pills.nav-info .nav-link.active,.nav-pills.nav-info .show>.nav-link {
    background-color: #a927f9;
    color: #fff
}

.nav-light .nav-link,.nav-pills.nav-light .nav-link {
    color: #f4f4f4
}

.nav-light .nav-link.active,.nav-light .show>.nav-link,.nav-pills.nav-light .nav-link.active,.nav-pills.nav-light .show>.nav-link {
    background-color: #f4f4f4;
    color: #fff
}

.nav-dark .nav-link,.nav-pills.nav-dark .nav-link {
    color: #2c323f
}

.nav-dark .nav-link.active,.nav-dark .show>.nav-link,.nav-pills.nav-dark .nav-link.active,.nav-pills.nav-dark .show>.nav-link {
    background-color: #2c323f;
    color: #fff
}

.nav-pills.nav-warning .nav-link,.nav-warning .nav-link {
    color: #747dc6
}

.nav-pills.nav-warning .nav-link.active,.nav-pills.nav-warning .show>.nav-link,.nav-warning .nav-link.active,.nav-warning .show>.nav-link {
    background-color: #747dc6;
    color: #fff
}

.nav-tabs.nav-bottom .nav-item .nav-link.active,.nav-tabs.nav-bottom .nav-item .nav-link.focus,.nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #fff #dee2e6 #dee2e6
}

.tab-content~.nav-tabs.border-tab {
    margin-bottom: 0;
    margin-top: 30px
}

.border-tab.nav-tabs {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 30px
}

.border-tab.nav-tabs .nav-item .nav-link {
    font-size: 16px;
    color: #2c323f;
    text-align: center;
    padding: 10px 25px;
    border: none;
    transition: .3s
}

.border-tab.nav-tabs .nav-item .nav-link.active,.border-tab.nav-tabs .nav-item .nav-link.show,.border-tab.nav-tabs .nav-item .nav-link:focus,.border-tab.nav-tabs .nav-item .nav-link:hover {
    color: var(--theme-deafult)
}

.border-tab.nav-tabs .nav-item .nav-link.active,.border-tab.nav-tabs .nav-item .nav-link.show,.border-tab.nav-tabs .nav-item .nav-link:focus {
    border-bottom: none
}

.border-tab.nav-left .nav-link {
    border-left: 2px solid transparent;
    transition: all .3s ease;
    color: #2c323f
}

.border-tab.nav-left .nav-link.active,.border-tab.nav-left .show>.nav-link {
    background-color: transparent;
    border-left-color: var(--theme-deafult);
    color: var(--theme-deafult);
    border-radius: 0;
    transition: all .3s ease
}

.border-tab.nav-right .nav-link {
    border-right: 2px solid transparent;
    transition: all .3s ease;
    color: #2c323f;
    text-align: right
}

.border-tab.nav-right .nav-link.active,.border-tab.nav-right .show>.nav-link {
    background-color: transparent;
    border-right-color: var(--theme-deafult);
    color: var(--theme-deafult);
    border-radius: 0;
    transition: all .3s ease
}

.border-tab.nav-theme .nav-item.show,.border-tab.nav-theme .nav-link.active,.border-tab.nav-theme .nav-link:focus,.border-tab.nav-theme .nav-link:hover {
    color: var(--theme-deafult);
    background-color: transparent
}

.border-tab.nav-theme .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-theme .nav-item .nav-link.active,.border-tab.nav-theme .nav-item .nav-link.show,.border-tab.nav-theme .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult)
}

.border-tab.nav-theme .nav-item .nav-link.active,.border-tab.nav-theme .nav-item .nav-link.show,.border-tab.nav-theme .nav-item .nav-link:focus,.border-tab.nav-theme .nav-item .nav-link:hover {
    color: var(--theme-deafult)
}

.border-tab.nav-left.nav-theme .nav-link.active,.border-tab.nav-left.nav-theme .show>.nav-link {
    border-left-color: var(--theme-deafult);
    color: var(--theme-deafult)
}

.border-tab.nav-right.nav-theme .nav-link.active,.border-tab.nav-right.nav-theme .show>.nav-link {
    border-right-color: var(--theme-deafult);
    color: var(--theme-deafult)
}

.border-tab.nav-primary .nav-item.show,.border-tab.nav-primary .nav-link.active,.border-tab.nav-primary .nav-link:focus,.border-tab.nav-primary .nav-link:hover {
    color: var(--theme-deafult);
    background-color: transparent
}

.border-tab.nav-primary .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-primary .nav-item .nav-link.active,.border-tab.nav-primary .nav-item .nav-link.show,.border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 2px solid var(--theme-deafult)
}

.border-tab.nav-primary .nav-item .nav-link.active,.border-tab.nav-primary .nav-item .nav-link.show,.border-tab.nav-primary .nav-item .nav-link:focus,.border-tab.nav-primary .nav-item .nav-link:hover {
    color: var(--theme-deafult)
}

.border-tab.nav-left.nav-primary .nav-link.active,.border-tab.nav-left.nav-primary .show>.nav-link {
    border-left-color: var(--theme-deafult);
    color: var(--theme-deafult)
}

.border-tab.nav-right.nav-primary .nav-link.active,.border-tab.nav-right.nav-primary .show>.nav-link {
    border-right-color: var(--theme-deafult);
    color: var(--theme-deafult)
}

.border-tab.nav-secondary .nav-item.show,.border-tab.nav-secondary .nav-link.active,.border-tab.nav-secondary .nav-link:focus,.border-tab.nav-secondary .nav-link:hover {
    color: #ef3f3e;
    background-color: transparent
}

.border-tab.nav-secondary .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-secondary .nav-item .nav-link.active,.border-tab.nav-secondary .nav-item .nav-link.show,.border-tab.nav-secondary .nav-item .nav-link:focus {
    border-bottom: 2px solid #ef3f3e
}

.border-tab.nav-secondary .nav-item .nav-link.active,.border-tab.nav-secondary .nav-item .nav-link.show,.border-tab.nav-secondary .nav-item .nav-link:focus,.border-tab.nav-secondary .nav-item .nav-link:hover {
    color: #ef3f3e
}

.border-tab.nav-left.nav-secondary .nav-link.active,.border-tab.nav-left.nav-secondary .show>.nav-link {
    border-left-color: #ef3f3e;
    color: #ef3f3e
}

.border-tab.nav-right.nav-secondary .nav-link.active,.border-tab.nav-right.nav-secondary .show>.nav-link {
    border-right-color: #ef3f3e;
    color: #ef3f3e
}

.border-tab.nav-success .nav-item.show,.border-tab.nav-success .nav-link.active,.border-tab.nav-success .nav-link:focus,.border-tab.nav-success .nav-link:hover {
    color: #9e65c2;
    background-color: transparent
}

.border-tab.nav-success .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-success .nav-item .nav-link.active,.border-tab.nav-success .nav-item .nav-link.show,.border-tab.nav-success .nav-item .nav-link:focus {
    border-bottom: 2px solid #9e65c2
}

.border-tab.nav-success .nav-item .nav-link.active,.border-tab.nav-success .nav-item .nav-link.show,.border-tab.nav-success .nav-item .nav-link:focus,.border-tab.nav-success .nav-item .nav-link:hover {
    color: #9e65c2
}

.border-tab.nav-left.nav-success .nav-link.active,.border-tab.nav-left.nav-success .show>.nav-link {
    border-left-color: #9e65c2;
    color: #9e65c2
}

.border-tab.nav-right.nav-success .nav-link.active,.border-tab.nav-right.nav-success .show>.nav-link {
    border-right-color: #9e65c2;
    color: #9e65c2
}

.border-tab.nav-danger .nav-item.show,.border-tab.nav-danger .nav-link.active,.border-tab.nav-danger .nav-link:focus,.border-tab.nav-danger .nav-link:hover {
    color: #6670bd;
    background-color: transparent
}

.border-tab.nav-danger .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-danger .nav-item .nav-link.active,.border-tab.nav-danger .nav-item .nav-link.show,.border-tab.nav-danger .nav-item .nav-link:focus {
    border-bottom: 2px solid #6670bd
}

.border-tab.nav-danger .nav-item .nav-link.active,.border-tab.nav-danger .nav-item .nav-link.show,.border-tab.nav-danger .nav-item .nav-link:focus,.border-tab.nav-danger .nav-item .nav-link:hover {
    color: #6670bd
}

.border-tab.nav-left.nav-danger .nav-link.active,.border-tab.nav-left.nav-danger .show>.nav-link {
    border-left-color: #6670bd;
    color: #6670bd
}

.border-tab.nav-right.nav-danger .nav-link.active,.border-tab.nav-right.nav-danger .show>.nav-link {
    border-right-color: #6670bd;
    color: #6670bd
}

.border-tab.nav-info .nav-item.show,.border-tab.nav-info .nav-link.active,.border-tab.nav-info .nav-link:focus,.border-tab.nav-info .nav-link:hover {
    color: #a927f9;
    background-color: transparent
}

.border-tab.nav-info .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-info .nav-item .nav-link.active,.border-tab.nav-info .nav-item .nav-link.show,.border-tab.nav-info .nav-item .nav-link:focus {
    border-bottom: 2px solid #a927f9
}

.border-tab.nav-info .nav-item .nav-link.active,.border-tab.nav-info .nav-item .nav-link.show,.border-tab.nav-info .nav-item .nav-link:focus,.border-tab.nav-info .nav-item .nav-link:hover {
    color: #a927f9
}

.border-tab.nav-left.nav-info .nav-link.active,.border-tab.nav-left.nav-info .show>.nav-link {
    border-left-color: #a927f9;
    color: #a927f9
}

.border-tab.nav-right.nav-info .nav-link.active,.border-tab.nav-right.nav-info .show>.nav-link {
    border-right-color: #a927f9;
    color: #a927f9
}

.border-tab.nav-light .nav-item.show,.border-tab.nav-light .nav-link.active,.border-tab.nav-light .nav-link:focus,.border-tab.nav-light .nav-link:hover {
    color: #f4f4f4;
    background-color: transparent
}

.border-tab.nav-light .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-light .nav-item .nav-link.active,.border-tab.nav-light .nav-item .nav-link.show,.border-tab.nav-light .nav-item .nav-link:focus {
    border-bottom: 2px solid #f4f4f4
}

.border-tab.nav-light .nav-item .nav-link.active,.border-tab.nav-light .nav-item .nav-link.show,.border-tab.nav-light .nav-item .nav-link:focus,.border-tab.nav-light .nav-item .nav-link:hover {
    color: #f4f4f4
}

.border-tab.nav-left.nav-light .nav-link.active,.border-tab.nav-left.nav-light .show>.nav-link {
    border-left-color: #f4f4f4;
    color: #f4f4f4
}

.border-tab.nav-right.nav-light .nav-link.active,.border-tab.nav-right.nav-light .show>.nav-link {
    border-right-color: #f4f4f4;
    color: #f4f4f4
}

.border-tab.nav-dark .nav-item.show,.border-tab.nav-dark .nav-link.active,.border-tab.nav-dark .nav-link:focus,.border-tab.nav-dark .nav-link:hover {
    color: #2c323f;
    background-color: transparent
}

.border-tab.nav-dark .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-dark .nav-item .nav-link.active,.border-tab.nav-dark .nav-item .nav-link.show,.border-tab.nav-dark .nav-item .nav-link:focus {
    border-bottom: 2px solid #2c323f
}

.border-tab.nav-dark .nav-item .nav-link.active,.border-tab.nav-dark .nav-item .nav-link.show,.border-tab.nav-dark .nav-item .nav-link:focus,.border-tab.nav-dark .nav-item .nav-link:hover {
    color: #2c323f
}

.border-tab.nav-left.nav-dark .nav-link.active,.border-tab.nav-left.nav-dark .show>.nav-link {
    border-left-color: #2c323f;
    color: #2c323f
}

.border-tab.nav-right.nav-dark .nav-link.active,.border-tab.nav-right.nav-dark .show>.nav-link {
    border-right-color: #2c323f;
    color: #2c323f
}

.border-tab.nav-warning .nav-item.show,.border-tab.nav-warning .nav-link.active,.border-tab.nav-warning .nav-link:focus,.border-tab.nav-warning .nav-link:hover {
    color: #747dc6;
    background-color: transparent
}

.border-tab.nav-warning .nav-item .nav-link {
    transition: .3s
}

.border-tab.nav-warning .nav-item .nav-link.active,.border-tab.nav-warning .nav-item .nav-link.show,.border-tab.nav-warning .nav-item .nav-link:focus {
    border-bottom: 2px solid #747dc6
}

.border-tab.nav-warning .nav-item .nav-link.active,.border-tab.nav-warning .nav-item .nav-link.show,.border-tab.nav-warning .nav-item .nav-link:focus,.border-tab.nav-warning .nav-item .nav-link:hover {
    color: #747dc6
}

.border-tab.nav-left.nav-warning .nav-link.active,.border-tab.nav-left.nav-warning .show>.nav-link {
    border-left-color: #747dc6;
    color: #747dc6
}

.border-tab.nav-right.nav-warning .nav-link.active,.border-tab.nav-right.nav-warning .show>.nav-link {
    border-right-color: #747dc6;
    color: #747dc6
}

.tabbed-card ul {
    position: absolute;
    right: 22px;
    top: 33px;
    border-bottom: none
}

.tabbed-card ul.border-tab.nav-tabs {
    top: 12px
}

.tabbed-card ul.border-tab.nav-tabs .nav-item {
    float: right
}

.tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link {
    padding: 32px 15px
}

tbody,td,tfoot,th,thead,tr {
    vertical-align: middle
}

.pills-component {
    width: 20%
}

.table {
    margin-bottom: 0
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: inherit
}

.table td,.table th {
    padding: .75rem;
    --bs-table-bg-type: unset!important;
    background-color: unset
}

.table thead.bg-primary tr th,.table.table-primary th {
    color: #fff
}

.table th {
    font-weight: 600;
    font-size: 13px;
    background-color: unset
}

.labletext{
    font-size: 16px;
    font-weight: 600;
    color: #a25d2c;
    text-transform: uppercase;
}

.textColor{
   color: #a25d2c;
    text-transform: uppercase;
    border: 2px solid; 
}

.table td,.table th {
    color: #2b2b2b
}

.table td a i {
    font-size: 18px;
    color: #707070
}

.table td a span {
    color: #2b2b2b
}

.table [class*=bg-] {
    color: #fff
}

.table .bg-light {
    color: #2b2b2b
}

.table tfoot {
    font-weight: 700
}

.table-dark th {
    color: #fff
}

.table-inverse {
    color: #fff;
    background-color: #292b2c
}

.table-inverse td,.table-inverse th {
    border-color: #fff;
    color: #fff
}

.table-inverse.table-bordered {
    border: 0
}

.table[class*=bg-] td,.table[class*=bg-] th {
    color: #fff
}

.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: #f6f6f6
}

.table-double {
    border-left: 4px double #dee2e6;
    border-right: 4px double #dee2e6
}

.table-double tbody,.table-double td,.table-double tfoot,.table-double th,.table-double thead,.table-double tr {
    border-style: double;
    border-width: 4px;
    border-right: 0;
    border-left: 0
}

.table-dotted {
    border-left: 2px dotted #dee2e6;
    border-right: 2px dotted #dee2e6
}

.table-dotted tbody,.table-dotted td,.table-dotted tfoot,.table-dotted th,.table-dotted thead,.table-dotted tr {
    border-style: dotted!important;
    border-width: 2px;
    border-right: 0;
    border-left: 0
}

.table-dashed {
    border-left: 2px dashed #dee2e6;
    border-right: 2px dashed #dee2e6
}

.table-dashed tbody,.table-dashed td,.table-dashed tfoot,.table-dashed th,.table-dashed thead,.table-dashed tr {
    border-style: dashed!important;
    border-width: 2px;
    border-right: 0;
    border-left: 0
}

.table-xl td,.table-xl th {
    padding: 1.25rem 2rem;
    font-size: 120%
}

.table-lg td,.table-lg th {
    padding: .9rem 2rem;
    font-size: 110%
}

.table-de td,.table-de th {
    padding: .75rem 2rem
}

.table-sm td,.table-sm th {
    padding: .5rem 2rem;
    font-size: 90%
}

.table-xs td,.table-xs th {
    padding: .2rem 2rem;
    font-size: 80%
}

.table-border-horizontal td,.table-border-horizontal th,.table-border-horizontal tr {
    border-top: 1px solid #f2f4ff;
    padding: .75rem 2rem
}

.table-border-vertical td,.table-border-vertical th,.table-border-vertical tr {
    border-top: 0;
    border-right: 1px solid #f2f4ff
}

.table-border-vertical tr td {
    border-bottom: 0
}

.table-border-vertical tr td:last-child {
    border-right: none
}

.table-border-vertical tbody tr th {
    border-bottom: 0
}

.table-bordernone td,.table-bordernone thead th {
    border: none!important
}

.table-bordernone .u-s-tb {
    padding: 11px
}

.table-striped tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgba(245,247,250,.5)
}

.table-bordered tbody,.table-bordered td,.table-bordered tfoot,.table-bordered th,.table-bordered thead,.table-bordered tr {
    border-color: #f2f4ff
}

table tr th {
    font-weight: 600
}

.all-package thead tr th {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.all-package thead tr th:first-child {
    min-width: 117px
}

.all-package thead tr th:nth-child(4) {
    min-width: 127px
}

.all-package tbody tr td a {
    color: inherit!important
}

.all-package tbody tr td:nth-child(2) a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px
}

.all-package tbody tr td:nth-child(3) {
    color: #4aa4d9
}

.all-package tbody tr td span img {
    width: 70px;
    border-radius: 4px;
    height: 45px;
    object-fit: cover
}

.all-package-catogories tbody tr td:nth-child(2),.all-package-catogories tbody tr td:nth-child(3),.all-package-catogories tbody tr th:nth-child(2),.all-package-catogories tbody tr th:nth-child(3),.all-package-catogories thead tr td:nth-child(2),.all-package-catogories thead tr td:nth-child(3),.all-package-catogories thead tr th:nth-child(2),.all-package-catogories thead tr th:nth-child(3) {
    min-width: 200px
}

.all-package-catogories tbody tr td:nth-child(4),.all-package-catogories tbody tr th:nth-child(4),.all-package-catogories thead tr td:nth-child(4),.all-package-catogories thead tr th:nth-child(4) {
    min-width: 130px
}

.all-package-catogories tbody tr th,.all-package-catogories thead tr th {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.all-package-catogories tbody tr td:nth-child(3) {
    color: #4aa4d9
}

.all-hotel-table tbody tr td span img {
    width: 70px;
    border-radius: 4px;
    height: 45px;
    object-fit: cover
}

.all-hotel-table tbody tr td:nth-child(2),.all-hotel-table tbody tr td:nth-child(3),.all-hotel-table tbody tr th:nth-child(2),.all-hotel-table tbody tr th:nth-child(3),.all-hotel-table thead tr td:nth-child(2),.all-hotel-table thead tr td:nth-child(3),.all-hotel-table thead tr th:nth-child(2),.all-hotel-table thead tr th:nth-child(3) {
    min-width: 200px
}

.all-hotel-table tbody tr th,.all-hotel-table thead tr th {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.all-restaurant-table tbody tr td span img {
    width: 70px;
    border-radius: 4px;
    height: 45px;
    object-fit: cover
}

.all-restaurant-table tbody tr td:nth-child(2),.all-restaurant-table tbody tr td:nth-child(4),.all-restaurant-table tbody tr th:nth-child(2),.all-restaurant-table tbody tr th:nth-child(4),.all-restaurant-table thead tr td:nth-child(2),.all-restaurant-table thead tr td:nth-child(4),.all-restaurant-table thead tr th:nth-child(2),.all-restaurant-table thead tr th:nth-child(4) {
    min-width: 200px
}

.all-restaurant-table tbody tr th,.all-restaurant-table thead tr th {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.user-table thead {
    background-color: #4aa4d9
}

.user-table thead tr th {
    color: #fff
}

.user-table thead tr th:nth-child(6),.user-table thead tr th:nth-child(7),.user-table thead tr th:nth-child(8),.user-table thead tr th:nth-child(9) {
    text-align: center
}

.user-table tbody td:nth-child(5) {
    min-width: 140px
}

.user-table tbody tr td:nth-child(6),.user-table tbody tr td:nth-child(8) {
    text-align: center
}

.user-table tbody tr td:nth-child(6) a i,.user-table tbody tr td:nth-child(8) a i {
    color: #4aa4d9
}

.user-table tbody tr td:nth-child(7) {
    text-align: center
}

.user-table tbody tr td:nth-child(7) a i {
    color: #747dc6
}

.user-table tbody tr td:nth-child(9) {
    text-align: center
}

.user-table tbody tr td:nth-child(9) a i {
    color: #ef3f3e
}

.user-table tbody tr td span img {
    width: 45px;
    border-radius: 100%;
    height: 45px;
    object-fit: cover
}

.menu-table tbody tr td span img {
    width: 70px;
    border-radius: 4px;
    height: 45px;
    object-fit: cover
}

.menu-table tbody tr td:nth-child(2),.menu-table tbody tr td:nth-child(3),.menu-table tbody tr th:nth-child(2),.menu-table tbody tr th:nth-child(3),.menu-table thead tr td:nth-child(2),.menu-table thead tr td:nth-child(3),.menu-table thead tr th:nth-child(2),.menu-table thead tr th:nth-child(3) {
    min-width: 260px
}

.menu-table tbody tr td:nth-child(4),.menu-table tbody tr th:nth-child(4),.menu-table thead tr td:nth-child(4),.menu-table thead tr th:nth-child(4) {
    min-width: 115px
}

.menu-table tbody tr th,.menu-table thead tr th {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.all-cars-table tbody tr td span img {
    width: auto;
    height: 32px;
    border-radius: none
}

.all-cars-table tbody tr td:nth-child(2),.all-cars-table tbody tr td:nth-child(3),.all-cars-table tbody tr th:nth-child(2),.all-cars-table tbody tr th:nth-child(3),.all-cars-table thead tr td:nth-child(2),.all-cars-table thead tr td:nth-child(3),.all-cars-table thead tr th:nth-child(2),.all-cars-table thead tr th:nth-child(3) {
    min-width: 200px
}

.all-cars-table tbody tr th,.all-cars-table thead tr th {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.Booking-table thead tr th:nth-child(n+6) {
    text-align: center
}

.Booking-table tbody tr td:nth-child(2) {
    min-width: 200px
}

.Booking-table tbody tr td:nth-child(4) {
    min-width: 130px
}

.Booking-table tbody tr td:nth-child(n+6) {
    text-align: center
}

.Booking-table tbody tr th {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.Booking-table tbody tr td:nth-child(6) svg {
    cursor: pointer;
    color: rgba(43,43,43,.71)
}

.Booking-table tbody tr td i {
    font-size: 20px;
    opacity: .5
}

.Booking-table tbody tr td:nth-child(n+6) svg {
    width: 20px;
    height: 20px
}

.Booking-table .status {
    color: #fff;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 12px
}

.Booking-table .status--upcoming {
    background-color: #3ccbf0
}

.Booking-table .status--past {
    background-color: #198754
}

.Booking-table .status--cancel {
    background-color: #6c757d
}

.tooltip .tooltip-inner {
    background-color: #000!important;
    color: #fff!important
}

.tooltip-arrow:before {
    border-left-color: #000!important
}

.dashboard-table.table tbody tr td {
    border-bottom: none
}

.dashboard-table tbody tr {
    font-size: 12px
}

.dashboard-table tbody tr td:first-child {
    width: 90px
}

.dashboard-table tbody tr td:first-child img {
    width: 65px;
    height: 45px;
    border-radius: 5px
}

.dashboard-table tbody tr td:nth-child(2) span {
    display: block;
    margin-left: 10px
}

.dashboard-table tbody tr td:nth-child(2) span:first-child {
    font-weight: 600;
    font-size: 14px
}

.dashboard-table tbody tr td:nth-child(2) .subtitle,.dashboard-table tbody tr td:nth-child(2) span+span {
    color: #999
}

.dashboard-table tbody tr td:nth-child(4) span svg,.dashboard-table tbody tr td:nth-child(6) span svg {
    fill: #4aa4d9;
    height: 25px;
    width: 25px;
    vertical-align: bottom;
    margin-right: 10px
}

.dashboard-table tbody tr td:nth-child(8) span {
    color: #999
}

.dashboard-table tbody tr td:nth-child(7) span {
    color: #fff
}

.dashboard-table tbody tr td:nth-child(5) {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dashboard-table tbody tr td:nth-child(5) span:first-child {
    margin-top: 29px;
    margin-bottom: 5px;
    display: block;
    width: 140px;
    height: 2px;
    background-color: hsla(0,0%,60%,.4)
}

.dashboard-table tbody tr td:nth-child(5) span+span {
    color: #999
}

.all-driver-table tbody tr td:nth-child(4) {
    min-width: 290px!important;
    min-width: 140px
}

.all-driver-table tbody tr td:nth-child(4) span {
    display: inline-block
}

.all-driver-table tbody tr td:nth-child(4) i {
    color: #4aa4d9;
    margin-right: 10px
}

.all-driver-table tbody tr td:nth-child(4) .line {
    height: 1px;
    width: 60px;
    vertical-align: inherit;
    margin: 0 5px;
    display: inline-block;
    background-color: hsla(0,0%,60%,.3)
}

table {
    border: 1px solid hsla(0,0%,60%,.3)
}

.all-hotel-table tbody tr td:nth-child(2) a span:first-child,.all-restaurant-table tbody tr td:nth-child(2) a span:first-child,.user-table tbody tr td:nth-child(2) a span:first-child {
    font-weight: 700;
    color: rgba(43,43,43,.902)!important
}

.all-hotel-table tbody tr td:nth-child(2) a span+span,.all-restaurant-table tbody tr td:nth-child(2) a span+span,.user-table tbody tr td:nth-child(2) a span+span {
    color: #999
}

.all-hotel-table tbody tr td:nth-child(2) span:first-child,.all-restaurant-table tbody tr td:nth-child(2) span:first-child,.user-table tbody tr td:nth-child(2) span:first-child {
    font-weight: 700;
    color: rgba(43,43,43,.902)!important
}

.all-hotel-table tbody tr td:nth-child(2) span+span,.all-restaurant-table tbody tr td:nth-child(2) span+span,.user-table tbody tr td:nth-child(2) span+span {
    color: #999
}

.all-cars-table td:nth-child(n+5),.all-cars-table th:nth-child(n+5),.all-driver-table td:nth-child(n+4),.all-driver-table th:nth-child(n+4),.all-hotel-table td:nth-child(n+5),.all-hotel-table th:nth-child(n+5),.all-package td:nth-child(n+5),.all-package th:nth-child(n+5),.all-package-catogories td:nth-child(n+3),.all-package-catogories th:nth-child(n+3),.all-restaurant-table td:nth-child(n+6),.all-restaurant-table th:nth-child(n+6) {
    text-align: center
}

.Booking-table thead tr,.all-cars-table thead tr,.all-hotel-table thead tr,.all-package thead tr,.all-package-catogories thead tr,.all-restaurant-table thead tr,.menu-table thead tr,.user-table thead tr {
    background-color: #4aa4d9
}

.Booking-table thead tr th,.all-cars-table thead tr th,.all-hotel-table thead tr th,.all-package thead tr th,.all-package-catogories thead tr th,.all-restaurant-table thead tr th,.menu-table thead tr th,.user-table thead tr th {
    color: #fff
}

.Booking-table tbody tr:nth-child(odd),.all-cars-table tbody tr:nth-child(odd),.all-hotel-table tbody tr:nth-child(odd),.all-package tbody tr:nth-child(odd),.all-package-catogories tbody tr:nth-child(odd),.all-restaurant-table tbody tr:nth-child(odd),.menu-table tbody tr:nth-child(odd),.user-table tbody tr:nth-child(odd) {
    background-color: rgba(74,164,217,.1)
}

.rooms-box tr {
    padding: 15px;
    border: 1px solid hsla(0,0%,60%,.3)
}

.rooms-box td:nth-child(2) .room-title {
    margin-left: 15px;
    margin-bottom: 0
}

.dashboard-table tbody tr td,.dashboard-table tbody tr th,.dashboard-table thead tr td,.dashboard-table thead tr th {
    padding: .75rem .75rem .75rem 0
}

.dashboard-table tbody tr td:nth-child(2),.dashboard-table tbody tr th:nth-child(2),.dashboard-table thead tr td:nth-child(2),.dashboard-table thead tr th:nth-child(2) {
    min-width: 140px
}

.dashboard-table tbody tr td:nth-child(2) span,.dashboard-table tbody tr th:nth-child(2) span,.dashboard-table thead tr td:nth-child(2) span,.dashboard-table thead tr th:nth-child(2) span {
    width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dashboard-table tbody tr td:nth-child(3),.dashboard-table tbody tr th:nth-child(3),.dashboard-table thead tr td:nth-child(3),.dashboard-table thead tr th:nth-child(3) {
    min-width: 76px
}

.dashboard-table tbody tr td:nth-child(4),.dashboard-table tbody tr td:nth-child(6),.dashboard-table tbody tr th:nth-child(4),.dashboard-table tbody tr th:nth-child(6),.dashboard-table thead tr td:nth-child(4),.dashboard-table thead tr td:nth-child(6),.dashboard-table thead tr th:nth-child(4),.dashboard-table thead tr th:nth-child(6) {
    min-width: 140px
}

table tbody tr td a .fa.fa-eye {
    color: #747dc6
}

table tbody tr td a .fa.fa-pencil-square-o {
    color: #4aa4d9
}

table tbody tr td a .fa.fa-trash-o {
    color: #ef3f3e
}

.bootstrap-touchspin input.touchspin {
    padding: 0 12px
}

.bootstrap-touchspin .input-group .btn {
    padding: .5rem 1.75rem
}

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell
}

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px
}

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
    position: absolute;
    top: 4px;
    left: 7px;
    font-size: 10px;
    font-weight: 400
}

.bootstrap-touchspin .touchspin-vertical-tab .input-group .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px;
    margin-left: -1px;
    position: relative
}

.bootstrap-touchspin .input-group {
    font-family: Rubik,sans-serif
}

.bootstrap-touchspin .input-group .btn {
    border-radius: 0!important
}

.bootstrap-touchspin .dropdown-basic .dropdown .dropbtn {
    padding: 9px 30px
}

.bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
    z-index: 9999
}

.introjs-helperLayer {
    background-color: hsla(0,0%,100%,.9);
    border: 1px solid rgba(0,0,0,.5);
    box-shadow: 0 2px 15px rgba(0,0,0,.4)
}

.introjs-tooltipReferenceLayer {
    background-color: transparent
}

.introjs-helperNumberLayer {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    background: #6670bd;
    background: linear-gradient(to bottom,var(--theme-deafult) 0,var(--theme-deafult) 100%);
    border: 3px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.4)
}

.introjs-arrow {
    border: 12px solid #fff
}

.introjs-arrow.top,.introjs-arrow.top-middle,.introjs-arrow.top-right {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--theme-deafult);
    border-left-color: transparent
}

.introjs-arrow.right,.introjs-arrow.right-bottom {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: var(--theme-deafult)
}

.introjs-arrow.bottom {
    border-top-color: var(--theme-deafult);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.introjs-arrow.left,.introjs-arrow.left-bottom {
    border-top-color: transparent;
    border-right-color: var(--theme-deafult);
    border-bottom-color: transparent;
    border-left-color: transparent
}

.introjs-tooltip {
    background-color: var(--theme-deafult);
    box-shadow: 0 1px 10px rgba(0,0,0,.4);
    color: #fff;
    border-color: var(--theme-deafult)
}

.introjs-button {
    border: 1px solid #efefef;
    text-shadow: 1px 1px 0 #fff;
    color: #2b2b2b!important;
    background-color: #fff;
    background-image: linear-gradient(#fff,#fff)
}

.introjs-button:hover {
    border-color: #efefef
}

.introjs-button:active,.introjs-button:focus {
    background-image: linear-gradient(#ecf3fa,#efefef)
}

.introjs-skipbutton {
    color: var(--theme-deafult)
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #efefef
}

.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover {
    color: var(--theme-deafult);
    border-color: #efefef
}

.introjs-bullets ul li a {
    background: #ecf3fa
}

.introjs-bullets ul li a.active,.introjs-bullets ul li a:hover {
    background: #fff
}

.introjs-progress {
    background-color: #f4f4f4
}

.introjs-progressbar {
    background-color: var(--theme-deafult)
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60,60,60,.57)
}

.introjs-hint-pulse {
    border: 5px solid rgba(60,60,60,.27);
    background-color: hsla(0,0%,53%,.24)
}

.introjs-hint-dot {
    border: 10px solid hsla(0,0%,57%,.36)
}

.jstree-default .jstree-clicked {
    background-color: #fbfdfe;
    box-shadow: none;
    color: #2c323f
}

.vakata-context,.vakata-context ul {
    background-color: #fff;
    border: none;
    box-shadow: 0 0 2px 2px #efefef
}

.vakata-context li a .vakata-contextmenu-sep,.vakata-context ul li a .vakata-contextmenu-sep {
    display: none
}

.vakata-context li a:hover,.vakata-context ul li a:hover {
    background-color: #fff;
    box-shadow: None
}

.vakata-context .vakata-context-separator,.vakata-context ul .vakata-context-separator {
    display: none
}

.Typeahead {
    width: 100%
}

.Typeahead *,.Typeahead :after,.Typeahead :before {
    box-sizing: border-box
}

.Typeahead .tt-hint {
    display: none!important
}

.u-cf:after,.u-cf:before {
    content: " ";
    display: table
}

.u-cf:after {
    clear: both
}

.u-hidden {
    display: none!important
}

.u-posRelative {
    position: relative
}

.Typeahead-spinner {
    position: absolute;
    top: 14px;
    right: 18px;
    display: none;
    color: #c5c5c5
}

.ProfileCard-avatar svg {
    height: 18px;
    vertical-align: bottom
}

.ProfileCard-avatar svg path,.ProfileCard-avatar svg polygon {
    color: #7e7c7c!important
}

.Typeahead-hint {
    padding: 5px 8px;
    font-size: 24px;
    line-height: 30px;
    border: 1px solid #024e6a;
    border-radius: 8px;
    top: 0;
    color: #ccd6dd;
    opacity: 1
}

.Typeahead-hint,.Typeahead-menu {
    width: 100%;
    position: absolute;
    left: 0
}

.Typeahead-menu {
    top: 100%;
    padding: 15px;
    z-index: 100;
    display: none;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.Typeahead-menu.is-open {
    display: block
}

.Typeahead-selectable {
    cursor: pointer
}

.Typeahead-selectable+.Typeahead-selectable {
    border-top: 1px solid #ccd6dd
}

.ProfileCard {
    position: relative;
    padding: 10px;
    border: 1px solid #ccc!important;
    margin-bottom: 10px;
    border-radius: 10px
}

.ProfileCard:hover {
    color: #414345;
    background: #f8f8f8
}

.ProfileCard:hover .ProfileCard-avatar {
    border-color: #f5f8fa
}

.ProfileCard:hover .ProfileCard-screenName,.ProfileCard:hover .ProfileCard-stat-label {
    color: #fff
}

.ProfileCard-avatar {
    position: absolute;
    border-radius: 5px
}

.ProfileCard-details {
    padding-left: 35px;
    float: left
}

.ProfileCard-realName,.ProfileCard-screenName {
    display: inline-block;
    color: #898989
}

.ProfileCard-description {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px
}

.ProfileCard-stats {
    float: right;
    text-align: right
}

.ProfileCard-stat {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

.ProfileCard-stat+.ProfileCard-stat {
    margin-left: 5px
}

.ProfileCard-stat-label {
    color: #898989;
    font-weight: 500
}

.ProfileCard.is-active {
    color: #fff;
    background: var(--theme-deafult)
}

.ProfileCard.is-active .ProfileCard-screenName,.ProfileCard.is-active .ProfileCard-stat-label {
    color: #fff
}

.EmptyMessage {
    position: relative;
    padding: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: center
}

.Typeahead-spinner {
    width: 1rem;
    height: 1rem
}

[data-simplebar] {
    position: unset
}

.simplebar-mask {
    top: 100px
}

.simplebar-track {
    right: -2px
}

.simplebar-track.simplebar-vertical {
    top: 100px;
    width: 10px
}

.simplebar-track.simplebar-horizontal {
    visibility: hidden!important
}

.simplebar-scrollbar:before {
    background: rgba(74,164,217,.2)
}

.modal-body {
    position: relative
}

.modal-body h5 {
    font-weight: 700;
    font-size: calc(17px + 8*(100vw - 320px)/1600);
    margin-bottom: calc(15px + 5*(100vw - 320px)/1600)
}

.modal-body p {
    font-size: 16px
}

.modal-body .btn-close {
    position: absolute;
    top: 15px;
    right: 15px
}

.modal-body .button-box {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.modal-body .btn--no {
    margin-left: auto;
    margin-right: 15px;
    color: #fff!important;
    background-color: #6c757d!important
}

.blog-box img {
    border-radius: .25rem
}

.blog-box .top-radius-blog {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.blog-box h6 {
    font-weight: 600;
    margin: 15px 0
}

.blog-box .blog-details {
    padding-right: 20px
}

.blog-box .blog-details .blog-social {
    margin-top: 30px
}

.blog-box .blog-details .blog-social li {
    display: inline-block;
    font-size: 12px;
    color: rgba(43,43,43,.7)
}

.blog-box .blog-details .blog-social li+li {
    padding-left: 20px;
    line-height: 1;
    padding-right: 0
}

.blog-box .blog-details .blog-social li i {
    padding-right: 5px;
    font-weight: 300
}

.blog-box .blog-details .blog-social li:first-child {
    border-right: 1px solid gray;
    padding-right: 20px
}

.blog-box .blog-details-main hr {
    background-color: #ccc
}

.blog-box .blog-details-main .blog-social {
    margin: 20px 0
}

.blog-box .blog-details-main .blog-social li {
    display: inline-block;
    font-size: 12px;
    color: rgba(43,43,43,.7);
    padding: 0 24px;
    border-right: 1px dotted
}

.blog-box .blog-details-main .blog-social li:last-child {
    border-right: 0
}

.blog-box .blog-details-main .blog-social li i {
    padding-right: 5px
}

.blog-box .blog-details-main .blog-bottom-details {
    margin: 20px;
    font-size: 14px;
    line-height: 1.714;
    font-weight: 500
}

.blog-box .blog-date {
    color: rgba(43,43,43,.7)
}

.blog-box .blog-date span {
    font-size: 36px;
    font-weight: 500;
    padding-right: 5px
}

.blog-box.blog-shadow:before {
    box-shadow: inset 0 -200px 100px -13px rgba(0,0,0,.6);
    transition: all .3s ease;
    border-radius: 5px;
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    bottom: 0
}

.blog-box.blog-shadow:hover:before {
    box-shadow: inset 0 -200px 100px -13px rgba(0,0,0,.65);
    transition: all .3s ease
}

.blog-box.blog-shadow .blog-details {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px
}

.blog-box.blog-shadow .blog-details h4 {
    color: #fff;
    margin-bottom: 0
}

.blog-box.blog-shadow .blog-details p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px
}

.blog-box.blog-shadow .blog-details .blog-social li {
    color: #fff
}

.blog-list .blog-details .blog-social {
    margin-top: 0
}

.blog-list .blog-details h6 {
    margin-top: 0;
    color: gray;
    font-weight: 500
}

.blog-list .blog-details hr {
    margin-top: 10px;
    margin-bottom: 10px
}

.blog-list img {
    padding: 17px
}

.blog-grid img {
    width: 100%
}

.blog-grid .blog-details {
    padding: 20px
}

.blog-grid .blog-details h6 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.8
}

.blog-box {
    position: relative;
    max-height: 100%;
    align-items: center
}

.blog-box .blog-details p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: .7px;
    margin-top: 30px;
    margin-bottom: 0;
    color: rgba(43,43,43,.7)
}

.blog-box .blog-details h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0
}

.blog-box .blog-details .single-blog-content-top {
    margin-top: 20px;
    border-top: 1px solid #efefef
}

.blog-box .blog-details .blog-social li,.blog-box .blog-details .comment-social li {
    font-size: 14px
}

.comment-box {
    padding-top: 50px;
    padding-bottom: 50px
}

.comment-box hr {
    margin-top: 20px
}

.comment-box hr,.comment-box li {
    margin-bottom: 30px
}

.comment-box li:last-child {
    margin-bottom: 0
}

.comment-box ul ul {
    margin-left: 135px
}

.comment-box p {
    font-size: 14px;
    line-height: 2;
    color: rgba(43,43,43,.7);
    text-align: justify;
    margin-bottom: 0
}

.comment-box h4 {
    font-weight: 600
}

.comment-box .media img {
    margin-right: 30px;
    border-radius: 10px;
    height: 90px;
    padding: 7px;
    width: 90px;
    border: 1px solid #efefef
}

.comment-box .media h6 {
    font-weight: 500;
    margin-bottom: 20px
}

.comment-box .media h6 span {
    padding-left: 10px;
    font-size: 13px;
    color: rgba(43,43,43,.7);
    font-weight: 400
}

.comment-box .comment-social li {
    display: inline-block;
    color: #ccc;
    padding-left: 20px;
    margin-bottom: 0;
    text-transform: uppercase
}

.comment-box .comment-social li:first-child {
    border-right: 1px solid #efefef;
    padding-right: 20px
}

.comment-box .comment-social li i {
    padding-right: 10px
}

.modal-bookmark .modal-body,.modal-bookmark .modal-header {
    padding: 30px
}

.bookmark-wrap .btn-mail {
    color: var(--theme-deafult)!important
}

.bookmark-wrap .details-bookmark .row>div+div {
    padding-right: 15px!important
}

.bookmark-wrap .left-bookmark {
    height: 700px
}

.bookmark-wrap .left-bookmark ul li button {
    border: none;
    cursor: pointer
}

.bookmark-wrap .left-bookmark ul li button:focus {
    outline: none
}

.bookmark-wrap .left-bookmark ul li svg {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.bookmark-wrap .left-bookmark ul li>.main-title {
    color: var(--theme-deafult);
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 16px
}

.bookmark-wrap .left-bookmark ul li>.main-title span a:hover {
    background-color: transparent
}

.bookmark-wrap .left-bookmark ul li>.main-title svg {
    color: #898989;
    stroke-width: 1px
}

.bookmark-wrap .left-bookmark ul li a>.title {
    text-transform: capitalize
}

.form-bookmark a {
    text-transform: capitalize!important;
    color: var(--theme-deafult)!important;
    line-height: 1!important;
    font-weight: 500
}

.form-bookmark a:hover {
    background-color: transparent!important
}

.form-bookmark input#index_var {
    display: none
}

.form-bookmark input,.form-bookmark select {
    font-size: 14px
}

.form-bookmark .select2-container .select2-selection--single {
    border-color: #ced4da
}

.form-bookmark .select2 {
    width: 100%!important
}

.form-bookmark .error {
    margin: 0!important;
    font-size: 11px;
    color: red!important
}

.form-bookmark button {
    margin-top: 10px
}

@keyframes displayTransition {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bookmark-tabcontent .details-bookmark {
    height: auto;
    min-height: 359px
}

.bookmark-tabcontent .details-bookmark .bookmark-card {
    position: relative
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
    padding: 3px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.2);
    width: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 0
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon i {
    color: #fff;
    font-size: 16px;
    vertical-align: text-bottom
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon.favourite i {
    color: #fed112
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data {
    width: 100%
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .desciption-data .content-general {
    display: none
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
    transition: .5s
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
    text-align: left;
    padding: 15px;
    border-top: 1px solid #f4f4f4;
    position: relative
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark p {
    animation: displayTransition 1s
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block {
    opacity: 0;
    position: absolute;
    width: 100%;
    padding: 15px;
    top: 30px;
    left: 0
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li {
    display: inline-block
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li+li {
    margin-left: 5px
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark .hover-block ul li svg {
    width: 16px;
    height: 16px;
    color: #898989
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover {
    box-shadow: 1px 4px 16px 3px rgba(0,0,0,.04);
    transition: .5s
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark p {
    opacity: 0
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .title-bookmark .hover-block {
    opacity: 1;
    animation: displayTransition 2s
}

.bookmark-tabcontent .details-bookmark .bookmark-card.card:hover .favourite-icon {
    opacity: 1
}

.bookmark-tabcontent .details-bookmark.list-bookmark .row .col-xl-3 {
    flex: 0 0 100%;
    max-width: 100%
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .desciption-data .content-general {
    display: block
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
    display: flex;
    align-items: center
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
    opacity: 1
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
    position: absolute;
    right: 30px;
    opacity: 1;
    text-align: right
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block {
    opacity: 1;
    animation: displayTransition 0s
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark {
    border-top: none
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark p {
    margin-top: 0;
    display: inline-block
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6 {
    position: relative;
    padding-right: 15px;
    margin-bottom: -5px
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark h6:after {
    position: absolute;
    content: "-";
    right: 0;
    color: #898989
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general {
    margin-top: 5px
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
    width: 68%;
    margin-right: 20px
}

.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
    width: 20%
}

.bookmark-tabcontent .tab-content .card .d-flex {
    justify-content: space-between
}

.bookmark-tabcontent .tab-content .card .d-flex svg {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.bookmark-tabcontent .tab-content .card .d-flex ul li {
    display: inline-block
}

.bookmark-tabcontent .tab-content .card .d-flex ul li+li {
    margin-left: 5px
}

.bookmark-tabcontent .tab-content .tab-pane>.card {
    box-shadow: none
}

@media only screen and (max-width: 1660px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .content-general p {
        display:none
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
        margin-top: 6px
    }
}

@media screen and (min-width: 1200px)and (max-width:1366px) {
    .bookmark-wrap .left-bookmark ul li .btn-block svg {
        display:none
    }
}

@media only screen and (max-width: 1366px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
        width:40%
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card.card .title-bookmark .hover-block {
        top: 80px
    }
}

@media only screen and (max-width: 1199px) {
    .bookmark-wrap .left-bookmark {
        height:auto
    }

    .bookmark-tabcontent .details-bookmark {
        min-height: auto
    }
}

@media only screen and (max-width: 991px) {
    .modal-bookmark .modal-body,.modal-bookmark .modal-header {
        padding:20px
    }
}

@media only screen and (max-width: 767px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 172px
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block p {
        display: none
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website:hover .title-bookmark .hover-block ul {
        position: relative;
        right: unset;
        top: unset
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
        width: 45%
    }
}

@media only screen and (max-width: 575px) {
    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card img {
        width:100%
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website {
        display: block
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark {
        padding-left: 15px
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .hover-block {
        position: relative;
        right: unset;
        text-align: left;
        top: unset;
        padding: 0
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark .content-general {
        display: none
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6,.bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        display: block
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark h6:after {
        display: none
    }

    .bookmark-tabcontent .details-bookmark.list-bookmark .bookmark-card .details-website .title-bookmark p {
        margin-top: 15px
    }

    .modal-bookmark .modal-body,.modal-bookmark .modal-header {
        padding: 15px
    }
}

.cart .total-amount {
    text-align: right!important;
    margin-top: 30px
}

.cart .amount-space {
    margin-left: 40px
}

.cart .cart-btn-transform {
    text-transform: capitalize
}

.cart .qty-box {
    width: 25%;
    margin: 0 auto
}

.cart .qty-box .input-group .btn {
    background-color: #ddd!important;
    border-color: #ddd!important;
    padding: 8px 12px
}

.cart-buttons {
    margin-top: 30px
}

.cart-buttons .cart-btn {
    float: right;
    padding-right: 85px
}

.radial-bar.radial-bar-lg:after,.radial-bar.radial-bar-lg>img {
    width: 70px;
    height: 70px;
    margin-left: 15px;
    margin-top: 15px;
    line-height: 70px
}

.radial-bar.radial-bar-sm:after,.radial-bar.radial-bar-sm>img {
    width: 35px;
    height: 35px;
    margin-left: 7.5px;
    margin-top: 7.5px;
    line-height: 35px
}

.radial-bar.radial-bar-xs:after,.radial-bar.radial-bar-xs>img {
    width: 20px;
    height: 20px;
    margin-left: 5.5px;
    margin-top: 4.5px;
    line-height: 21px
}

.chart-block canvas {
    width: 100%!important
}

.chart-block .chart-overflow {
    overflow: hidden;
    text-align: center
}

.candidcahrt {
    width: 100%;
    height: 470px
}

.amcharts-export-canvas {
    position: absolute;
    display: none;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.amcharts-export-canvas .canvas-container {
    transition: opacity .5s ease-out
}

.amcharts-export-canvas.active {
    display: block
}

.amcharts-export-canvas.dropbox .canvas-container {
    opacity: .5
}

.flot-chart-container {
    box-sizing: border-box;
    width: 100%;
    height: 400px
}

.flot-chart-container #toggling-series-flot {
    width: 79%!important
}

.all-chart .flot-chart-container {
    height: 350px
}

.flot-chart-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
    text-align: center
}

.flot-chart-placeholder .legend table {
    border-spacing: 5px
}

.morris-hover {
    position: absolute;
    z-index: 8
}

.morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #898989;
    background: #fff;
    border: 1px solid #ecf3fa;
    font-family: sans-serif;
    font-size: 12px;
    text-align: center
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: 700;
    margin: .25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: .1em 0
}

.chart-sparkline {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    background: rgba(49,49,49,.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    white-space: nowrap;
    padding: 5px;
    border: 1px solid rgba(49,49,49,.75);
    box-sizing: content-box;
    z-index: 10000;
    border-radius: 5px
}

.chart-sparkline,.chart-sparkline .jqsfield {
    color: #fff;
    font: 10px Rubik,sans-serif;
    text-align: left
}

.radial-bar {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background-color: transparent;
    box-sizing: content-box;
    width: 80px;
    height: 80px;
    font-size: 18px;
    background-clip: content-box
}

.radial-bar:after {
    content: attr(data-label);
    background-color: #fff;
    z-index: 1
}

.radial-bar:after,.radial-bar>img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    color: #455a64;
    width: 56px;
    height: 56px;
    margin-left: 12px;
    margin-top: 12px;
    line-height: 56px
}

.radial-bar>img {
    z-index: 3
}

.radial-bar-danger.radial-bar-20 {
    background-image: linear-gradient(90deg,#efefef 50%,transparent 0,transparent),linear-gradient(162deg,#6670bd 50%,#efefef 0,#efefef)
}

.radial-bar.radial-bar-lg {
    width: 100px;
    height: 100px;
    font-size: 20px
}

.radial-bar.radial-bar-sm {
    width: 50px;
    height: 50px;
    font-size: 12px
}

.radial-bar.radial-bar-xs {
    width: 30px;
    height: 30px;
    font-size: 8px
}

.pieLabel div {
    color: #fff!important
}

.pieLabel div input[type=checkbox] {
    margin: 7px
}

.knob-chart {
    min-height: 255px
}

.knob-chart .chart-clock-main {
    position: relative;
    width: 200px;
    margin: 45px auto
}

.knob-chart .chart-clock-main .clock-large {
    position: absolute;
    left: -48px;
    top: -45px
}

.knob-chart .chart-clock-main .clock-medium {
    position: absolute;
    left: 2px;
    top: 5px
}

.knob-chart .chart-clock-main .clock-small {
    position: absolute;
    left: 15px;
    top: 55px
}

.peity-charts svg {
    width: 100%;
    height: 250px
}

.peity-charts.peity-chart-primary svg polygon {
    fill: rgba(74,164,217,.2)
}

.peity-charts.peity-chart-primary svg polyline {
    stroke: var(--theme-deafult)
}

.bar-odd-even svg rect:nth-child(odd) {
    fill: var(--theme-deafult)
}

.bar-odd-even svg rect:nth-child(2n) {
    fill: var(--theme-secondary)
}

.donut-peity svg path:nth-child(odd) {
    fill: var(--theme-deafult)
}

.donut-peity svg path:nth-child(2n) {
    fill: var(--theme-secondary)
}

.donut-peity2 svg path:nth-child(odd),.donut-peity2~svg path:nth-child(odd),.pie-peity svg path:nth-child(odd),.pie-peity~svg path:nth-child(odd),.small-donut svg path:nth-child(odd),.small-donut~svg path:nth-child(odd) {
    fill: var(--theme-deafult)
}

.donut-peity2 svg path:nth-child(2n),.donut-peity2~svg path:nth-child(2n),.pie-peity svg path:nth-child(2n),.pie-peity~svg path:nth-child(2n),.small-donut svg path:nth-child(2n),.small-donut~svg path:nth-child(2n) {
    fill: #efefef
}

.small-donut2~svg path:nth-child(odd) {
    fill: var(--theme-secondary)
}

.small-donut3~svg path:nth-child(odd) {
    fill: #9e65c2
}

.small-donut4~svg path:nth-child(odd) {
    fill: #a927f9
}

.small-donut5~svg path:nth-child(odd) {
    fill: #747dc6
}

.small-donut6~svg path:nth-child(odd) {
    fill: #6670bd
}

p.data-attributes svg {
    margin-right: 10px
}

.knob-block {
    position: relative
}

.knob-block input {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    height: 100%!important;
    width: 100%!important;
    left: 0!important;
    top: 0!important;
    margin-left: 0!important;
    margin-top: -3px!important
}

.knob-input-disable input {
    display: none!important
}

.apex-chart {
    margin: 0 auto
}

.apexcharts-toolbar {
    z-index: 1!important
}

.apexcharts-menu-item {
    width: 110px
}

.word-tree {
    height: 400px
}

.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie {
    fill: var(--theme-deafult)
}

.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut {
    stroke: var(--theme-deafult)
}

.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut {
    stroke: var(--theme-secondary)
}

.ct-series-b .ct-area,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie {
    fill: var(--theme-secondary)
}

.apache-cotainer {
    width: 100%;
    height: 350px;
    margin: 0
}

.boxplot-cotainer {
    height: 420px
}

.apache-cotainer-large {
    width: 100%;
    height: 500px;
    margin: 0
}

.test-buttons button+button {
    margin-left: 10px
}

.clip-chart-wrapper .test-chart-block {
    margin-bottom: -30px
}

#echart-gauge .test-chart {
    width: 100%;
    height: 395px
}

.polar-line {
    height: 350px
}

#dotted {
    height: 390px
}

.chat-box .toogle-bar {
    display: none
}

.chat-box .chat-menu {
    max-width: 340px
}

.chat-box .people-list .search {
    position: relative
}

.chat-box .people-list .search .form-control {
    background-color: #fafdff;
    border: 1px solid #f4f4f4
}

.chat-box .people-list .search .form-control::placeholder {
    color: #59667a
}

.chat-box .people-list .search i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: #ecf3fa
}

.chat-box .people-list ul {
    padding: 0
}

.chat-box .people-list ul li {
    padding-bottom: 20px
}

.chat-box .people-list ul li:last-child {
    padding-bottom: 0
}

.chat-box .user-image {
    float: left;
    width: 52px;
    height: 52px;
    margin-right: 5px
}

.chat-box .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px
}

.chat-box .about .name {
    color: #2c323f;
    letter-spacing: 1px;
    font-weight: 500
}

.chat-box .status {
    color: #59667a;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: 5px
}

.chat-box .status .chat-status {
    font-weight: 600;
    color: #2b2b2b
}

.chat-box .status p {
    font-size: 14px
}

.chat-box .chat-right-aside .chat .chat-header {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.chat-box .chat-right-aside .chat .chat-header img {
    float: left;
    width: 50px;
    height: 50px;
    box-shadow: 1px 1px 4px 1px #ecf3fa
}

.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li {
    margin-right: 24px
}

.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
    color: rgba(43,43,43,.7);
    font-size: 25px;
    cursor: pointer
}

.chat-box .chat-right-aside .chat .chat-header .chat-menu-icons {
    margin-left: auto
}

.chat-box .chat-right-aside .chat .chat-msg-box {
    padding: 20px;
    overflow-y: auto;
    height: 560px;
    margin-bottom: 80px
}

.chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img {
    margin-top: -35px
}

.chat-box .chat-right-aside .chat .chat-msg-box .message-data {
    margin-bottom: 10px
}

.chat-box .chat-right-aside .chat .chat-msg-box .message-data-time {
    letter-spacing: 1px;
    font-size: 12px;
    color: #59667a
}

.chat-box .chat-right-aside .chat .chat-msg-box .message {
    color: #2c323f;
    padding: 20px;
    line-height: 1.9;
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 30px;
    width: 50%;
    position: relative
}

.chat-box .chat-right-aside .chat .chat-msg-box .my-message {
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    border-top-left-radius: 0
}

.chat-box .chat-right-aside .chat .chat-msg-box .other-message {
    background-color: #fdfeff;
    border-radius: 10px;
    border-top-right-radius: 0
}

.chat-box .chat-right-aside .chat .chat-message {
    padding: 20px;
    border-top: 1px solid #fafdff;
    position: absolute;
    width: calc(100% - 15px);
    background-color: #fff;
    bottom: 0
}

.chat-box .chat-right-aside .chat .chat-message .smiley-box {
    background: #efefef;
    padding: 10px;
    display: block;
    border-radius: 4px;
    margin-right: .5rem
}

.chat-box .chat-right-aside .chat .chat-message .text-box {
    position: relative
}

.chat-box .chat-right-aside .chat .chat-message .text-box .input-txt-bx {
    height: 50px;
    border: 2px solid var(--theme-deafult);
    padding-left: 18px;
    font-size: 12px;
    letter-spacing: 1px
}

.chat-box .chat-right-aside .chat .chat-message .text-box i {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    color: #ecf3fa;
    cursor: pointer
}

.chat-box .chat-right-aside .chat .chat-message .text-box .btn {
    font-size: 16px;
    font-weight: 500;
    padding: .74rem 1.75rem;
    border-radius: 0 5px 5px 0
}

.chat-box .chat-menu {
    border-left: 1px solid #f4f4f4
}

.chat-box .chat-menu .tab-pane {
    padding: 0 15px
}

.chat-box .chat-menu ul li .about .status i {
    font-size: 10px
}

.chat-box .chat-menu .user-profile {
    margin-top: 30px
}

.chat-box .chat-menu .user-profile .user-content h5,.chat-box .chat-menu .user-profile .user-content hr {
    margin: 25px 0
}

.chat-box .chat-menu .user-profile .user-content p {
    font-size: 16px
}

.chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link.active,.chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link.show,.chat-box .chat-menu .user-profile .border-tab.nav-tabs .nav-item .nav-link:focus {
    border-bottom: 0
}

.chat-box .chat-menu .user-profile .image {
    position: relative
}

.chat-box .chat-menu .user-profile .image .icon-wrapper {
    position: absolute;
    bottom: 0;
    left: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 14px;
    box-shadow: 1px 1px 3px 1px #f4f4f4
}

.chat-box .chat-menu .user-profile .image .avatar img {
    border-radius: 50%;
    border: 5px solid #f4f4f4
}

.chat-box .chat-menu .user-profile .border-right {
    border-right: 1px solid #dee2e6
}

.chat-box .chat-menu .user-profile .follow {
    margin-top: 0
}

.chat-box .chat-menu .user-profile .follow .follow-num {
    font-size: 20px;
    color: #000
}

.chat-box .chat-menu .user-profile .follow span {
    color: #242934;
    font-size: 14px;
    letter-spacing: 1px
}

.chat-box .chat-menu .user-profile .social-media a {
    color: #59667a;
    font-size: 15px;
    padding: 0 7px
}

.chat-box .chat-menu .user-profile .chat-profile-contact p {
    font-size: 14px;
    color: #59667a
}

.chat-box .chat-menu .nav {
    margin-bottom: 20px
}

.chat-box .chat-menu .nav-tabs .nav-item {
    width: 33.33%
}

.chat-box .chat-menu .nav-tabs .nav-item a {
    padding: 15px!important;
    color: #59667a!important;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 500;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.chat-box .chat-menu .nav-tabs .nav-item .material-border {
    border-width: 1px;
    border-color: var(--theme-deafult)
}

.chat-box .chat-menu .nav-tabs .nav-item .nav-link.active {
    color: #000!important
}

.chat-box .chat-history .call-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 300px
}

.chat-box .chat-history .total-time h2 {
    font-size: 50px;
    color: #efefef;
    font-weight: 600;
    margin-bottom: 30px
}

.chat-box .chat-history .receiver-img {
    margin-top: 55px
}

.chat-box .chat-history .receiver-img img {
    border-radius: 5px
}

.chat-box .chat-history .call-icons {
    margin-bottom: 35px
}

.chat-box .chat-history .call-icons ul li {
    width: 60px;
    height: 60px;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    padding: 12px;
    cursor: pointer
}

.chat-box .chat-history .call-icons ul li+li {
    margin-left: 10px
}

.chat-box .chat-history .call-icons ul li a {
    color: #999;
    font-size: 25px
}

.chat-left-aside>.media {
    margin-bottom: 15px
}

.chat-left-aside .people-list {
    height: 625px
}

.chat-left-aside ul li {
    position: relative
}

.status-circle {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 44px;
    border-radius: 50%;
    border: 2px solid #fff
}

.away {
    background-color: #747dc6
}

.online {
    background-color: #9e65c2
}

.offline {
    background-color: #6670bd
}

.chat-container .aside-chat-left,.chat-container .chat-right-aside {
    width: 320px
}

.call-chat-sidebar {
    max-width: 320px
}

.call-chat-sidebar .card .card-body,.chat-body .card .card-body {
    padding: 15px
}

.checkout .checkout-details {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 40px
}

.checkout .checkout-details .order-place {
    margin-top: 15px
}

.order-box .title-box {
    padding-bottom: 20px;
    color: #444;
    font-size: 22px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px
}

.order-box .title-box span {
    width: 35%;
    float: right;
    font-weight: 600;
    text-align: right
}

.order-box .title-box h4 {
    font-weight: 600
}

.order-box .title-box .checkbox-title {
    display: flex;
    justify-content: space-between
}

.order-box .sub-total li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    margin-bottom: 20px;
    width: 100%
}

.order-box .sub-total li .count {
    position: relative;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right
}

.order-box .sub-total .shipping-class {
    margin-bottom: 12px
}

.order-box .sub-total .shipping-class .shopping-checkout-option {
    margin-top: -4px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: var(--theme-deafult);
    font-weight: 400;
    width: 35%;
    float: right;
    text-align: right
}

.order-box .total {
    position: relative;
    margin-bottom: 30px
}

.order-box .total li {
    position: relative;
    display: block;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    font-size: 18px
}

.order-box .qty {
    position: relative;
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px
}

.order-box .qty li {
    position: relative;
    display: block;
    font-size: 15px;
    color: #444;
    line-height: 20px;
    margin-bottom: 20px
}

.order-box .qty li span {
    float: right;
    font-size: 18px;
    line-height: 20px;
    color: #232323;
    font-weight: 400;
    width: 35%;
    text-align: right
}

.radio-option {
    position: relative
}

.img-paypal {
    width: 30%;
    margin-left: 15px
}

@media screen and (max-width: 1199px) {
    .checkout .checkout-details {
        padding:25px
    }

    .order-box .title-box span {
        width: 30%
    }

    .order-box .sub-total li .count {
        width: 38%
    }

    .order-box .sub-total .shipping-class .shopping-checkout-option {
        width: 46%
    }

    .order-box .qty li span,.order-box .total li .count {
        width: 38%
    }
}

@media screen and (max-width: 991px) {
    .order-box .sub-total .shipping-class .shopping-checkout-option {
        width:38%
    }
}

@media screen and (max-width: 575px) {
    .checkout .checkout-details {
        padding:15px
    }

    .order-box .sub-total .shipping-class .shopping-checkout-option,.order-box .sub-total li .count {
        width: 50%
    }
}

.comingsoon-bgimg {
    background-position: bottom;
    background-size: cover
}

.comingsoon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 50px 0
}

.comingsoon .comingsoon-inner h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: rgba(43,43,43,.7);
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 30px
}

.comingsoon .comingsoon-inner .countdown {
    padding: 30px 0;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4
}

.comingsoon .comingsoon-inner .countdown .time {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 500;
    width: 100px;
    height: 100px;
    font-size: 36px;
    background: var(--theme-deafult)
}

.comingsoon .comingsoon-inner .countdown .title {
    padding-top: 13px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(43,43,43,.7);
    text-transform: uppercase;
    letter-spacing: 1px
}

.comingsoon .comingsoon-inner .countdown ul li {
    display: inline-block;
    text-transform: uppercase;
    margin: 0 20px
}

.comingsoon .comingsoon-inner .countdown ul li span {
    display: block
}

.comingsoon video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 1s
}

.alert-contactadd {
    background-color: #fff;
    border: 1px solid var(--theme-deafult);
    width: 12%;
    padding: 10px
}

.updateimg {
    position: absolute;
    left: 15px;
    width: 100px;
    top: 32px;
    line-height: 93px;
    opacity: 0
}

#right-history {
    top: 81px;
    right: -320px;
    height: 100%;
    position: fixed;
    width: 320px;
    z-index: 9;
    background-color: #fff;
    transition: .5s;
    box-shadow: 0 0 9px hsla(0,0%,75%,.36)
}

#right-history h6 span a {
    color: #2b2b2b
}

#right-history.show {
    right: 0;
    transition: .3s
}

.history-details>div {
    padding: 30px 0
}

.history-details .media {
    padding: 30px 15px;
    border-top: 1px solid #f4f4f4
}

.history-details .media i {
    padding: 5px;
    background: #fed112;
    color: #fff;
    border-radius: 100%
}

.history-details .media h6 {
    margin-bottom: 5px
}

.delete-contact {
    display: none
}

.contact-editform,.more-data {
    animation: displayTransition 1s
}

.contact-editform {
    padding: 30px
}

.contact-editform a {
    display: block
}

.contact-editform button {
    margin-top: 30px
}

.contact-editform .select2-container .select2-selection--single {
    height: 39px!important;
    border-color: #ced4da!important
}

#deletemodal .modal-header {
    border-bottom: none
}

#deletemodal .modal-header .delete-data span svg {
    vertical-align: middle;
    margin-right: 15px
}

.contact-options li .btn-category {
    line-height: 39px;
    border-radius: 3px;
    padding-left: 40px!important;
    padding: 0;
    color: var(--theme-deafult);
    font-weight: 500
}

.list-persons p {
    font-family: Nunito,sans-serif
}

.list-persons .profile-mail {
    padding: 30px 0
}

.list-persons .profile-mail .media img {
    height: 100px
}

.list-persons .profile-mail .media .media-body h5 {
    margin-bottom: 5px
}

.list-persons .profile-mail .media .media-body ul {
    margin-top: 5px
}

.list-persons .profile-mail .media .media-body ul li {
    display: inline-block
}

.list-persons .profile-mail .media .media-body ul li a {
    font-size: 13px
}

.list-persons .profile-mail .media .media-body ul li+li {
    padding-left: 10px;
    margin-left: 5px;
    border-left: 2px solid #f4f4f4
}

.list-persons .profile-mail .email-general {
    padding-top: 50px
}

.list-persons .profile-mail .email-general ul {
    padding-right: 20px
}

.list-persons .profile-mail .email-general ul li {
    color: #898989;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.list-persons .profile-mail .email-general ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.list-persons .profile-mail .email-general ul li>span {
    float: right
}

.list-persons .profile-mail .email-general p span {
    margin-left: 30px
}

.list-persons .profile-mail .email-general .gender {
    margin-top: 30px
}

.contacts-tabs .nav-pills {
    border-right: 1px solid #f4f4f4;
    height: 100%
}

.contacts-tabs .nav-pills .nav-link.active,.contacts-tabs .nav-pills .nav-link>.nav-link,.contacts-tabs .nav-pills .show.active,.contacts-tabs .nav-pills .show>.nav-link {
    background-color: rgba(74,164,217,.05);
    color: #2b2b2b
}

.contacts-tabs .nav-pills .nav-link {
    color: #2b2b2b;
    padding: 0
}

.contacts-tabs .nav-pills .nav-link .media .img-50 {
    height: 50px
}

.contacts-tabs .nav-pills .nav-link+.nav-link {
    border-top: 1px solid #f4f4f4
}

.contacts-tabs .nav-pills .media {
    padding: 20px
}

.contacts-tabs .tab-content .tab-content-child {
    animation: displayTransition 1s
}

@media only screen and (max-width: 991px) {
    #right-history {
        top:60px
    }

    .updateimg {
        top: 21px
    }

    .list-persons .profile-mail {
        padding: 20px
    }

    .contact-editform button,.list-persons .profile-mail .email-general .gender {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .contact-editform {
        padding:20px
    }

    .contact-editform.pl-0 {
        padding-left: 20px!important
    }

    .contacts-tabs .nav-pills {
        border-right: none;
        border-bottom: 1px solid #f4f4f4
    }
}

@media only screen and (max-width: 575px) {
    #right-history {
        width:270px
    }

    .updateimg {
        top: 16px;
        left: 29px
    }

    .contacts-tabs .media img.m-r-20 {
        margin-right: 15px
    }

    .contacts-tabs .nav-pills .media,.list-persons .profile-mail {
        padding: 15px
    }

    .list-persons .profile-mail .email-general .gender {
        margin-top: 15px
    }

    .list-persons .nav-pills .nav-link .media .media-body {
        text-align: left
    }

    .contact-editform {
        padding: 15px
    }

    .contact-editform button {
        margin-top: 15px
    }

    .contact-editform.pl-0 {
        padding-left: 15px!important
    }

    .contact-editform form .row>div .row>div>div,.contact-options form .row>div .row>div>div {
        margin-bottom: 0
    }

    .contact-editform form .row>div .row>div+div,.contact-options form .row>div .row>div+div {
        margin-top: 15px
    }
}

@media only screen and (max-width: 360px) {
    .updateimg {
        line-height:73px;
        width: 80px
    }

    .list-persons .profile-mail .email-general p span {
        margin-left: 10px
    }

    .list-persons .profile-mail .media {
        display: block
    }

    .list-persons .profile-mail .media img {
        height: 80px;
        width: 80px!important;
        margin-bottom: 15px
    }
}

.dash-chart .profit-card {
    margin: -30px 0 -14px
}

.dash-chart .profit-card #negative-chart .apexcharts-tooltip.light .apexcharts-tooltip-title {
    display: none
}

.dash-chart .profit-card #negative-chart .apexcharts-tooltip-series-group.active {
    padding-bottom: 0
}

.dash-chart .media .media-body p,.dash-chart .media .media-body p .font-roboto {
    color: rgba(43,43,43,.7)
}

.dash-chart .progress-animate {
    margin-top: -6px;
    margin-right: 2px
}

.support-ticket-font ul {
    font-size: 12px
}

.negative-container {
    margin: -36px -15px -29px
}

.negative-container .apexcharts-xaxis .apexcharts-xaxis-texts-g text {
    font-size: 13px;
    fill: rgba(43,43,43,.4);
    font-family: Nunito,sans-serif!important
}

.ecommerce-widgets {
    align-items: center;
    position: relative
}

.ecommerce-widgets .ecommerce-box {
    width: 60px;
    height: 60px
}

.ecommerce-widgets .ecommerce-box.light-bg-primary {
    background-color: rgba(74,164,217,.15);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%
}

.ecommerce-widgets .fa-heart {
    font-size: 24px;
    background: linear-gradient(to right,var(--theme-deafult) 10%,#a927f9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 2px
}

.dash-map #map {
    height: 300px;
    width: 100%
}

.dash-map #map .gmnoprint {
    display: none
}

.monthly-visit {
    margin: -4px 0 -35px
}

.new-update .media .media-body p,.new-update .media .media-body span {
    font-weight: 500
}

.activity-timeline .media {
    align-items: center
}

.activity-timeline .media .activity-line {
    top: 132px;
    height: 57%;
    position: absolute;
    width: 4px;
    background-color: #f8f8f8;
    margin: 0 auto;
    left: 46px;
    z-index: 1
}

.activity-timeline .media .circle-dot-primary {
    background-color: rgba(var(--theme-deafult),.25);
    border-radius: 100%;
    padding: 6px;
    font-size: 5px;
    color: var(--theme-deafult);
    animation: round 1.3s ease-in-out infinite
}

.activity-timeline .media .circle-dot-secondary {
    background-color: rgba(239,63,62,.25);
    border-radius: 100%;
    padding: 6px;
    font-size: 5px;
    color: #ef3f3e;
    animation: round 1.3s ease-in-out infinite
}

.activity-timeline .media .circle-dot-success {
    background-color: rgba(158,101,194,.25);
    border-radius: 100%;
    padding: 6px;
    font-size: 5px;
    color: #9e65c2;
    animation: round 1.3s ease-in-out infinite
}

.activity-timeline .media .circle-dot-danger {
    background-color: rgba(102,112,189,.25);
    border-radius: 100%;
    padding: 6px;
    font-size: 5px;
    color: #6670bd;
    animation: round 1.3s ease-in-out infinite
}

.activity-timeline .media .circle-dot-info {
    background-color: rgba(169,39,249,.25);
    border-radius: 100%;
    padding: 6px;
    font-size: 5px;
    color: #a927f9;
    animation: round 1.3s ease-in-out infinite
}

.activity-timeline .media .circle-dot-light {
    background-color: hsla(0,0%,96%,.25);
    border-radius: 100%;
    padding: 6px;
    font-size: 5px;
    color: #f4f4f4;
    animation: round 1.3s ease-in-out infinite
}

.activity-timeline .media .circle-dot-dark {
    background-color: rgba(44,50,63,.25);
    border-radius: 100%;
    padding: 6px;
    font-size: 5px;
    color: #2c323f;
    animation: round 1.3s ease-in-out infinite
}

.activity-timeline .media .circle-dot-warning {
    background-color: rgba(116,125,198,.25);
    border-radius: 100%;
    padding: 6px;
    font-size: 5px;
    color: #747dc6;
    animation: round 1.3s ease-in-out infinite
}

.activity-timeline .media+.media {
    margin-top: 45px
}

.activity-timeline .media .media-body {
    margin-left: 20px
}

.activity-timeline .media .media-body p {
    color: rgba(43,43,43,.6);
    font-size: 12px;
    margin-top: 2px
}

.activity-dot-primary {
    border-radius: 100%;
    border: 3px solid var(--theme-deafult);
    box-shadow: .5px 4.33px 15px 0 rgba(var(--theme-deafult),.25)
}

.activity-dot-primary,.activity-dot-secondary {
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.activity-dot-secondary {
    border-radius: 100%;
    border: 3px solid #ef3f3e;
    box-shadow: .5px 4.33px 15px 0 rgba(239,63,62,.25)
}

.activity-dot-success {
    border-radius: 100%;
    border: 3px solid #9e65c2;
    box-shadow: .5px 4.33px 15px 0 rgba(158,101,194,.25)
}

.activity-dot-danger,.activity-dot-success {
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.activity-dot-danger {
    border-radius: 100%;
    border: 3px solid #6670bd;
    box-shadow: .5px 4.33px 15px 0 rgba(102,112,189,.25)
}

.activity-dot-info {
    border-radius: 100%;
    border: 3px solid #a927f9;
    box-shadow: .5px 4.33px 15px 0 rgba(169,39,249,.25)
}

.activity-dot-info,.activity-dot-light {
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.activity-dot-light {
    border-radius: 100%;
    border: 3px solid #f4f4f4;
    box-shadow: .5px 4.33px 15px 0 hsla(0,0%,96%,.25)
}

.activity-dot-dark {
    border-radius: 100%;
    border: 3px solid #2c323f;
    box-shadow: .5px 4.33px 15px 0 rgba(44,50,63,.25)
}

.activity-dot-dark,.activity-dot-warning {
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: relative;
    z-index: 2
}

.activity-dot-warning {
    border-radius: 100%;
    border: 3px solid #747dc6;
    box-shadow: .5px 4.33px 15px 0 rgba(116,125,198,.25)
}

.offer-box {
    background: transparent;
    box-shadow: none
}

.offer-box .offer-slider {
    background: linear-gradient(26deg,var(--theme-deafult) 0,#a26cf8 100%);
    border-radius: 15px;
    height: 200px;
    width: 100%
}

.offer-box .offer-slider .carousel-control-prev {
    right: 0;
    left: unset
}

.offer-box .offer-slider .carousel-control-prev-icon {
    top: 116px;
    position: absolute
}

.offer-box .offer-slider .carousel-control-next-icon {
    top: 75px;
    position: absolute
}

.offer-box .offer-slider .carousel-control-next-icon,.offer-box .offer-slider .carousel-control-prev-icon {
    width: 12px;
    height: 12px;
    background-color: hsla(0,0%,100%,.1);
    border-radius: 10px
}

.offer-box .offer-slider .carousel-control-next,.offer-box .offer-slider .carousel-control-prev {
    width: 10%
}

.offer-box .offer-slider .selling-slide .d-flex {
    height: 73%;
    display: flex;
    align-items: center;
    justify-content: center
}

.offer-box .offer-slider .selling-slide p {
    color: hsla(0,0%,100%,.5);
    font-weight: 500;
    font-family: Nunito,sans-serif;
    margin-bottom: 5px
}

.offer-box .offer-slider .selling-slide .badge-white {
    background-color: hsla(0,0%,100%,.1)
}

.offer-box .offer-slider .selling-slide .badge-dotted {
    border: 1px dashed hsla(0,0%,100%,.4)
}

.offer-box .offer-slider .selling-slide .badge {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    padding: 8px 15px
}

.offer-box .offer-slider .selling-slide h4 {
    color: #fff;
    margin-bottom: 14px
}

.offer-box .offer-slider .selling-slide .center-img {
    margin-top: -60px
}

.total-users .goal-chart {
    margin: -35px -15px -30px
}

.total-users .goal-chart .apexcharts-datalabels-group text {
    font-weight: 700
}

.total-users .goal-chart .apexcharts-datalabels-group text:last-child {
    fill: #2b2b2b
}

.total-users .goal-status ul li+li {
    margin-top: 30px;
    padding-top: 30px
}

.total-users .goal-status ul li .goal-detail {
    margin-bottom: 30px
}

.total-users .goal-status ul li .goal-detail h6 {
    margin-bottom: 16px
}

.total-users .goal-status ul:last-child li {
    border-top: 1px solid #ecf3fa;
    margin-top: 27px;
    padding-top: 27px
}

.total-users .goal-status .goal-end-point ul li:first-child,.total-users .goal-status .rate-card>ul li:last-child,.total-users .goal-status>ul li:last-child {
    border-top: none
}

.total-users .goal-status .progress {
    background-image: linear-gradient(90deg,transparent 15%,rgba(169,39,249,.1) 25%,transparent)
}

.total-users .goal-status .progress-gradient-primary {
    border-radius: 15%;
    background-image: linear-gradient(to right,transparent 25%,rgba(169,39,249,.1),var(--theme-deafult))
}

.total-users .goal-status .progress-gradient-primary:after {
    display: none
}

.best-seller-table table {
    margin-bottom: 0
}

.best-seller-table table td,.best-seller-table table th {
    border: none
}

.best-seller-table table thead tr th {
    padding-top: 0;
    font-size: 16px;
    font-weight: 500
}

.best-seller-table table thead tr th h5 {
    font-size: 22px
}

.best-seller-table table tr td,.best-seller-table table tr th {
    padding: 19px 10px
}

.best-seller-table table tr td:first-child,.best-seller-table table tr th:first-child {
    padding-left: 0
}

.best-seller-table table tr td:last-child,.best-seller-table table tr th:last-child {
    padding-right: 0
}

.best-seller-table table tbody tr td {
    vertical-align: middle;
    transition: .5s;
    position: relative;
    font-weight: 500
}

.best-seller-table table tbody tr td .flag-icon {
    font-size: 18px;
    position: relative;
    display: inline-block;
    width: 1.33333em;
    line-height: 1em
}

.best-seller-table table tbody tr td p {
    font-size: 11px;
    color: rgba(43,43,43,.8);
    transition: .5s
}

.best-seller-table table tbody tr td .fa-check-circle {
    position: absolute;
    left: 30px;
    top: 30px;
    opacity: 0;
    color: var(--theme-deafult);
    transition: .5s
}

.best-seller-table table tbody tr td .label {
    padding: 8px 12px;
    color: #2b2b2b;
    border-radius: 10px;
    transition: .5s;
    font-size: 13px
}

.best-seller-table table tbody tr td .align-middle {
    position: relative
}

.best-seller-table table tbody tr td .align-middle .status-circle {
    width: 10px;
    height: 10px;
    top: 2px;
    left: 32px;
    opacity: 0;
    transition: .5s
}

.best-seller-table table tbody tr:hover td,.best-seller-table table tbody tr:hover td p {
    color: var(--theme-deafult);
    transition: .5s
}

.best-seller-table table tbody tr:hover td span {
    color: #2b2b2b
}

.best-seller-table table tbody tr:hover td .label {
    background-color: rgba(74,164,217,.1);
    color: var(--theme-deafult);
    transition: .5s
}

.best-seller-table table tbody tr:hover td .align-middle .status-circle,.best-seller-table table tbody tr:hover td .fa-check-circle {
    opacity: 1;
    transition: .5s
}

.best-seller-table table tbody tr:last-child td {
    padding-bottom: 0
}

#riskfactorchart path {
    stroke-width: 10px;
    stroke-dasharray: 10,20;
    stroke-linecap: round
}

#riskfactorchart #apexcharts-radialbarTrack-0 {
    stroke: #ecd8d8;
    stroke-linecap: round
}

.our-product table thead tr td,.our-product table thead tr th {
    border: none;
    padding-top: 0;
    padding-bottom: 40px
}

.our-product table thead tr td span,.our-product table thead tr th span {
    color: rgba(43,43,43,.3);
    font-weight: 500
}

.our-product table tr td {
    padding: 20px 20px 0;
    border-top: none
}

.our-product table tr td:first-child {
    padding-left: 0
}

.our-product table tr td:last-child {
    padding-right: 0;
    text-align: right
}

.our-product table tr td p {
    color: rgba(43,43,43,.6);
    margin-bottom: 0;
    text-transform: capitalize
}

.our-product table tr td .btn {
    font-size: 12px;
    font-weight: 500
}

.our-product table tr td .flag-icon {
    font-size: 18px
}

.our-product table tr td .badge {
    font-size: 13px;
    font-weight: 600;
    padding: 7px 14px
}

.our-product table tr td .btn-secondary {
    background-color: #fef1f1!important;
    border-color: #fef1f1!important;
    color: var(--theme-secondary);
    font-weight: 700
}

.our-product table tr:first-child td {
    padding-top: 0
}

.our-product table tr:last-child td {
    padding-bottom: 0
}

@media only screen and (max-width: 1660px) {
    .risk-col .goal-status.row>div,.risk-col .goal-status.row>ul {
        flex:0 0 50%;
        max-width: 50%
    }

    .total-users .goal-status>ul li:first-child {
        border-top: none
    }
}

@media only screen and (max-width: 1460px) {
    .offer-box .offer-slider .selling-slide .d-flex {
        height:80%
    }

    .offer-box .offer-slider .selling-slide .center-img {
        margin-top: -49px
    }
}

@media only screen and (max-width: 1440px) {
    .offer-box .offer-slider .selling-slide .d-flex {
        height:81%
    }
}

@media only screen and (max-width: 1366px) {
    .best-seller-table table tbody tr td .fa-check-circle {
        left:2px
    }

    .offer-box .offer-slider,.offer-box .offer-slider .selling-slide .d-flex {
        height: 100%
    }

    .offer-box .offer-slider .selling-slide .d-flex .left-content {
        padding-left: 15px
    }

    .offer-box .offer-slider .selling-slide .center-img {
        margin-top: 0
    }
}

@media(max-width: 1366px)and (min-width:1200px) {
    .offer-box .offer-slider .selling-slide>div {
        flex:0 0 25%;
        max-width: 25%
    }

    .offer-box .offer-slider .selling-slide>div:first-child {
        flex: 0 0 40%;
        max-width: 40%
    }

    .offer-box .offer-slider .selling-slide>div:nth-child(2) {
        flex: 0 0 28%;
        max-width: 28%
    }
}

@media only screen and (max-width: 1305px) {
    .size-column>.xl-50 {
        max-width:100%;
        flex: 0 0 100%
    }
}

@media only screen and (max-width: 1199px) {
    .best-seller-table table tbody tr td {
        min-width:150px
    }

    .best-seller-table table tbody tr td .fa-check-circle {
        left: 18px
    }

    .best-seller-table table tbody tr td:first-child {
        min-width: 200px
    }

    .best-seller-table table tbody tr td:last-child,.best-seller-table table tbody tr td:nth-child(4) {
        min-width: 100px
    }

    .offer-box .offer-slider .selling-slide {
        padding-bottom: 40px
    }

    .offer-box .offer-slider .selling-slide>div:nth-child(2) {
        order: -1
    }

    .offer-box .offer-slider .selling-slide .center-img {
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    .profit-card .progress-animate {
        margin-bottom:15px;
        overflow: inherit;
        background-color: transparent
    }

    .activity-timeline .media+.media {
        margin-top: 30px
    }

    .activity-timeline .media .activity-line {
        top: 78px;
        height: 63%;
        left: 26px
    }

    .monthly-visit {
        margin-top: 0
    }

    .ecommerce-widgets .ecommerce-box {
        width: 50px;
        height: 50px
    }

    .ecommerce-widgets .fa-heart {
        font-size: 20px;
        margin-top: 4px
    }

    .offer-box .offer-slider .selling-slide {
        padding-bottom: 20px
    }

    .offer-box .offer-slider .selling-slide .d-flex .left-content {
        padding-left: 0
    }

    .offer-box .offer-slider .carousel-control-next-icon,.offer-box .offer-slider .carousel-control-prev-icon {
        right: 20px
    }

    .best-seller-table table thead tr th h5 {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .offer-box .offer-slider .selling-slide {
        padding-bottom:20px
    }

    .offer-box .offer-slider .selling-slide .d-flex .left-content,.offer-box .offer-slider .selling-slide .d-flex .right-content {
        text-align: center;
        width: 100%
    }

    .offer-box .offer-slider .selling-slide .d-flex .right-content {
        margin-top: 30px
    }
}

@media only screen and (max-width: 575px) {
    .activity-timeline .media+.media {
        margin-top:20px
    }

    .offer-box .offer-slider .selling-slide .center-img img {
        width: 50%
    }

    .offer-box .offer-slider .selling-slide h4 {
        font-size: 18px
    }

    .offer-box .offer-slider .selling-slide .badge {
        font-size: 12px
    }

    .risk-col .goal-status.row>div,.risk-col .goal-status.row>ul {
        flex: 0 0 100%;
        max-width: 100%
    }

    .total-users .goal-status>ul li:first-child {
        border-top: 1px solid #ecf3fa
    }

    .total-users .goal-status ul:last-child li {
        padding-top: 20px;
        margin-top: 20px
    }
}

@media only screen and (max-width: 480px) {
    .our-product table tr td:first-child,.our-product table tr td:nth-child(2) {
        min-width:160px
    }
}

@media only screen and (max-width: 360px) {
    .profit-card span {
        display:block;
        margin-top: 5px
    }

    .activity-timeline .media .activity-line {
        height: 67%
    }
}

.texts-light {
    color: rgba(43,43,43,.7)
}

.form-control-plaintext {
    width: auto!important
}

.badge-light-primary {
    background-color: #eaf5fb;
    color: #4aa4d9
}

.badge-light-secondary {
    background-color: #fef1f1;
    color: #ef3f3e
}

.badge-light-success {
    background-color: #f5f0f9;
    color: #9e65c2
}

.badge-light-danger {
    background-color: #edeff7;
    color: #6670bd
}

.badge-light-info {
    background-color: #f4e4fe;
    color: #a927f9
}

.badge-light-light {
    background-color: #fff;
    color: #f4f4f4
}

.badge-light-dark {
    background-color: #8490a9;
    color: #2c323f
}

.badge-light-warning {
    background-color: #fdfefe;
    color: #747dc6
}

.badge-light-primary {
    background-color: rgba(74,164,217,.1)
}

.badge-light-success {
    background-color: rgba(158,101,194,.2)
}

.table thead th {
    border-bottom: 2px solid #ecf3fa
}

.custom-map {
    overflow: hidden
}

.profile-greeting {
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative
}

.profile-greeting .card-body {
    padding: 40px 20px
}

.profile-greeting .badge-groups .badge.f-12 svg {
    width: 16px;
    height: 16px
}

.profile-greeting .media .media-body p {
    font-weight: 500;
    font-size: 10px
}

.profile-greeting .media .badge-groups {
    display: flex;
    justify-content: space-between
}

.profile-greeting .media .badge-groups .badge {
    color: #fff!important;
    padding: 10px 14px!important
}

.profile-greeting .media .badge-groups .badge:first-child {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg,transparent 28%,hsla(0,0%,100%,.1));
    border-radius: 5px
}

.profile-greeting .media .badge-groups .badge:last-child {
    background: linear-gradient(90deg,hsla(0,0%,100%,.1) 20%,transparent);
    border-radius: 5px;
    width: 56px;
    text-align: left
}

.profile-greeting .greeting-user {
    margin: 42px 0
}

.profile-greeting .greeting-user h4 {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #fff
}

.profile-greeting .greeting-user p {
    font-weight: 500;
    padding: 0 50px;
    margin-bottom: 25px
}

.profile-greeting .greeting-user p span {
    color: hsla(0,0%,100%,.8)
}

.profile-greeting .greeting-user .profile-vector {
    filter: drop-shadow(15px 17px 12px rgba(0,0,0,.1))
}

.profile-greeting .greeting-user .right-circle i {
    padding: 5px 6px;
    background-color: hsla(0,0%,100%,.2);
    border-radius: 100%
}

.profile-greeting .greeting-user .left-icon {
    width: 50px;
    height: 50px;
    background-color: hsla(0,0%,100%,.1);
    border-radius: 20px 20px 20px 10px;
    position: absolute;
    left: 4%;
    bottom: 4%
}

.profile-greeting .greeting-user .left-icon i {
    color: #fff;
    margin-top: 38%;
    transform: translateY(-50%);
    animation: tada 1.5s ease infinite
}

.profile-greeting .whatsnew-btn .btn {
    background-color: #fff!important;
    border-radius: 5px;
    color: var(--theme-deafult);
    font-weight: 500;
    padding: 6px 18px
}

.earning-card.card .card-body {
    overflow: hidden
}

.earning-card.card .card-body .chart-left {
    padding: 40px 0 40px 40px
}

.earning-card.card .card-body .chart-right {
    padding: 0 40px
}

.earning-card.card .card-body .chart-right .weekly-data {
    padding-bottom: 40px
}

.earning-card.card .card-body .chart-right .p-tb {
    padding: 40px 0
}

.earning-card.card .card-body .left_side_earning {
    margin-bottom: 30px
}

.earning-card.card .card-body .left_side_earning:last-child {
    margin-bottom: 0
}

.earning-card.card .card-body .left_side_earning h5 {
    line-height: 36px;
    font-weight: 500;
    margin: 0;
    font-size: 1rem
}

.earning-card.card .card-body .left_side_earning p {
    font-size: 14px;
    color: rgba(43,43,43,.7)
}

.earning-card.card .card-body .left-btn a.btn {
    padding: 10px 16px
}

.earning-card.card .card-body .inner-top-left ul li,.earning-card.card .card-body .inner-top-right ul li {
    line-height: 22px;
    color: rgba(43,43,43,.7);
    font-weight: 500;
    margin-left: 35px;
    letter-spacing: 1px
}

.earning-card.card .card-body .inner-top-left ul li.active,.earning-card.card .card-body .inner-top-right ul li.active {
    color: var(--theme-deafult)
}

.earning-card.card .card-body .inner-top-left ul li:first-child {
    margin-left: 0
}

.earning-card.card .card-body .inner-top-right ul li {
    position: relative
}

.earning-card.card .card-body .inner-top-right ul li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--theme-deafult);
    left: -40%;
    top: 27%
}

.earning-card.card .card-body .inner-top-right ul li:last-child:before {
    background-color: #6670bd
}

.earning-card.card .card-body .border-top {
    border-top: 1px solid #ecf3fa!important;
    padding: 38px 40px 37px
}

.earning-card.card .card-body .earning-content {
    border-right: 1px solid #ecf3fa
}

.earning-card.card .card-body .media .media-left {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: var(--theme-deafult);
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer
}

.earning-card.card .card-body .media .media-left i {
    font-size: 18px;
    transition: all .3s linear
}

.earning-card.card .card-body .media .media-left:hover {
    animation: tada 1.5s ease infinite
}

.earning-card.card .card-body .media .media-body h6 {
    margin-bottom: 2px;
    line-height: 24px
}

.earning-card.card .card-body .media .media-body p {
    font-size: 14px;
    color: rgba(43,43,43,.7)
}

.chart_data_left .card-body .chart-main .media,.chart_data_right .card-body .chart-main .media {
    padding: 45px 40px;
    border-right: 1px solid #ecf3fa
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart,.chart_data_right .card-body .chart-main .media .hospital-small-chart {
    align-items: center;
    margin-bottom: -25px
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar {
    position: relative
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container {
    height: 74px;
    width: 75px
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip {
    position: absolute;
    opacity: 0
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip .chartist-tooltip-value {
    font-size: 10px;
    padding: 5px;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    border-radius: 4px
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip.tooltip-show,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container .chartist-tooltip.tooltip-show {
    opacity: 1
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container svg,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .flot-chart-container svg {
    position: absolute;
    bottom: 23px;
    width: 100%;
    height: 95%
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-slice-donut,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-a .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-a .ct-slice-donut {
    stroke: var(--theme-deafult)
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-slice-donut,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart svg .ct-series-b .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 svg .ct-series-b .ct-slice-donut {
    stroke: rgba(74,164,217,.1)
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart .chartist-tooltip .chartist-tooltip-value,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart2 .chartist-tooltip .chartist-tooltip-value {
    background-color: var(--theme-deafult);
    box-shadow: 1px 1.732px 8px 0 rgba(74,164,217,.5)
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 .chartist-tooltip .chartist-tooltip-value,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 .chartist-tooltip .chartist-tooltip-value,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 .chartist-tooltip .chartist-tooltip-value {
    background-color: var(--theme-secondary);
    box-shadow: 1px 1.732px 8px 0 rgba(239,63,62,.5)
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-slice-donut,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-a .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-a .ct-slice-donut {
    stroke: var(--theme-secondary)
}

.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-slice-donut,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-bar,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-line,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-point,.chart_data_left .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart1 svg .ct-series-b .ct-slice-donut,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-bar,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-line,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-point,.chart_data_right .card-body .chart-main .media .hospital-small-chart .small-bar .small-chart3 svg .ct-series-b .ct-slice-donut {
    stroke: rgba(239,63,62,.1)
}

.chart_data_left .card-body .chart-main .media .media-body .right-chart-content,.chart_data_right .card-body .chart-main .media .media-body .right-chart-content {
    margin-left: 10px
}

.chart_data_left .card-body .chart-main .media .media-body .right-chart-content h4,.chart_data_right .card-body .chart-main .media .media-body .right-chart-content h4 {
    line-height: 1;
    font-weight: 500
}

.chart_data_left .card-body .chart-main .media .media-body .right-chart-content span,.chart_data_right .card-body .chart-main .media .media-body .right-chart-content span {
    color: rgba(43,43,43,.7)
}

.chart_data_left .card-body .chart-main .media.border-none,.chart_data_right .card-body .chart-main .media.border-none {
    border-right: none!important
}

.chart_data_right .card-body .media .right-chart-content {
    margin-left: 0!important
}

.chart_data_right .card-body .media .right-chart-content h4 {
    display: flex;
    align-items: center
}

.chart_data_right .card-body .media .right-chart-content h4 .new-box {
    padding: 3px 5px;
    background-color: var(--theme-deafult);
    font-size: 10px;
    color: #fff;
    margin-left: 10px
}

.chart_data_right .card-body .media .right-chart-content span {
    color: rgba(43,43,43,.7)
}

.chart_data_right .card-body .knob-block {
    margin-bottom: -5px
}

.chart_data_right .card-body .knob-block input {
    height: 40%!important;
    width: 40%!important;
    left: 50%!important;
    top: 2%!important;
    transform: translate(-50%)!important;
    margin-left: 0!important;
    margin-top: 17px!important;
    color: #242934!important
}

.chart_data_right .card-body .knob-block canvas {
    width: 100%;
    height: 100%
}

.chart_data_right .card-body .knob-block .chart-overflow {
    overflow: hidden;
    text-align: center
}

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

.main-logo {
    display: block
}

.white-logo,[class=dark-only] .main-logo {
    display: none
}

[class=dark-only] .white-logo {
    display: block
}

.appointment-sec span,.news span,.third-news-update span {
    font-weight: 500
}

.appointment-sec .card-header-right-icon select,.news .card-header-right-icon select,.third-news-update .card-header-right-icon select {
    background-color: rgba(74,164,217,.08)!important;
    color: var(--theme-deafult)!important;
    width: auto!important;
    height: 32px!important;
    border-radius: 10px;
    padding: 5px 10px;
    line-height: 50px!important;
    font-weight: 500;
    border: none;
    outline: none!important
}

.appointment-sec .card-header-right-icon select:hover,.news .card-header-right-icon select:hover,.third-news-update .card-header-right-icon select:hover {
    background-color: rgba(74,164,217,.08)!important;
    color: var(--theme-deafult)!important
}

.appointment-sec .news-update,.news .news-update,.third-news-update .news-update {
    padding: 30px 40px;
    border-bottom: 1px solid #ecf3fa
}

.appointment-sec .news-update span,.news .news-update span,.third-news-update .news-update span {
    color: rgba(43,43,43,.7);
    font-family: Nunito,sans-serif;
    font-weight: 400
}

.appointment-sec .news-update:last-child,.news .news-update:last-child,.third-news-update .news-update:last-child {
    border: none!important
}

.appointment-sec .card-header-right-icon .dropdown .dropdown-toggle,.news .card-header-right-icon .dropdown .dropdown-toggle,.third-news-update .card-header-right-icon .dropdown .dropdown-toggle {
    background-color: rgba(115,102,255,.08);
    color: #4aa4d9;
    border-radius: 10px;
    padding: 5px 15px;
    width: 100px;
    text-align: left
}

.appointment-sec .card-header-right-icon .dropdown .dropdown-toggle:after,.news .card-header-right-icon .dropdown .dropdown-toggle:after,.third-news-update .card-header-right-icon .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "";
    border: none;
    font-family: FontAwesome;
    font-size: 18px;
    margin: 0
}

.appointment-sec .card-header-right-icon .dropdown .dropdown-menu,.news .card-header-right-icon .dropdown .dropdown-menu,.third-news-update .card-header-right-icon .dropdown .dropdown-menu {
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    border: none;
    padding: 0
}

.appointment-sec .card-header-right-icon .dropdown .dropdown-menu .dropdown-item,.news .card-header-right-icon .dropdown .dropdown-menu .dropdown-item,.third-news-update .card-header-right-icon .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: .6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff
}

.appointment-sec .card-header-right-icon .dropdown .dropdown-menu .dropdown-item:hover,.news .card-header-right-icon .dropdown .dropdown-menu .dropdown-item:hover,.third-news-update .card-header-right-icon .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #fff
}

.appointment-sec .bottom-btn,.news .bottom-btn,.third-news-update .bottom-btn {
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

.appointment-sec .news .card .card-footer,.news .news .card .card-footer,.third-news-update .news .card .card-footer {
    padding-top: 0;
    border-top: none!important
}

.appointment-sec .appointment .radar-chart .apexcharts-datalabel,.news .appointment .radar-chart .apexcharts-datalabel,.third-news-update .appointment .radar-chart .apexcharts-datalabel {
    font-size: 13px;
    font-weight: 600;
    fill: #2b2b2b
}

.appointment-sec .alert-sec .card.bg-img,.news .alert-sec .card.bg-img,.third-news-update .alert-sec .card.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.appointment-sec .alert-sec .card .card-header,.news .alert-sec .card .card-header,.third-news-update .alert-sec .card .card-header {
    background-color: transparent!important;
    border-bottom: none!important;
    padding-bottom: 0
}

.appointment-sec .alert-sec .card .card-header .header-top h5,.news .alert-sec .card .card-header .header-top h5,.third-news-update .alert-sec .card .card-header .header-top h5 {
    color: #fff
}

.appointment-sec .alert-sec .card .card-header .header-top p,.news .alert-sec .card .card-header .header-top p,.third-news-update .alert-sec .card .card-header .header-top p {
    opacity: 35%;
    color: #fff
}

.appointment-sec .alert-sec .card .card-header .header-top .dot-right-icon,.news .alert-sec .card .card-header .header-top .dot-right-icon,.third-news-update .alert-sec .card .card-header .header-top .dot-right-icon {
    color: #fff;
    width: 50px;
    height: 32px;
    background-color: hsla(0,0%,100%,.1);
    border-radius: 10px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center
}

.appointment-sec .alert-sec .card .card-body .body-bottom h6,.news .alert-sec .card .card-body .body-bottom h6,.third-news-update .alert-sec .card .card-body .body-bottom h6 {
    color: #fff;
    margin-bottom: 8px
}

.appointment-sec .alert-sec .card .card-body .body-bottom span,.news .alert-sec .card .card-body .body-bottom span,.third-news-update .alert-sec .card .card-body .body-bottom span {
    color: hsla(0,0%,100%,.8)
}

.notification .card .media {
    margin-bottom: 34px
}

.notification .card .media .media-body p {
    color: var(--theme-secondary)
}

.notification .card .media .media-body p span {
    color: #2b2b2b;
    font-weight: 400
}

.notification .card .media .media-body p .badge {
    color: #fff;
    margin-left: 10px;
    font-weight: 500
}

.notification .card .media .media-body h6 {
    margin-top: 16px;
    margin-bottom: 5px;
    position: relative
}

.notification .card .media .media-body h6 .dot-notification {
    float: right;
    width: 15px;
    height: 15px;
    background-color: var(--theme-secondary);
    border: 5px solid #fbcccb;
    border-radius: 50%;
    animation: round 1.3s ease-in-out infinite
}

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

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.notification .card .media .media-body span {
    color: rgba(43,43,43,.7)
}

.notification .card .media .media-body .inner-img {
    width: 110px;
    height: 72px;
    background-color: #fff;
    border-radius: 5px
}

.notification .card .media .media-body .inner-img:first-child {
    margin-right: 20px
}

.notification .card .media .media-body .inner-img img {
    border-radius: 5px;
    transition: all .3s linear
}

.notification .card .media .media-body .inner-img:hover img {
    animation: tada 1.5s ease-out infinite;
    transition: all .3s linear
}

.notification .card .media:nth-child(2) .media-body h6 .dot-notification {
    background-color: #747dc6;
    border: 5px solid #e1e2f2
}

.notification .card .media:last-child {
    margin-bottom: 0!important
}

.appointment-table table tr td {
    position: relative;
    border-top: none;
    padding: 0
}

.appointment-table table tr td .status-circle {
    top: 1px;
    left: 35px;
    border-width: 3px
}

.appointment-table table tr td .btn,.appointment-table table tr td p {
    font-weight: 500;
    font-size: 12px
}

.appointment-table table tr td .btn {
    padding: 4px 12px
}

.appointment-table table tr td.img-content-box .font-roboto {
    color: rgba(43,43,43,.7)
}

.chat-default .media-dashboard {
    align-items: center
}

.chat-default .media-dashboard .icon-box {
    width: 50px;
    height: 32px;
    background-color: rgba(74,164,217,.08);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.chat-default .media-dashboard .icon-box i {
    color: var(--theme-deafult);
    font-size: 22px
}

.chat-default .card-body {
    padding-top: 0
}

.chat-default .card-body.chat-box .left-side-chat .media-body .img-profile {
    width: 40px;
    height: 40px
}

.chat-default .card-body.chat-box .left-side-chat .media-body .img-profile img {
    border-radius: 100%
}

.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat {
    margin-left: 15px
}

.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat .message-main span {
    background-color: var(--theme-deafult);
    border-radius: 30px;
    border-bottom-left-radius: 0;
    color: #fff
}

.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat .sub-message {
    margin-top: 10px
}

.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat .sub-message span {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 0
}

.chat-default .card-body.chat-box .left-side-chat .media-body .main-chat:last-child .sub-message span {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 0
}

.chat-default .card-body.chat-box .right-side-chat {
    margin: 15px 0
}

.chat-default .card-body.chat-box .right-side-chat .media-body .message-main span {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(25,124,207,.1);
    border-radius: 30px;
    color: var(--theme-deafult);
    opacity: 100%;
    border-bottom-right-radius: 0;
    text-align: center
}

.chat-default .card-body.chat-box .right-side-chat .media-body .message-main span.loader-span .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 4px;
    background: var(--theme-deafult);
    animation: wave 1.3s linear infinite;
    padding: 0
}

.chat-default .card-body.chat-box .right-side-chat .media-body .message-main span.loader-span .dot:nth-child(2) {
    animation-delay: -1.1s
}

.chat-default .card-body.chat-box .right-side-chat .media-body .message-main span.loader-span .dot:nth-child(3) {
    animation-delay: -.9s
}

@keyframes wave {
    0%,60%,to {
        transform: none
    }

    30% {
        transform: translateY(-9px)
    }
}

.chat-default .card-body.chat-box .media .media-body .message-main span {
    display: inline-block;
    padding: 12px 18px;
    font-weight: 400
}

.chat-default .card-body.chat-box .media p {
    font-size: 10px;
    margin-top: 14px;
    color: var(--theme-deafult)
}

.chat-default .card-body.chat-box .input-group {
    margin: 30px 0 0;
    align-items: center
}

.chat-default .card-body.chat-box .input-group .form-control {
    border: none;
    border-radius: 0;
    border-left: 1px solid var(--theme-deafult);
    font-size: 16px
}

.chat-default .card-body.chat-box .input-group .form-control::placeholder {
    color: #2b2b2b;
    font-weight: 500;
    font-size: 16px
}

.chat-default .card-body.chat-box .input-group .form-control:focus {
    box-shadow: none
}

.chat-default .card-body.chat-box .input-group .send-msg {
    width: 50px;
    height: 45px;
    background-color: rgba(74,164,217,.1);
    border-radius: 25%!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.chat-default .card-body.chat-box .input-group .send-msg svg {
    width: 20px;
    color: var(--theme-deafult);
    vertical-align: middle;
    transform: rotate(45deg);
    margin-left: -3px
}

.date-picker-setting {
    background-color: rgba(74,164,217,.1);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px
}

.date-picker-setting i {
    color: var(--theme-deafult)
}

.default-datepicker .datepicker-inline .datepicker {
    width: auto;
    background: #fff;
    box-shadow: none;
    padding: 0
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
    margin: 60px 0 0;
    padding: 15px 0
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
    color: #2b2b2b;
    font-size: 14px
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {
    height: 55px;
    border-radius: 0;
    color: #2b2b2b
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {
    color: #2b2b2b;
    opacity: 20%
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
    font-weight: 500;
    font-size: 16px;
    border-radius: 0;
    z-index: 0
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {
    background: var(--theme-deafult);
    color: #fff;
    position: relative;
    box-shadow: 0 0 13px 0 rgba(74,164,217,.5)
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-current- {
    box-shadow: 0 0 15px -5px rgba(74,164,217,.5)
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-focus- {
    color: #fff;
    box-shadow: 0 0 13px 0 rgba(74,164,217,.5)
}

.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker-cell .datepicker--cell-month.-current-.-selected- {
    background-color: var(--theme-deafult)
}

.default-datepicker .datepicker-inline .datepicker .datepicker--nav {
    border-bottom: none;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0
}

.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {
    display: none
}

.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
    color: #2b2b2b;
    font-size: 22px;
    font-weight: 600
}

.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #2b2b2b
}

@media only screen and (max-width: 360px) {
    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day,.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-:before {
        height:36px
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
        margin: 13px 0
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {
        font-size: 12px
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        margin-left: 15px;
        font-size: 25px
    }
}

.btn-light-secondary {
    background-color: rgba(var(--theme-secondary),.1);
    font-size: 12px;
    padding: 6px 12px;
    font-weight: 600
}

.crm-activity>li+li {
    border-top: 1px solid #efefef;
    margin-top: 10px;
    padding-top: 10px
}

.crm-activity>li+li h6 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px
}

.crm-activity>li h6 {
    font-size: 14px
}

.crm-activity span {
    font-size: 40px
}

.crm-activity ul.dates h6 {
    color: #2b2b2b
}

.crm-activity ul.dates li {
    color: rgba(43,43,43,.7);
    font-size: 12px;
    display: inline-block;
    line-height: 1
}

.crm-activity ul.dates li+li {
    border-left: 1px solid #efefef;
    padding-left: 10px;
    margin-left: 5px
}

.ecommerce-widget {
    box-shadow: none;
    border: 1px solid #f1f3ff!important;
    border-radius: 5px
}

.ecommerce-widget .total-num {
    color: #2b2b2b;
    margin: 0;
    letter-spacing: 1px
}

.ecommerce-widget .total-num span {
    color: #000
}

.ecommerce-widget .row {
    align-items: center
}

.ecommerce-widget .progress-showcase {
    margin-top: 30px
}

.ecommerce-widget span {
    color: rgba(43,43,43,.7);
    margin: 0;
    cursor: pointer
}

.ecommerce-widget .icon {
    color: #efefef;
    font-size: 40px
}

.ecommerce-widget .flot-chart-container {
    height: 100px;
    padding: 0;
    margin: 0;
    border: transparent
}

.ecommerce-widget .morris-default-style {
    display: none!important
}

.ecommerce-widget svg {
    filter: drop-shadow(12px 12px 7px rgba(0,0,0,.3))
}

.static-top-widget:hover .icon-bg {
    transform: rotate(-5deg) scale(1.1);
    transition: all .3s ease
}

.static-top-widget div.align-self-center svg {
    width: 30px;
    height: 30px
}

.static-top-widget .media-body {
    align-self: center!important;
    padding-left: 30px
}

.static-top-widget .media-body .icon-bg {
    position: absolute;
    right: -14px;
    top: 6px;
    opacity: .2;
    transition: all .3s ease;
    width: 100px;
    height: 100px
}

.bg-info .media.static-top-widget .align-self-center {
    background-color: #a927f9
}

.bg-primary .media.static-top-widget .align-self-center {
    background-color: var(--theme-deafult)
}

.bg-secondary .media.static-top-widget .align-self-center {
    background-color: var(--theme-secondary)
}

.bg-danger .media.static-top-widget .align-self-center {
    background-color: #6670bd
}

.widget-joins:before {
    height: 100%;
    width: 1px;
    left: calc(50% - 1px)
}

.widget-joins:after,.widget-joins:before {
    content: "";
    position: absolute;
    background-color: #efefef
}

.widget-joins:after {
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%
}

.widget-joins .media {
    padding: 30px;
    text-align: center;
    align-items: center
}

.widget-joins .media .details {
    border-left: 1px solid #efefef;
    padding: 1px 0
}

.widget-joins .media .media-body {
    text-align: left
}

.widget-joins .media .media-body>span {
    color: rgba(43,43,43,.7)
}

.widget-joins .media .media-body svg {
    width: 40px;
    height: 40px
}

.widget-joins .media .media-body h6 {
    font-weight: 600
}

.widget-joins .media .media-body h6 span {
    color: #000
}

.redial-social-widget {
    width: 100px;
    height: 100px;
    font-size: 25px;
    margin: 0 auto;
    background-image: linear-gradient(90deg,#f4f4f4 50%,transparent 0,transparent),linear-gradient(90deg,#ecf3fa 50%,#f4f4f4 0,#f4f4f4)
}

.redial-social-widget,.redial-social-widget i {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.redial-social-widget i {
    background-color: #fff;
    height: 80px;
    width: 80px;
    text-align: center
}

.redial-social-widget.radial-bar-70 {
    background-image: linear-gradient(342deg,var(--theme-deafult) 50%,transparent 50%,transparent),linear-gradient(270deg,var(--theme-deafult) 50%,#f4f4f4 50%,#f4f4f4)
}

.social-widget-card span {
    margin-bottom: 4px;
    display: inline-block;
    font-size: 12px
}

.social-widget-card h5,.social-widget-card span {
    color: rgba(43,43,43,.7);
    text-transform: uppercase
}

.social-widget-card h5 {
    text-align: center;
    padding: 20px 0;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 16px
}

.social-widget-card h4 {
    font-size: 18px
}

.browser-widget:hover img {
    filter: grayscale(0);
    transition: all .3s ease;
    transform: scale(1.1) rotate(5deg)
}

.browser-widget img {
    height: 80px;
    filter: grayscale(100%);
    transform: scale(1) rotate(0deg);
    transition: all .3s ease
}

.browser-widget .media-body {
    text-align: center;
    column-count: 3;
    column-rule: 1px solid #f4f4f4
}

.browser-widget .media-body p {
    margin-bottom: 5px
}

.browser-widget .media-body span {
    margin-bottom: 0;
    color: rgba(43,43,43,.7)
}

.browser-widget .media-body h4 {
    color: #2b2b2b;
    margin-bottom: 0;
    font-size: 18px
}

.browser-widget .media-body h4 span {
    color: #333
}

.testimonial #owl-carousel-testimonial .owl-stage-outer .owl-stage .owl-item .item img,.testimonial #owl-carousel-testimonial-rtl .owl-stage-outer .owl-stage .owl-item .item img {
    border-radius: 100%
}

.testimonial i {
    font-size: 60px;
    color: rgba(43,43,43,.7);
    position: absolute;
    left: 0;
    top: 0;
    opacity: .1;
    z-index: -1
}

.testimonial p {
    color: rgba(43,43,43,.7);
    font-style: italic;
    margin-bottom: 30px;
    margin-top: 30px
}

.testimonial h5 {
    color: #2b2b2b;
    padding-top: 10px
}

.testimonial span {
    color: rgba(43,43,43,.7)
}

.testimonial img {
    margin: 0 auto
}

.hour,.min,.mobile-clock-widget .sec {
    position: absolute;
    width: 24px;
    height: 234px;
    top: 0;
    left: 102px;
    margin-top: -30px;
    margin-left: -25px
}

.cal-date-widget .datepicker {
    padding: 20px;
    border-radius: 20px
}

.cal-date-widget .datepicker .datepicker--nav {
    border-bottom: none
}

.cal-date-widget .datepicker .datepicker--cell-day.-other-month-,.cal-date-widget .datepicker .datepicker--cell-year.-other-decade- {
    opacity: .5
}

.cal-date-widget .cal-info h2 {
    font-size: 100px;
    color: #ecf3fa
}

.weather-widget-two {
    position: relative;
    background-color: var(--theme-deafult);
    height: 365px;
    border-radius: 20px;
    overflow: hidden
}

.weather-widget-two .card-body .media {
    margin-bottom: 10px
}

.weather-widget-two svg path.climacon_component-stroke {
    fill: #fff
}

.weather-widget-two .top-bg-whether {
    position: absolute;
    top: -50px;
    right: -28px;
    opacity: .1
}

.weather-widget-two .top-bg-whether svg {
    width: 200px;
    height: 200px
}

.weather-widget-two .num {
    font-weight: 600
}

.weather-widget-two .climacon_component-stroke {
    stroke: #fff
}

.weather-widget-two .bottom-whetherinfo svg {
    width: 150px;
    height: 150px;
    opacity: .1;
    color: #fff;
    position: relative;
    top: 0;
    left: -35px
}

.weather-widget-two .bottom-whetherinfo .whether-content {
    text-align: right;
    position: relative;
    top: 5px;
    color: #fff
}

.mobile-clock-widget {
    background-repeat: no-repeat;
    background-size: cover;
    height: 365px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-blend-mode: overlay;
    background-color: #102680;
    position: relative
}

.mobile-clock-widget .bg-svg {
    position: absolute;
    top: -4px;
    left: -25px
}

.mobile-clock-widget .bg-svg svg {
    width: 150px;
    height: 150px;
    opacity: .08
}

.mobile-clock-widget .clock {
    padding: 0;
    position: relative;
    list-style: none;
    margin: 0 auto;
    height: 175px;
    width: 175px;
    display: block
}

.mobile-clock-widget .sec {
    z-index: 3
}

.mobile-clock-widget .min {
    z-index: 2
}

.mobile-clock-widget .hour {
    z-index: 1
}

.mobile-clock-widget #date {
    margin-top: 30px
}

.flot-chart-container {
    height: 250px
}

.calender-widget .cal-img {
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 300px
}

.calender-widget .cal-date {
    width: 100px;
    height: 100px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    margin: -45px auto 0;
    border: 1px solid #ecf3fa;
    display: flex;
    align-items: center;
    justify-content: center
}

.calender-widget .cal-date h5 {
    margin-bottom: 0;
    line-height: 1.5;
    padding: 17px;
    font-weight: 600;
    font-size: 18px
}

.calender-widget .cal-desc h6 {
    padding-bottom: 6px
}

.calender-widget .cal-desc span {
    line-height: 1.6
}

.contact-form .theme-form {
    border: 1px solid #f4f4f4;
    padding: 30px;
    border-radius: 4px
}

.contact-form .theme-form .form-icon {
    width: 53px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 100%;
    font-size: 28px;
    background-color: #fff;
    color: #4aa4d9;
    margin-top: -55px;
    margin-bottom: 15px
}

.contact-form .theme-form label {
    font-weight: 600
}

.contact-form .btn {
    padding: 10px 30px
}

.chart-widget-top #chart-widget1,.chart-widget-top #chart-widget2,.chart-widget-top #chart-widget3 {
    margin-bottom: -14px
}

.chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,.chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,.chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
    display: none
}

.bar-chart-widget .top-content {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.bar-chart-widget .earning-details {
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    letter-spacing: 1px
}

.bar-chart-widget .earning-details i {
    font-size: 230px;
    position: absolute;
    opacity: .1;
    right: -30px;
    top: 0
}

.bar-chart-widget .earning-details i:hover {
    transform: rotate(-5deg) scale(1.1);
    transition: all .3s ease
}

.bar-chart-widget .num {
    font-weight: 600
}

.bar-chart-widget .num .color-bottom {
    color: #000
}

.bottom-content span {
    color: rgba(43,43,43,.7)
}

.bottom-content .block-bottom {
    display: block
}

.user-status table tbody tr td {
    vertical-align: middle
}

.user-status table tbody tr td .d-inline-block {
    margin-top: 11px
}

.user-status table tbody tr td .image-sm-size img {
    width: 41px
}

.user-status table tbody tr:last-child td {
    padding-bottom: 0
}

.user-status table thead tr th {
    border-top: 0;
    font-size: 16px;
    color: #2c323f;
    font-weight: 600;
    padding-top: 0
}

@keyframes am-moving-dashes {
    to {
        stroke-dashoffset: -30px
    }
}

@keyframes am-pulsating {
    0% {
        stroke-opacity: 1;
        stroke-width: 0
    }

    to {
        stroke-opacity: 0;
        stroke-width: 50px
    }
}

@keyframes am-draw {
    0% {
        stroke-dashoffset: 500%
    }

    to {
        stroke-dashoffset: 0
    }
}

.serial-chart .chart-container {
    width: 100%;
    height: 500px
}

.serial-chart .chart-container .lastBullet {
    animation: am-pulsating 1s ease-out infinite
}

.serial-chart .chart-container .amcharts-graph-column-front {
    transition: all .3s ease-out .3s
}

.serial-chart .chart-container .amcharts-graph-column-front:hover {
    fill: var(--theme-secondary);
    stroke: var(--theme-secondary);
    transition: all .3s ease-out
}

.serial-chart .chart-container .amcharts-graph-g3 {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: am-draw 40s
}

.serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
    stroke-dasharray: 3px 3px;
    stroke-linejoin: round;
    stroke-linecap: round;
    animation: am-moving-dashes 1s linear infinite
}

.speed-chart .chart-container {
    width: 100%;
    height: 530px
}

.speed-chart .content {
    margin-top: -200px;
    margin-bottom: 20px
}

.speed-chart .content h4 {
    font-weight: 600;
    padding-top: 2px
}

.status-widget svg {
    width: 20px;
    height: 20px;
    vertical-align: text-top
}

.status-widget .card .card-header h5 {
    line-height: 1.38
}

.status-widget .status-chart {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden
}

.small-chart-widget .chart-container {
    height: 311px;
    padding: 0;
    margin: 0;
    border: none
}

.small-chart-widget .card .card-body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.donut-chart-widget .chart-container {
    height: 300px;
    border: 0;
    margin: 0;
    padding: 0
}

.status-details h4 {
    font-weight: 600
}

.status-details h4 span {
    color: inherit
}

.status-details span {
    color: rgba(43,43,43,.7)
}

.status-chart .chart-container {
    height: 200px;
    border: 0;
    padding: 0;
    margin: 0
}

.map-chart .chart-container {
    width: 100%;
    height: 500px
}

.serial-chart {
    width: 100%
}

.live-products,.monthly,.turnover,.uses {
    height: 300px
}

.live-products .ct-series-a .ct-area,.live-products .ct-series-a .ct-bar,.live-products .ct-series-a .ct-line,.live-products .ct-series-a .ct-point,.live-products .ct-series-a .ct-slice-donut {
    stroke: hsla(0,0%,100%,.77)
}

.live-products .ct-label {
    fill: #fff;
    color: #fff
}

.live-products .ct-grid {
    stroke: hsla(0,0%,100%,.7)
}

.monthly .ct-series-a .ct-area,.monthly .ct-series-a .ct-bar,.monthly .ct-series-a .ct-line,.monthly .ct-series-a .ct-point,.monthly .ct-series-a .ct-slice-donut,.turnover .ct-series-a .ct-area,.turnover .ct-series-a .ct-bar,.turnover .ct-series-a .ct-line,.turnover .ct-series-a .ct-point,.turnover .ct-series-a .ct-slice-donut,.uses .ct-series-a .ct-area,.uses .ct-series-a .ct-bar,.uses .ct-series-a .ct-line,.uses .ct-series-a .ct-point,.uses .ct-series-a .ct-slice-donut {
    stroke: #fff;
    fill: transparent
}

.monthly .ct-series-b .ct-area,.monthly .ct-series-b .ct-bar,.monthly .ct-series-b .ct-line,.monthly .ct-series-b .ct-point,.monthly .ct-series-b .ct-slice-donut,.turnover .ct-series-b .ct-area,.turnover .ct-series-b .ct-bar,.turnover .ct-series-b .ct-line,.turnover .ct-series-b .ct-point,.turnover .ct-series-b .ct-slice-donut,.uses .ct-series-b .ct-area,.uses .ct-series-b .ct-bar,.uses .ct-series-b .ct-line,.uses .ct-series-b .ct-point,.uses .ct-series-b .ct-slice-donut {
    stroke: hsla(0,0%,100%,.7);
    fill: transparent
}

.monthly .ct-series-c .ct-area,.monthly .ct-series-c .ct-bar,.monthly .ct-series-c .ct-line,.monthly .ct-series-c .ct-point,.monthly .ct-series-c .ct-slice-donut,.turnover .ct-series-c .ct-area,.turnover .ct-series-c .ct-bar,.turnover .ct-series-c .ct-line,.turnover .ct-series-c .ct-point,.turnover .ct-series-c .ct-slice-donut,.uses .ct-series-c .ct-area,.uses .ct-series-c .ct-bar,.uses .ct-series-c .ct-line,.uses .ct-series-c .ct-point,.uses .ct-series-c .ct-slice-donut {
    stroke: hsla(0,0%,100%,.4);
    fill: transparent
}

.monthly .ct-label,.turnover .ct-label,.uses .ct-label {
    fill: #fff;
    color: #fff
}

.monthly .ct-grid,.turnover .ct-grid,.uses .ct-grid {
    stroke: hsla(0,0%,100%,.7)
}

#draggableMultiple .ui-sortable-handle .card {
    cursor: move
}

.tilt-showcase ul li .line {
    padding-top: 10px
}

.tilt-showcase .pre-mt {
    margin-top: 5px
}

.wow-title h5 {
    display: flex;
    align-items: center;
    font-size: 18px
}

.wow-title h5 .badge {
    -webkit-text-fill-color: #fff
}

.alert-center {
    display: flex!important;
    align-items: center
}

.box-shadow-title .sub-title {
    margin: 30px 0
}

.hovercard .info .social-media ul li {
    padding-top: 3px
}

.hovercard .cardheader {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.sticky-header-main .card .card-header h5 {
    line-height: 35px
}

.sticky-header-main .card .card-header h5 a {
    color: #fff;
    -webkit-text-fill-color: #fff
}

.custom-radio-ml {
    margin-left: 3px
}

.daterangepicker .ltr tr td.active {
    color: #fff
}

.twitter-typeahead {
    display: block!important
}

span.twitter-typeahead .league-name {
    font-size: 16px;
    padding: 6px 10px 0
}

span.twitter-typeahead .tt-menu {
    float: left;
    width: 100%;
    min-width: 10rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    border: none;
    padding: 0
}

span.twitter-typeahead .tt-suggestion {
    color: #2b2b2b;
    opacity: .6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff;
    cursor: pointer
}

span.twitter-typeahead .tt-suggestion:focus,span.twitter-typeahead .tt-suggestion:hover {
    background-color: #fff
}

span.twitter-typeahead .tt-suggestion.active,span.twitter-typeahead .tt-suggestion:active {
    color: #fff;
    background-color: var(--theme-deafult)
}

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
    max-height: 100px;
    overflow-y: auto
}

.current-sale-container .apexcharts-xaxistooltip {
    color: var(--theme-deafult);
    background: rgba(74,164,217,.1);
    border: 1px solid var(--theme-deafult)
}

.current-sale-container .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: var(--theme-deafult)
}

.current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: rgba(74,164,217,.1);
    color: var(--theme-deafult)
}

.card-block .table-responsive .table caption {
    padding-left: 10px
}

.card-block .table-responsive .table-bordered td {
    vertical-align: middle
}

.card-block .table-border-radius {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.card-block .default-checkbox-align #checkbox1 {
    margin-right: 10px
}

.card-block .default-checkbox-align #radio {
    margin-right: 5px
}

#example-style-3_wrapper #example-style-3 tfoot {
    border-top: 2px solid #efefef
}

.chart-vertical-center {
    display: flex;
    justify-content: center
}

.chart-vertical-center #myDoughnutGraph,.chart-vertical-center #myPolarGraph {
    width: auto!important
}

.cke_focus {
    padding: 15px;
    margin-top: 13px
}

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
    visibility: hidden!important
}

.helper-classes {
    padding: 30px;
    margin-bottom: 0;
    white-space: pre-line
}

.starter-kit-fix .page-body {
    margin-bottom: 52px
}

.starter-main .card-body p {
    font-size: 14px
}

.starter-main .card-body ul {
    padding-left: 30px;
    list-style-type: disc;
    margin-bottom: 15px
}

.starter-main .card-body h5 {
    font-size: 18px
}

.starter-main .card-body pre {
    white-space: pre-line;
    padding: 30px
}

.starter-main .card-body .alert-primary.inverse:before {
    top: 32px
}

.starter-main .alert {
    background-color: rgba(68,102,242,.2)!important
}

.starter-main .alert i {
    display: flex;
    align-items: center
}

footer.blockquote-footer {
    bottom: unset
}

@media screen and (min-width: 1440px)and (max-width:1660px) {
    .morning-sec {
        order:-2
    }

    .calendar-sec {
        order: -1
    }

    .chart_data_right.second {
        display: block!important
    }
}

@media only screen and (min-width: 1367px)and (max-width:1439px) {
    .morning-sec {
        order:-2
    }

    .calendar-sec {
        order: -1
    }

    .chart_data_right.second {
        display: block!important
    }

    .chart_data_left .row>div .media .right-chart-content {
        margin-left: 10px!important
    }

    .chart_data_left .chart_data_right.second {
        display: block!important
    }
}

@media screen and (max-width: 1366px) {
    .chart_data_left .row>div:first-child .media {
        padding-left:40px
    }

    .chart_data_left .row>div:last-child .media {
        padding-right: 40px
    }

    .chart_data_left .card-body .chart-main .media {
        padding: 40px 10px
    }

    .chart_data_left .card-body .chart-main .media .media-body .right-chart-content {
        margin-left: 4px
    }

    .chart_data_right.second {
        display: block!important
    }

    .earning-card {
        overflow: hidden
    }

    .earning-card .card-body>.row>div {
        flex: 0 0 100%;
        max-width: 100%
    }

    .earning-card .card-body>.row>div .chart-left {
        padding: 40px
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning {
        margin-bottom: 0;
        display: inline-block
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning+.left_side_earning {
        flex: 0 0 33%;
        max-width: 33%
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning:first-child {
        flex: 0 0 50%;
        max-width: 50%;
        order: -2;
        margin-bottom: 30px
    }

    .earning-card .card-body>.row>div .chart-left .left-btn {
        flex: 0 0 50%;
        max-width: 50%;
        order: -1;
        text-align: right
    }

    .earning-card .card-body>.row .chart-right {
        padding-bottom: 40px
    }

    .earning-card.card .card-body .earning-content {
        border-right: none;
        border-bottom: 1px solid #ecf3fa
    }

    .morning-sec {
        order: -2
    }

    .morning-sec .greeting-user {
        margin: 33px 0
    }

    .calendar-sec {
        order: -1
    }

    .calendar-sec .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
        margin: 20px 0 19px;
        padding: 12px 0
    }

    .appointment .radar-chart .apexcharts-datalabel {
        font-size: 10px!important
    }
}

@media only screen and (max-width: 1199px) {
    .morning-sec {
        order:unset
    }

    .profile-greeting .greeting-user .left-icon {
        left: 2%
    }

    .calendar-sec {
        order: unset
    }

    .earning-card {
        margin-top: 0
    }

    .earning-card .card-body>.row>div .row>div:last-child {
        padding-left: 0
    }

    .earning-card .card-body>.row>div .row>div .current-sale-container {
        padding-left: 15px
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning+.left_side_earning {
        flex: 0 0 50%;
        max-width: 50%
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3) {
        text-align: right;
        margin-bottom: 30px
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(4) {
        margin-bottom: 0
    }

    .earning-card .card-body>.row>div .media {
        margin-left: 0
    }

    .earning-card .card-body>.row .border-top>div:last-child {
        margin-top: 40px
    }

    .chart_data_left .card-body .chart-main .media {
        padding: 40px
    }

    .chart_data_left .card-body .chart-main .media .media-body .right-chart-content {
        margin-left: 30px
    }

    .chart_data_left .row>div+div+div .media {
        padding-top: 0!important
    }

    .appointment-sec .alert-sec {
        margin-top: 0
    }

    .chart_data_right.second {
        display: none!important
    }
}

@media only screen and (max-width: 991px) {
    .earning-card {
        margin-top:0
    }

    .earning-card.card .card-body .border-top {
        padding: 20px
    }

    .earning-card.card .card-body .chart-right {
        padding: 0 20px
    }

    .earning-card.card .card-body .chart-right .p-tb {
        padding: 20px 0
    }

    .earning-card .card-body>.row .border-top>div:last-child {
        margin-top: 20px
    }

    .earning-card .card-body>.row .chart-right {
        padding-bottom: 20px
    }

    .earning-card .card-body>.row>div .chart-left {
        padding: 20px
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning,.earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3) {
        margin-bottom: 20px
    }

    .chart_data_left .card-body .chart-main .media {
        padding: 20px
    }

    .chart_data_left .card-body .chart-main .media .media-body .right-chart-content {
        margin-left: 20px
    }

    .chart_data_left .row>div .media:first-child {
        padding-left: 20px
    }

    .chart_data_left .row>div .media:last-child {
        padding-right: 20px
    }

    .news .card .card-body .news-update {
        padding: 20px
    }

    .notification .card .card-body .media {
        margin-bottom: 20px
    }

    .notification .card .card-body .media .media-body p {
        margin: 0
    }

    .notification .card .card-body .media .media-body h6 {
        margin-top: 10px
    }

    .chat-default .card-body.chat-box .input-group {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .morning-sec .profile-greeting .greeting-user .profile-vector {
        width:70px;
        margin: 0 auto
    }

    .morning-sec .profile-greeting .greeting-user h4 {
        margin-bottom: 10px;
        margin-top: 15px
    }

    .morning-sec .profile-greeting .greeting-user .left-icon {
        left: 20px;
        bottom: 20px
    }

    .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row ul li+li {
        margin-left: 25px
    }

    .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row .inner-top-right ul li {
        margin-left: 30px
    }

    .chart_data_left .card-body .chart-main .media {
        border-right: none
    }

    .chart_data_left .card-body .chart-main>div:first-child,.chart_data_left .card-body .chart-main>div:nth-child(3) {
        border-right: 1px solid #ecf3fa
    }

    .footer-fix .pull-right {
        float: none!important;
        text-align: center!important
    }
}

@media only screen and (max-width: 575px) {
    .morning-sec .card-body .greeting-user p {
        padding:0 15px
    }

    .morning-sec .card-body .greeting-user .left-icon {
        left: 15px;
        bottom: 15px;
        width: 40px;
        height: 40px;
        border-radius: 15px 15px 15px 5px
    }

    .chart_data_left .card .card-body .row>div .media {
        padding: 15px
    }

    .chart_data_left .card .card-body .row>div:first-child .media {
        padding-top: 15px!important
    }

    .chart_data_left .card .card-body .row:last-child .media {
        padding-top: 0!important
    }

    .earning-card .card-body>.row>div .chart-left {
        padding: 15px
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning {
        margin-bottom: 15px
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning+.left_side_earning,.earning-card .card-body>.row>div .chart-left .left_side_earning:first-child {
        flex: 0 0 100%;
        max-width: 100%;
        order: unset
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning:first-child {
        margin-bottom: 15px
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning:last-child,.earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(4) {
        margin-bottom: 0
    }

    .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3) {
        text-align: left
    }

    .earning-card .card-body>.row>div .chart-left .left-btn {
        order: unset;
        text-align: left;
        margin-top: 15px
    }

    .earning-card .card-body>.row .chart-right {
        padding: 15px
    }

    .earning-card .card-body>.row .chart-right .p-tb {
        padding-top: 0;
        padding-bottom: 15px
    }

    .earning-card .card-body>.row .border-top>div+div {
        margin-top: 15px;
        padding: 0
    }

    .earning-card .card-body .inner-top-right,.earning-card .card-body>.row .border-top>div+div:last-child {
        margin-top: 15px
    }

    .earning-card.card .card-body .border-top {
        padding: 15px
    }

    .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row ul li+li {
        margin-left: 15px
    }

    .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row .inner-top-right ul li+li {
        margin-left: 28px
    }

    .notification .card .card-body .media {
        margin-bottom: 15px
    }

    .news .card .card-body>.news-update {
        padding: 15px
    }

    .appointment-sec .alert-sec .card-body,.news .card .card-footer {
        padding-top: 0!important
    }

    .media-dropdown {
        display: block
    }

    .media-dropdown .media-body {
        margin-bottom: 15px
    }

    .chat-sec .chat-default .card-body.chat-box .media .media-body .message-main span {
        font-size: 13px;
        width: 95%
    }

    .chat-sec .chat-default .card-body.chat-box .media.right-side-chat .media-body .message-main span {
        width: 100%
    }

    .chat-sec .chat-default .card-body.chat-box .media.right-side-chat .media-body .message-main span span {
        width: 5px
    }

    .chat-sec .chat-default .card-body.chat-box .media.right-side-chat p {
        margin-top: 10px
    }

    .chat-default .card-body.chat-box .input-group .form-control {
        font-size: 14px
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
        font-size: 17px
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
        font-size: 17px;
        margin-left: 10px
    }

    .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {
        font-size: 14px
    }

    .calendar-sec .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {
        margin: 10px 0;
        padding: 10px 0
    }
}

.footer {
    margin-left: unset!important
}

@media only screen and (max-width: 360px) {
    .footer {
        padding-left:0!important;
        padding-right: 0!important
    }

    .footer p {
        font-size: 12px
    }

    .appointment-table table tr td {
        min-width: 103px
    }

    .appointment-table table tr td:first-child {
        min-width: 63px
    }

    .appointment-table table tr td:nth-child(2) {
        min-width: 120px
    }
}

.welcome-card {
    background-color: rgba(237,246,251,.502);
    height: 300px;
    position: relative
}

.welcome-card,.welcome-card:hover {
    box-shadow: none
}

.welcome-card__content h2 {
    font-size: 21px;
    font-weight: 500;
    margin: 0
}

.welcome-card__content p {
    font-size: 16px;
    margin-bottom: 16px
}

.welcome-card__box {
    display: flex;
    align-items: center
}

.welcome-card__baner {
    position: absolute;
    top: -62px;
    right: -20px;
    width: 68%
}

.welcome-card__baner img {
    width: 100%;
    height: auto
}

.earning-cards {
    height: 300px;
    position: relative;
    overflow: hidden
}

.earning-cards-header {
    background-image: linear-gradient(90deg,red,10%,blue);
    width: 100%;
    background-position: top;
    background-size: cover;
    padding: 40px!important
}

.earning-cards-content {
    margin-top: -40px;
    text-align: center
}

.earning-cards-content img {
    border-radius: 100%;
    width: 70px;
    height: 70px;
    border: 5px solid #fff
}

.earning-cards-content h2 {
    font-size: 20px;
    font-weight: 700
}

.earning-cards-content h4 {
    font-size: 18px
}

#basic-apex {
    z-index: 10
}

.card-header-title h4,.card-header-title h5 {
    margin: 0;
    font-weight: 600;
    font-size: calc(14px + 10*(100vw - 320px)/1600)!important
}

.dropdown .dropdown-toggle {
    background-color: rgba(74,164,217,.12)!important
}

.apexcharts-toolbar {
    display: none!important
}

.custome-1-bg .static-top-widget .align-self-center {
    background-color: rgba(74,164,217,.12)
}

.custome-1-bg .static-top-widget svg {
    color: var(--theme-deafult)
}

.static-top-widget .align-self-center,.static-top-widget .align-self-center svg {
    transition: all .5s
}

.card:hover .custome-1-bg .static-top-widget .align-self-center {
    background-color: #4aa4d9
}

.card:hover .custome-1-bg .static-top-widget .align-self-center svg {
    color: #fff
}

.card:hover .custome-2-bg .static-top-widget .align-self-center {
    background-color: #747dc6
}

.card:hover .custome-2-bg .static-top-widget .align-self-center svg {
    color: #fff
}

.card:hover .custome-3-bg .static-top-widget .align-self-center {
    background-color: #ef3f3e
}

.card:hover .custome-3-bg .static-top-widget .align-self-center svg {
    color: #fff
}

.card:hover .custome-4-bg .static-top-widget .align-self-center {
    background-color: #9e65c2
}

.card:hover .custome-4-bg .static-top-widget .align-self-center svg {
    color: #fff
}

.custome-2-bg .static-top-widget .align-self-center {
    background-color: rgba(116,125,198,.12)
}

.custome-2-bg .static-top-widget svg {
    color: #747dc6
}

.custome-3-bg .static-top-widget .align-self-center {
    background-color: rgba(239,63,62,.12)
}

.custome-3-bg .static-top-widget svg {
    color: var(--theme-secondary)
}

.custome-4-bg .static-top-widget .align-self-center {
    background-color: rgba(158,101,194,.12)
}

.custome-4-bg .static-top-widget svg {
    color: #9e65c2
}

.media .media-body>span {
    color: #9a9a9a
}

.media h4 {
    margin-top: 5px;
    font-weight: 600
}

.static-top-widget .align-self-center {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 100%
}

.static-top-widget .align-self-center svg {
    height: 25px!important;
    width: 25px!important
}

.place-box {
    margin-top: 10px
}

.grow {
    font-size: 12px
}

.grow,.grow svg {
    vertical-align: bottom
}

.grow svg {
    width: 13px;
    height: 13px;
    margin-right: 8px;
    padding-top: 0
}

.datepicker-dashboard .datepicker {
    width: auto;
    height: 438px
}

.datepicker-dashboard .datepicker--cells-days {
    height: 280px
}

.datepicker-dashboard .datepicker--nav {
    font-size: 20px;
    padding: 22px 9px
}

.datepicker-dashboard .datepicker--days-names {
    font-size: 18px;
    margin: 30px 0
}

.datepicker-dashboard .datepicker--cells-days {
    font-size: calc(12px + 2*(100vw - 320px)/1600)
}

.category-box {
    border-radius: 25px;
    overflow: hidden;
    border: 1px solid hsla(0,0%,60%,.3)
}

.category-box .img-category {
    border-radius: 25px;
    position: relative;
    z-index: 1
}

.category-box .img-category .img-category-box {
    border-radius: 25px
}

.category-box .img-category .top-bar {
    position: absolute;
    top: 25px;
    left: 25px
}

.category-box .img-category .top-bar h5 {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    color: #fff;
    padding: 3px 10px;
    background-color: rgba(0,0,0,.3);
    border-radius: 20px;
    margin-bottom: 0;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .09em
}

.category-box .img-category .top-bar h5 del {
    font-size: calc(12px + 2*(100vw - 320px)/1600);
    margin-right: 10px
}

.category-box .img-category .top-bar .offer {
    color: #fff;
    display: inline-block;
    padding: 5px 13px;
    background-color: #ef3f3e;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: calc(10px + 2*(100vw - 320px)/1600);
    margin-bottom: 12px
}

.category-box .img-category .like-cls {
    position: absolute;
    right: 13%;
    bottom: -22px
}

.category-box .img-category .like-cls i {
    color: #ef3f3e;
    background-color: #fff;
    padding: 12px;
    border-radius: 100%;
    border: 1px solid hsla(0,0%,60%,.3);
    font-size: calc(12px + 9*(100vw - 320px)/1600)
}

.category-box .content-category {
    padding: 60px 35px 25px;
    background-color: #fff;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 1px 17px 0 rgba(0,0,0,.5);
    margin-top: -20px
}

.category-box .content-category .top {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    margin-top: -3px
}

.category-box .content-category .top h3 {
    margin-bottom: 0;
    font-size: calc(12px + 6*(100vw - 320px)/1600);
    text-transform: capitalize;
    color: #333;
    font-weight: 800;
    margin-right: 15px
}

.category-box .content-category .top .rating i {
    color: #ef8f3b
}

.category-box .content-category h6 {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999
}

.category-box .content-category h6 span {
    color: #ef3f3e;
    text-transform: uppercase;
    font-weight: 600;
    font-size: calc(12px + 4*(100vw - 320px)/1600)
}

.category-box .content-category p {
    color: #999
}

.dashboard-tours .slick-next:before,.dashboard-tours .slick-prev:before,.image_section .slick-next:before,.image_section .slick-prev:before {
    display: none
}

.dashboard-tours .slick-slide,.image_section .slick-slide {
    padding: 0 10px
}

.dashboard-tours .slick-dots li,.image_section .slick-dots li {
    margin: 0 8px
}

.dashboard-tours .slick-dots li .slick-dots li.slick-active button:before,.dashboard-tours .slick-dots li button:active:before,.dashboard-tours .slick-dots li button:focus:before,.dashboard-tours .slick-dots li button:hover:before,.image_section .slick-dots li .slick-dots li.slick-active button:before,.image_section .slick-dots li button:active:before,.image_section .slick-dots li button:focus:before,.image_section .slick-dots li button:hover:before {
    color: #4aa4d9
}

.dashboard-tours .slick-dots li button:before,.image_section .slick-dots li button:before {
    font-size: 12px;
    color: #4aa4d9
}

#bar-chart-earning,#traffic-chart {
    direction: ltr
}

.apexcharts-legend-marker {
    margin-left: 8px
}

.pie-chart .apexcharts-legend-text {
    line-height: 22px
}

.pie-chart .apexcharts-legend-series {
    margin: 14px 4px!important
}

.datepicker-dashboard,.datepicker-dashboard.card:hover {
    box-shadow: none
}

.datepicker-dashboard .react-datepicker {
    width: 100%;
    border: none;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 0 37px rgba(8,21,66,.05)
}

.datepicker-dashboard .react-datepicker button.react-datepicker__navigation {
    width: 32px;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: var(--theme-deafult);
    top: 31px
}

.datepicker-dashboard .react-datepicker button.react-datepicker__navigation.react-datepicker__navigation--previous {
    left: 19px
}

.datepicker-dashboard .react-datepicker button.react-datepicker__navigation.react-datepicker__navigation--next {
    right: 19px
}

.datepicker-dashboard .react-datepicker button.react-datepicker__navigation .react-datepicker__navigation-icon--previous:before {
    right: -4px;
    top: 11px;
    border-color: #fff
}

.datepicker-dashboard .react-datepicker button.react-datepicker__navigation .react-datepicker__navigation-icon--next:before {
    left: -4px;
    top: 11px;
    border-color: #fff
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container {
    width: 100%;
    overflow: hidden
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__header {
    background-color: #fff;
    border-bottom: none;
    padding: 0
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month {
    font-size: 20px;
    padding: 22px 9px;
    color: var(--theme-deafult);
    border-bottom: 1px solid #efefef
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    margin: 30px 0
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name {
    color: var(--theme-deafult);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__month {
    height: 265px
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day {
    width: 13.28571%;
    height: 51px
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover {
    background-color: var(--theme-deafult);
    color: #fff
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--outside-month {
    color: #999
}

.datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected {
    border: 2px solid var(--theme-deafult);
    border-radius: 5px;
    font-weight: 700;
    color: #242934;
    background-color: transparent
}

.btn-outline-light.active {
    color: #242934
}

.dashboard-slider {
    margin-bottom: 30px
}

.toggle-data {
    cursor: pointer
}

.filter-block ul li {
    padding-top: 10px;
    opacity: .5
}

.collection-filter-block svg {
    width: 50px;
    height: 25px;
    stroke: var(--theme-deafult);
    fill: #e8e5ff;
    margin-right: 10px
}

.collection-filter-block h5 {
    margin-bottom: 0;
    font-size: 16px
}

.collection-filter-block p {
    font-size: 13px
}

.collection-filter-block .media-body {
    opacity: .5
}

.collection-filter-block li+li {
    margin-top: 15px
}

.collection-filter-block ul.pro-services li svg {
    width: auto
}

.qty-box .btn {
    background-color: transparent!important;
    border-color: #ecf3fa!important;
    padding: 8px 12px
}

.qty-box .btn i {
    color: #898989
}

.qty-box .btn svg {
    width: 14px!important;
    stroke: #2c323f
}

.qty-box span {
    padding: 0 4px
}

.qty-box .input-group,.qty-box input {
    background-color: rgba(44,50,63,.1)
}

.qty-box input {
    color: #2c323f;
    max-width: 44px;
    padding: 0;
    text-align: center;
    border: none;
    max-height: 37px
}

.product-social li a {
    color: #898989;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    line-height: 2.3;
    transition: all .3s ease
}

.product-social li a:hover {
    border-color: #4aa4d9;
    color: #4aa4d9;
    background-color: rgba(74,164,217,.1);
    transition: all .3s ease
}

.product-social li:nth-child(n+2) {
    margin-left: 10px
}

.product-sidebar .filter-section .card .card-header {
    padding: 16px 30px;
    border-radius: 5px
}

.product-sidebar .filter-section .card .card-header h6 {
    position: relative
}

.product-sidebar .filter-section .card .card-header h6 .pull-right i {
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 10px;
    width: 100%;
    height: 10px;
    text-align: right;
    cursor: pointer
}

.product-wrapper .product-sidebar .filter-section .card .left-filter {
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: .3s
}

.product-wrapper .product-sidebar .filter-section .card .left-filter .product-filter .irs-with-grid {
    margin-bottom: 15px
}

.product-wrapper .product-grid .product-wrapper-grid {
    margin-left: 0;
    transition: .3s
}

.product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 53px;
    height: auto
}

.product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-left: calc(25% + 9px)
}

.d-none-productlist {
    display: none
}

.d-none-productlist svg {
    vertical-align: middle;
    cursor: pointer
}

.product-wrapper-grid.list-view .product-box {
    display: flex;
    align-items: center
}

.product-wrapper-grid.list-view .product-box .product-img {
    width: 20%
}

.product-wrapper-grid.list-view .product-box .product-details {
    text-align: left
}

.slider-product {
    padding: 15px 0;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 15px
}

.products-total {
    display: flex;
    align-items: center
}

.grid-options {
    height: 33px;
    margin-left: 10px
}

.grid-options ul li a {
    position: relative
}

.grid-options ul li a .line-grid {
    position: absolute;
    width: 4px;
    height: 15px;
    top: 9px
}

.grid-options ul li a .line-grid-1 {
    left: 12px
}

.grid-options ul li a .line-grid-2 {
    left: 18px
}

.grid-options ul li a .line-grid-3 {
    left: 36px
}

.grid-options ul li a .line-grid-4 {
    left: 42px
}

.grid-options ul li a .line-grid-5 {
    left: 48px
}

.grid-options ul li a .line-grid-6 {
    left: 66px
}

.grid-options ul li a .line-grid-7 {
    left: 72px
}

.grid-options ul li a .line-grid-8 {
    left: 78px
}

.grid-options ul li a .line-grid-9 {
    left: 84px
}

.grid-options ul li a .line-grid-10 {
    left: 103px
}

.grid-options ul li a .line-grid-11 {
    left: 109px
}

.grid-options ul li a .line-grid-12 {
    left: 115px
}

.grid-options ul li a .line-grid-13 {
    left: 121px
}

.grid-options ul li a .line-grid-14 {
    left: 127px
}

.grid-options ul li a .line-grid-15 {
    left: 133px
}

.square-product-setting {
    height: 36px;
    vertical-align: middle
}

.square-product-setting a {
    color: #2b2b2b
}

.square-product-setting .icon-grid {
    padding: 7px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 10px
}

.square-product-setting .icon-grid svg {
    width: 20px;
    height: 20px
}

.product-filter .banner-product {
    margin-top: 15px
}

.product-filter h6 {
    margin-bottom: 15px
}

.product-filter .color-selector {
    line-height: .9
}

.product-filter .color-selector ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 100%;
    cursor: pointer
}

.product-filter .color-selector ul li.white {
    background-color: #fff
}

.product-filter .color-selector ul li.gray {
    background-color: rgba(43,43,43,.7)
}

.product-filter .color-selector ul li.black {
    background-color: #000
}

.product-filter .color-selector ul li.orange {
    background-color: #ffb17a
}

.product-filter .color-selector ul li.green {
    background-color: #6fb866
}

.product-filter .color-selector ul li.pink {
    background-color: pink
}

.product-filter .color-selector ul li.yellow {
    background-color: #f2f896
}

.product-filter .color-selector ul li.blue {
    background-color: #63b4f2
}

.product-filter .color-selector ul li.red {
    background-color: #ff647f
}

.product-filter.new-products {
    margin-top: 20px
}

.product-filter.new-products button {
    width: auto
}

.product-filter.new-products .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -46px;
    right: 0
}

.product-filter.new-products .owl-theme .owl-nav button:focus {
    outline: transparent
}

.product-filter.new-products .owl-theme .owl-nav button span {
    font-size: 20px
}

.product-filter.new-products .owl-theme .owl-nav button span:focus {
    outline-color: transparent
}

.product-filter.new-products .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent;
    color: inherit
}

.product-filter.new-products .owl-theme .owl-item .item .product-box .product-details {
    padding: 25px 0
}

.product-filter.new-products .owl-theme .owl-item .item .product-box+.product-box {
    margin-top: 15px
}

.select2-drpdwn-product .form-control {
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68,102,242,.05);
    margin-bottom: 10px;
    height: 36px
}

.feature-products form .form-group {
    position: relative
}

.feature-products form .form-group input {
    margin-bottom: 15px;
    border: none;
    box-shadow: 1px 5px 24px 0 rgba(68,102,242,.05);
    height: 50px;
    padding-left: 30px
}

.feature-products form .form-group i {
    position: absolute;
    top: 17px;
    right: 30px;
    color: #898989
}

.product-box {
    border-radius: 10px;
    overflow: hidden
}

.product-box .product-details {
    padding: 15px 25px
}

.product-box .product-details p {
    margin-bottom: 0;
    opacity: .8
}

.product-box .product-details h4 {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 20px;
    font-family: roboto
}

.product-box .product-details h6 {
    color: #2b2b2b;
    text-transform: uppercase;
    margin-bottom: 10px
}

.product-box .product-details span {
    color: #898989
}

.product-box .product-details .rating i {
    font-size: 16px;
    letter-spacing: 3px;
    color: #ffa800
}

.product-box .modal .modal-header .product-box .product-details {
    padding: 25px 0
}

.product-box .modal .modal-header .product-box .product-details h6 {
    text-transform: capitalize
}

.product-box .modal .modal-header .product-box .product-details .product-price {
    font-size: 22px;
    margin-bottom: 10px
}

.product-box .modal .modal-header .product-box .product-details .product-view {
    padding: 20px 0;
    border-top: 1px dotted #59667a;
    border-bottom: 1px dotted #59667a
}

.product-box .modal .modal-header .product-box .product-details .product-size {
    margin: 20px 0
}

.product-box .modal .modal-header .product-box .product-details .product-size ul li {
    display: inline-block
}

.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset {
    margin-bottom: 20px
}

.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
    width: 35%
}

.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn {
    padding: 5px 12px
}

.product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group .btn-primary {
    background-color: #59667a!important;
    border: 1px solid #59667a!important
}

.product-box .modal .modal-header .btn-close {
    position: absolute;
    right: 15px;
    top: 10px
}

.product-box .product-img {
    position: relative
}

.product-box .product-img .product-hover {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.3);
    opacity: 0;
    border-radius: 100%;
    transform: scale(0);
    transition: all .3s ease
}

.product-box .product-img .product-hover ul li {
    display: inline-block;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,.08);
    padding: 10px 12px;
    background-color: #fff;
    font-size: 18px;
    border-radius: 10px;
    height: 45px;
    width: 45px;
    margin: 0 3px;
    cursor: pointer
}

.product-box .product-img .product-hover ul li i {
    color: #59667a;
    font-size: 18px
}

.product-box .product-img .product-hover ul li .btn {
    padding: 0
}

.product-box .product-img .product-hover ul li:hover {
    background-color: var(--theme-deafult);
    transition: all .3s ease
}

.product-box .product-img .product-hover ul li:hover .btn,.product-box .product-img .product-hover ul li:hover i {
    color: #fff
}

.product-box:hover .product-hover {
    opacity: 1;
    border-radius: 0;
    transform: scale(1);
    transition: all .3s ease
}

.product-page-main {
    padding: 30px
}

.product-page-main .owl-item .item {
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    background-color: #f8f8f8
}

.product-page-main .owl-item.current .item {
    border: 1px solid var(--theme-deafult)
}

.product-page-main .product-slider {
    margin-bottom: 20px
}

.product-page-main .product-color {
    margin-top: 10px
}

.product-page-details h4 {
    color: #2b2b2b;
    text-transform: uppercase;
    font-size: 18px
}

.product-page-details span {
    padding-left: 15px
}

.br-theme-fontawesome-stars .br-widget a,.br-theme-fontawesome-stars .br-widget a.br-active:after,.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #ffa800!important;
    font: normal normal normal 14px/1 FontAwesome
}

.product-price {
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    color: var(--theme-deafult)
}

.product-price del {
    color: rgba(44,50,63,.4);
    padding-left: 10px;
    font-size: 80%
}

.product-color li {
    display: inline-block;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    margin: 0 2px
}

.product-page-main p {
    font-size: 15px
}

.product-page-main .nav-link {
    text-transform: uppercase;
    font-weight: 500
}

.payment-opt li {
    display: inline-block
}

.payment-opt li img {
    height: 20px;
    margin: 15px 15px 0 0
}

@media screen and (max-width: 1660px)and (min-width:1200px) {
    .xl-cs-65 {
        max-width:65%;
        flex: 0 0 65%
    }

    .xl-cs-35 {
        max-width: 35%;
        flex: 0 0 35%;
        order: -1
    }

    .owl-carousel .owl-item img {
        max-width: 420px;
        margin: 0 auto
    }
}

.email-wrap .row .col-xl-3+.col-xl-3 {
    padding-right: 0
}

.email-wrap .row .col-xl-6 {
    padding-left: 0
}

.email-wrap .dropdown .dropdown-toggle {
    background-color: rgba(115,102,255,.08);
    color: #4aa4d9;
    border-radius: 10px;
    padding: 5px 10px;
    width: 100px;
    text-align: left
}

.email-wrap .dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "";
    border: none;
    font-family: FontAwesome;
    font-size: 18px;
    margin: 0
}

.email-wrap .dropdown .dropdown-menu {
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    border: none;
    padding: 0
}

.email-wrap .dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: .6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    line-height: 19px
}

.email-wrap .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #fff
}

.email-wrap .email-app-sidebar .media img {
    border: 2px solid #ecf3fa
}

.email-wrap .email-app-sidebar .main-menu>li {
    width: 100%;
    text-align: left
}

.email-wrap .email-app-sidebar .main-menu>li a {
    line-height: 39px;
    text-transform: uppercase;
    border-radius: 3px
}

.email-wrap .email-app-sidebar .main-menu>li a i {
    margin-right: 10px
}

.email-wrap .email-app-sidebar .main-menu>li a.active>a {
    color: #000
}

.email-wrap .email-app-sidebar .main-menu>li a:hover {
    background-color: #f5f6f9;
    text-decoration: none
}

.email-wrap .email-app-sidebar ul li a {
    display: flex;
    padding-left: 20px;
    align-items: center
}

.email-wrap .email-app-sidebar ul li a>.title {
    width: 100%;
    color: #2c323f
}

.email-wrap .email-app-sidebar ul li a>.badge {
    align-self: center;
    color: #898989
}

.email-wrap .email-left-aside {
    float: left;
    width: 100%
}

.email-wrap .email-left-aside .card-body {
    padding: 20px
}

.email-wrap .email-right-aside .email-body .row .col-xl-4 {
    border-right: 1px solid rgba(0,0,0,.1)
}

.email-wrap .email-right-aside .email-body .pr-0 {
    padding-right: 0
}

.email-wrap .email-right-aside .email-body .pl-0 {
    padding-left: 0
}

.email-wrap .email-right-aside .email-body .inbox {
    overflow: auto
}

.email-wrap .email-right-aside .email-body .inbox .media {
    padding: 20px
}

.email-wrap .email-right-aside .email-body .inbox .media.active {
    background-color: #fefefe
}

.email-wrap .email-right-aside .radius-left {
    border-radius: 8px;
    height: 100%
}

.email-wrap .btn-mail {
    border-radius: 2px;
    text-align: left;
    padding: 13px 15px;
    margin: 20px 0;
    letter-spacing: 1px;
    line-height: 12px!important
}

.email-wrap p {
    margin-bottom: 0;
    color: #898989
}

.email-wrap .media-body {
    margin-top: 5px
}

.email-wrap .media-body h6 {
    margin-bottom: 2px;
    color: #242934;
    margin-top: 3px
}

.email-wrap .media-body h6 small {
    font-size: 12px
}

.email-wrap .media-body h6 small span {
    color: #777
}

.email-wrap .media-body p {
    color: rgba(43,43,43,.7);
    font-size: 12px
}

.email-wrap .email-top {
    padding: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    line-height: 49px
}

.email-wrap .email-top i {
    cursor: pointer
}

.email-wrap .email-top h5 {
    margin-bottom: 0;
    padding: 12px 0
}

.email-wrap .email-top .d-flex {
    padding: 13px 0
}

.email-wrap .email-wrapper {
    padding: 20px
}

.email-wrap .email-wrapper hr {
    margin-top: 0;
    margin-bottom: 20px
}

.email-wrap .email-wrapper .d-inline-block {
    width: 100%
}

.email-wrap .email-wrapper h6 {
    margin-bottom: 11px;
    float: left
}

.email-wrap .email-wrapper .right-download {
    float: right
}

.email-wrap .email-wrapper h5,.email-wrap .email-wrapper p+p {
    margin-bottom: 20px
}

.email-wrap .email-content .email-top .user-emailid:after {
    content: "";
    position: relative;
    height: 20px;
    width: 1px;
    right: 0;
    top: 3px;
    z-index: 2;
    border: 1px solid #efefef;
    float: right;
    padding: 0;
    margin: 0 20px
}

.email-wrap .email-body .attachment ul li img {
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    object-fit: cover
}

.email-wrap .email-body .attachment .list-inline .list-inline-item {
    padding-right: 13px
}

.email-wrap .email-body .email-compose .cke_contents.cke_reset {
    max-height: 178px;
    width: 100%;
    border: 1px solid #ecf3fa
}

.email-wrap .email-body .email-compose .email-top h4 {
    padding: 11px 0
}

.email-wrap .email-body .email-compose .compose-border .btn-middle {
    padding-top: 5px
}

.email-wrap .actions li {
    display: inline-block;
    margin-right: 25px
}

.error-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    text-align: center
}

.error-wrapper.maintenance-bg {
    background-color: hsla(0,0%,100%,.6);
    background-blend-mode: overlay
}

.error-wrapper .maintenance-icons li i {
    color: #59667a;
    font-size: 50px;
    animation: rotate-effect 40s linear infinite reverse
}

.error-wrapper .maintenance-icons li:nth-child(2) i {
    font-size: 100px;
    margin-left: 110px;
    margin-top: -25px;
    animation: rotate-effect 40s linear infinite reverse
}

.error-wrapper .maintenance-icons li:nth-child(3) i {
    animation: rotate-effect 30s linear infinite;
    font-size: 150px;
    margin-top: -85px;
    margin-right: 120px
}

.error-wrapper .maintenance-heading {
    margin-top: 70px
}

.error-wrapper .maintenance-heading .headline {
    font-size: 99px;
    font-weight: 900;
    letter-spacing: 10px;
    color: var(--theme-deafult);
    z-index: 2;
    position: relative;
    margin-top: -70px
}

.error-wrapper .error-heading {
    margin-top: 115px
}

.error-wrapper .error-heading .headline {
    font-size: 285px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: -130px
}

.error-wrapper .sub-content {
    font-size: 18px;
    color: #2b2b2b;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 35px;
    z-index: 3;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0
}

.error-wrapper .btn {
    margin-top: 40px
}

.error {
    margin: 70px 0 100px;
    color: #000
}

.error .error-title {
    font-size: 9.5rem;
    color: #fff;
    text-shadow: 6px 6px 7px rgba(0,0,0,.32)
}

.error .line-bottom {
    width: 10%;
    height: 5px;
    background-color: #747dc6;
    border: none
}

.error .c-white {
    color: #fff
}

.error .error-btn {
    text-align: center
}

.error .padd {
    padding: 10px 30px
}

.error .btn-back-home {
    background-color: #f4f4f4;
    color: #000
}

.error .btn-back-home:hover {
    background-color: #747dc6;
    color: #fff;
    box-shadow: 0 20px 35px 0 rgba(0,0,0,.21)
}

.error .btn-adnc-serc {
    background-color: #2c323f;
    color: #fff
}

.error .btn-adnc-serc:hover {
    background-color: #747dc6;
    color: #fff;
    box-shadow: 0 20px 35px 0 rgba(0,0,0,.21)
}

.knowledgebase-bg {
    height: 500px;
    border-radius: 15px;
    margin-bottom: 30px
}

.knowledgebase-search {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    left: 5%
}

.knowledgebase-search .form-inline {
    background-color: #fff;
    width: 500px;
    padding: 12px 50px;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    position: relative
}

.knowledgebase-search .form-inline ::placeholder {
    color: #ccc
}

.knowledgebase-search .form-inline svg {
    position: absolute;
    left: 20px;
    width: 20px;
    top: 17px;
    stroke: #ccc
}

.faq-widgets {
    align-items: center
}

.faq-widgets .media-body h5 {
    font-weight: 600
}

.faq-widgets .media-body p {
    padding-right: 20px
}

.faq-widgets svg {
    width: 50px;
    height: 50px;
    opacity: .5
}

.header-faq {
    margin-bottom: 30px
}

.header-faq h5 {
    font-weight: 600
}

.features-faq.card .card-body,.features-faq.card .card-footer {
    padding: 20px 25px
}

.features-faq .faq-image img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%
}

.features-faq .card-body h6 {
    font-weight: 500
}

.add-project.table td {
    vertical-align: middle
}

.add-project .text-inherit {
    color: #000
}

.faq-accordion {
    margin-bottom: 30px
}

.faq-accordion .card .btn-link {
    display: flex
}

.faq-accordion .card .btn-link svg {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.faq-accordion .faq-header {
    position: relative;
    padding: 30px!important
}

.faq-accordion .faq-header svg {
    position: absolute;
    right: 30px;
    top: 30px
}

.faq-accordion .faq-header span {
    margin-top: 3px
}

.faq-accordion .faq-body {
    padding: 20px!important
}

.faq-accordion .card-mb-faq {
    margin-bottom: 30px
}

.faq-title {
    margin: 30px 0
}

.faq-title h6 {
    color: #999;
    font-weight: 600
}

.faq-form {
    position: relative
}

.faq-form .search-icon {
    position: absolute;
    right: 12px;
    top: 9px;
    width: 20px;
    height: 20px
}

.navigation-btn {
    margin-bottom: 30px
}

.navigation-btn a {
    display: flex;
    align-items: center;
    justify-content: center
}

.navigation-btn a svg {
    width: 15px;
    height: 15px
}

.navigation-option ul li {
    position: relative;
    padding: 15px 15px 15px 0
}

.navigation-option ul li:hover {
    background-color: #fdfeff
}

.navigation-option ul li a {
    padding-left: 40px;
    color: #2b2b2b
}

.navigation-option ul li a svg {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 17px;
    left: 15px
}

.updates-faq {
    width: 40px;
    height: 40px;
    border: 2px solid var(--theme-deafult);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px
}

.updates-faq svg {
    width: 18px;
    height: 18px
}

.updates-bottom-time p {
    margin-bottom: 2px
}

.updates-bottom-time p+p {
    color: #999
}

.updates-faq-main {
    margin-bottom: 30px
}

.updates-faq-main a {
    font-weight: 500
}

.updates-faq-main:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 1199px) {
    .faq-accordion {
        margin-bottom:30px
    }
}

@media only screen and (max-width: 991px) {
    .faq-accordion .faq-header {
        padding:20px!important
    }

    .faq-accordion .faq-header svg {
        right: 20px;
        top: 20px
    }

    .navigation-option ul li {
        padding: 10px 10px 10px 0
    }

    .navigation-option ul li a svg {
        top: 12px
    }

    .navigation-btn,.updates-faq-main {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .xs-mt-search {
        margin-top:30px
    }
}

@media only screen and (max-width: 575px) {
    .xs-mt-search {
        margin-top:0
    }

    .faq-widgets svg {
        width: 30px;
        height: 30px
    }

    .faq-title {
        margin: 15px 0
    }

    .header-faq {
        margin-bottom: 15px;
        margin-top: 10px
    }

    .faq-accordion {
        margin-bottom: 0
    }

    .faq-accordion .faq-header {
        padding: 15px!important
    }

    .faq-accordion .faq-header .pull-right {
        float: right
    }

    .faq-accordion .faq-header svg {
        right: 15px;
        top: 15px
    }

    .navigation-btn,.updates-faq-main {
        margin-bottom: 15px
    }
}

.file-content .card .card-body,.file-content .card .card-header,.file-sidebar .card .card-body,.file-sidebar .card .card-header {
    padding: 20px!important
}

.file-sidebar ul li+li {
    margin-top: 8px
}

.file-sidebar .btn {
    display: flex;
    align-items: center
}

.file-sidebar .btn.btn-light:hover {
    color: var(--theme-deafult)!important
}

.file-sidebar .btn.btn-light:hover svg {
    stroke: var(--theme-deafult)
}

.file-sidebar .btn svg {
    width: 15px;
    vertical-align: middle;
    margin-right: 8px
}

.file-sidebar .pricing-plan {
    border: 1px solid #ecf3fa;
    border-radius: 5px;
    margin-top: 10px;
    padding: 15px;
    position: relative;
    overflow: hidden
}

.file-sidebar .pricing-plan h6 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
    color: #898989
}

.file-sidebar .pricing-plan h5 {
    font-weight: 800
}

.file-sidebar .pricing-plan p {
    margin-bottom: 5px;
    color: #898989
}

.file-sidebar .pricing-plan .btn {
    display: inline-block
}

.file-sidebar .pricing-plan .bg-img {
    position: absolute;
    top: 40px;
    opacity: .1;
    transform: rotate(-45deg);
    right: -40px
}

.file-manager>h6 {
    opacity: .6;
    font-weight: 400!important;
    font-size: 15px;
    margin-bottom: 12px
}

.file-manager .files .file-box:first-child {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 100s
}

.file-manager .files .file-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 200s
}

.file-manager .files .file-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 300s
}

.file-manager .files .file-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 400s
}

.file-manager .files .file-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 500s
}

.file-manager .files .file-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 600s
}

.file-manager .files .file-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 700s
}

.file-manager .files .file-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 800s
}

.file-manager .files .file-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 900s
}

.file-manager .files .file-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1000s
}

.file-manager .files .file-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1100s
}

.file-manager .files .file-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1200s
}

.file-manager .files .file-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1300s
}

.file-manager .files .file-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1400s
}

.file-manager .files .file-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1500s
}

.file-manager .files h6 {
    margin-top: 10px;
    margin-bottom: 0
}

.file-manager p {
    opacity: .9;
    font-size: 12px
}

.files h6,.folder h6 {
    opacity: .9;
    font-weight: 500!important;
    font-size: 14px
}

.file-content .ellips {
    position: absolute;
    top: 30px;
    right: 30px;
    opacity: .7
}

.file-content .form-inline {
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    padding: 0 20px
}

.file-content .form-inline i {
    padding-right: 10px;
    color: #898989;
    line-height: 3
}

.file-content .form-inline input::-webkit-input-placeholder {
    color: #898989
}

.file-content .form-inline input:focus {
    outline: none!important
}

.file-content .search-form input {
    padding: 5px 10px 5px 70px;
    border-radius: 5px
}

.file-content .search-form .form-group:before {
    left: 82px;
    top: 37px
}

.file-content .search-form .form-group:after {
    top: 39px;
    left: 53px
}

.file-content .btn svg {
    height: 15px;
    margin-right: 2px;
    vertical-align: middle
}

.file-content h4 {
    font-weight: 500
}

.file-content .folder .folder-box {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 15px;
    background-color: #f6f7fb;
    width: calc(25% - 15px);
    display: inline-block
}

.file-content .folder .folder-box:first-child {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 100s
}

.file-content .folder .folder-box:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 200s
}

.file-content .folder .folder-box:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 300s
}

.file-content .folder .folder-box:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 400s
}

.file-content .folder .folder-box:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 500s
}

.file-content .folder .folder-box:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 600s
}

.file-content .folder .folder-box:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 700s
}

.file-content .folder .folder-box:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 800s
}

.file-content .folder .folder-box:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 900s
}

.file-content .folder .folder-box:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1000s
}

.file-content .folder .folder-box:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1100s
}

.file-content .folder .folder-box:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1200s
}

.file-content .folder .folder-box:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1300s
}

.file-content .folder .folder-box:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1400s
}

.file-content .folder .folder-box:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1500s
}

.file-content .files .file-box {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 15px;
    background-color: #f6f7fb;
    width: calc(25% - 15px);
    display: inline-block;
    position: relative
}

.file-content .files .file-box .file-top {
    height: 100px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 5px;
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1440px) {
    .file-content .folder .folder-box .media {
        display:block
    }

    .file-content .folder .folder-box .media .media-body {
        margin-left: 0!important;
        margin-top: 5px
    }
}

@media screen and (max-width: 1366px) {
    .file-content .files {
        margin-bottom:-10px
    }

    .file-content .files .file-box {
        width: calc(50% - 15px);
        margin-bottom: 10px;
        margin-right: 8px
    }
}

@media screen and (max-width: 768px) {
    .file-content .folder {
        margin-bottom:-10px
    }

    .file-content .folder .folder-box {
        width: calc(50% - 15px);
        margin-bottom: 10px;
        margin-right: 8px
    }

    .file-content .media {
        display: block;
        text-align: center
    }

    .file-content .media .media-body {
        margin-top: 20px;
        text-align: center!important
    }
}

@media screen and (max-width: 575px) {
    .file-content .files .file-box,.file-content .folder .folder-box {
        width:100%
    }
}

.profile-img-style img,.scroll-bar-wrap img {
    width: 100%
}

.gallery {
    margin-bottom: -30px
}

.gallery>a {
    margin-bottom: 30px
}

.gallery>a:before {
    content: "";
    font-family: IcoFont;
    position: absolute;
    height: calc(100% - 10px);
    left: 20px;
    width: calc(100% - 40px);
    background-color: hsla(0,0%,100%,.27);
    top: 5px;
    transform: scale(0);
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #000
}

.gallery>a:hover:before {
    transform: scale(1);
    transition: all .3s ease
}

.gallery>a .img-thumbnail {
    border-radius: 0
}

.gallery-with-description {
    margin-bottom: -30px
}

.gallery-with-description a>div {
    padding: 10px;
    border: 1px solid #e4e6ec;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px
}

.gallery-with-description a:hover {
    text-decoration: none!important
}

.gallery-with-description h4 {
    color: #2c323f;
    margin-top: 15px;
    font-size: 18px
}

.gallery-with-description p {
    color: #a3a3a3
}

.lg-backdrop {
    background-color: #fff
}

.lg-outer .lg-actions .lg-next,.lg-outer .lg-actions .lg-prev {
    background-color: #fff;
    border: 1px solid #efefef
}

.lg-outer .lg-actions .lg-next:hover,.lg-outer .lg-actions .lg-prev:hover {
    color: #2c323f
}

.lg-outer .lg-toolbar {
    background-color: hsla(0,0%,100%,.45);
    border-bottom: 1px solid #2c323f
}

.lg-outer #lg-counter,.lg-outer .lg-toolbar .lg-icon:hover {
    color: #2c323f
}

.lg-outer .lg-sub-html {
    background-color: hsla(0,0%,100%,.45)
}

.lg-outer .lg-sub-html h4 {
    font-size: inherit;
    color: #2c323f
}

.lg-outer .lg-sub-html p {
    color: #2c323f
}

.lg-outer .lg-thumb-outer {
    background-color: #ecf3fa
}

.lg-outer .lg-thumb-item {
    padding: 4px;
    border: 1px solid #efefef;
    border-radius: 0
}

.lg-outer .lg-thumb-item .active,.lg-outer .lg-thumb-item:hover {
    border-color: #000
}

.gallery a:after,.gallery a:before {
    content: none
}

.gallery .img-hover>div {
    overflow: hidden
}

.gallery .hover-1 img {
    transform: scale(1);
    transition: .3s ease-in-out
}

.gallery .hover-1 img:hover {
    transform: scale(1.2)
}

.gallery .hover-2 img {
    width: 100%;
    height: auto;
    transition: .3s ease-in-out;
    transform: translateX(0)
}

.gallery .hover-2:hover img {
    transform: translateX(40px) scale(1.2)
}

.gallery .hover-3 img {
    transform: scale(1.2);
    transition: .3s ease-in-out
}

.gallery .hover-3:hover img {
    transform: scale(1)
}

.gallery .hover-4 img {
    transform: scale(1.5);
    transition: .3s ease-in-out
}

.gallery .hover-4:hover img {
    transform: scale(1)
}

.gallery .hover-5 img {
    margin-left: 30px;
    transform: scale(1.3);
    transition: .3s ease-in-out
}

.gallery .hover-5:hover img {
    margin-left: 0
}

.gallery .hover-6 img {
    transform: rotate(15deg) scale(1.4);
    transition: .3s ease-in-out
}

.gallery .hover-6:hover img {
    transform: rotate(0) scale(1)
}

.gallery .hover-7 img {
    filter: blur(3px);
    transition: .3s ease-in-out
}

.gallery .hover-7:hover img {
    filter: blur(0)
}

.gallery .hover-8 img {
    filter: grayscale(100%);
    transition: .3s ease-in-out
}

.gallery .hover-8:hover img {
    filter: grayscale(0)
}

.gallery .hover-9 img {
    filter: sepia(100%);
    transition: .3s ease-in-out
}

.gallery .hover-9:hover img {
    filter: sepia(0)
}

.gallery .hover-10 img {
    filter: grayscale(0) blur(0);
    transition: .3s ease-in-out
}

.gallery .hover-10:hover img {
    filter: grayscale(100%) blur(3px)
}

.gallery .hover-11 img {
    opacity: 1;
    transition: .3s ease-in-out
}

.gallery .hover-11:hover img {
    opacity: .5
}

@keyframes flash {
    0% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.gallery .hover-13:hover img {
    opacity: 1;
    animation: flash 1.5s
}

@keyframes shine {
    to {
        left: 125%
    }
}

.gallery .hover-14 div {
    position: relative
}

.gallery .hover-14 div:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));
    transform: skewX(-25deg)
}

.gallery .hover-14 div:hover:before {
    animation: shine .75s
}

.gallery .hover-15 div {
    position: relative
}

.gallery .hover-15 div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: "";
    width: 0;
    height: 0;
    background: hsla(0,0%,100%,.2);
    border-radius: 100%;
    transform: translate(-50%,-50%);
    opacity: 0
}

.gallery .hover-15 div:hover:before {
    animation: circle .75s
}

@keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    to {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

*,:after,:before {
    box-sizing: border-box
}

.grid {
    position: relative
}

.grid:after {
    content: "";
    display: block;
    clear: both
}

.grid-item img {
    max-width: 100%;
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.gallery-with-description .grid-item img {
    border: 0;
    padding: 0
}

.hdg_main {
    position: relative
}

.main .langChoice {
    position: absolute;
    right: 40px;
    top: 31px;
    padding: 10px 12px;
    background-color: transparent
}

.dropdown .dropdown-toggle {
    background-color: rgba(115,102,255,.08);
    color: #4aa4d9;
    border-radius: 10px;
    padding: 5px 10px;
    width: 100px;
    text-align: left;
    border: none
}

.dropdown .dropdown-toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    content: "";
    border: none;
    font-family: FontAwesome;
    font-size: 18px;
    margin: 0
}

.dropdown .dropdown-menu {
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    border: none;
    padding: 0
}

.dropdown .dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: .6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #fff
}

@media(max-width: 991px) {
    .main .langChoice {
        right:20px;
        top: 11px;
        padding: 8px
    }
}

@media only screen and (max-width: 575px) {
    .main .langChoice {
        top:14px;
        padding: 4px 7px
    }

    .language-xs {
        margin-top: 15px
    }
}

@media only screen and (max-width: 360px) {
    .language-header {
        padding-bottom:60px!important
    }

    .main .langChoice {
        left: 0;
        margin: 0 auto;
        top: 50px;
        width: 30%;
        right: 0
    }
}

.filter-cards-view .job-filter:first-child {
    margin-bottom: 30px
}

.filter-cards-view .checkbox-animated {
    margin-top: 30px;
    margin-bottom: 30px
}

.location-checkbox span {
    color: #999;
    padding-left: 33px
}

.job-accordion .card {
    margin-bottom: 30px
}

.job-accordion .btn-block {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.job-search p {
    margin-top: 30px
}

.job-search .media .media-body h6 {
    margin-bottom: 3px
}

.job-search .media .media-body h6 span {
    font-size: 13px;
    color: #999;
    font-weight: 400
}

.job-search .media .media-body h6 span.badge {
    color: #fff
}

.job-search .media .media-body p {
    margin-top: 0;
    color: #999
}

.job-search .job-description {
    margin-top: 30px
}

.job-search .job-description h6 {
    font-weight: 600
}

.job-search .job-description p {
    margin-top: 0;
    margin-bottom: 6px
}

.job-search .job-description ul {
    list-style-type: disc;
    list-style-position: inside
}

.job-search .job-description ul li {
    margin-bottom: 10px
}

.job-search .job-description ul li:last-child {
    margin-bottom: 0
}

.job-search .job-description .theme-form {
    margin-top: 30px;
    margin-bottom: 30px
}

.job-search .job-description .theme-form .row div[class^=col-]+div[class^=col-] .select2-container {
    margin-top: 22px
}

.job-search .job-description .theme-form .row div[class^=col-] .job-select2~.select2-container {
    margin-top: 0!important
}

.job-search .job-description .theme-form .row div[class^=col-] .input-group .datepicker-here {
    font-size: 14px;
    border: 1px solid #f4f4f4;
    padding-top: 7px;
    padding-bottom: 7px
}

.select2-container .select2-selection--single {
    border-radius: .25rem!important;
    border-color: #f6f7fb;
    height: 40px!important;
    padding: 5px
}

.job-pagination {
    margin-bottom: 30px
}

.job-pagination nav ul {
    justify-content: center
}

@media only screen and (max-width: 1366px) {
    .xl-mt-job {
        margin-bottom:20px
    }
}

@media only screen and (max-width: 991px) {
    .filter-cards-view {
        padding:20px!important
    }

    .filter-cards-view .job-filter:first-child {
        margin-bottom: 20px
    }

    .filter-cards-view .checkbox-animated {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .job-accordion .animate-chk {
        padding: 20px!important
    }

    .job-search p {
        margin-top: 20px
    }
}

@media only screen and (max-width: 575px) {
    .filter-cards-view {
        padding:15px!important
    }

    .filter-cards-view .job-filter:first-child {
        margin-bottom: 15px
    }

    .filter-cards-view .checkbox-animated {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .job-accordion .animate-chk {
        padding: 15px!important
    }

    .job-search p {
        margin-top: 15px
    }

    .job-search .media {
        display: block;
        text-align: center
    }

    .job-search .media .media-body h6 .pull-right {
        float: none;
        margin-top: 3px
    }

    .job-search .media .media-body h6 a,.job-search .media .media-body p span+span {
        display: block
    }

    .job-search .media img {
        margin-bottom: 15px
    }

    .job-search .media .m-r-20 {
        margin-right: 0
    }

    .job-search .job-description {
        margin-top: 15px
    }

    .job-search .job-description .theme-form {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .job-search .job-description .theme-form .row div[class^=col-]+div[class^=col-] .select2-container {
        margin-top: 2px
    }

    .job-search .job-description .theme-form .xs-mt-period {
        margin-top: 15px
    }

    .job-pagination,.xl-mt-job {
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 360px) {
    .job-search .job-description .btn {
        padding:6px 12px
    }
}

.jsgrid .jsgrid-grid-body .jsgrid-cell {
    padding: .75rem
}

.jsgrid .jsgrid-pager-container {
    text-align: right
}

.jsgrid .jsgrid-pager {
    padding: 0;
    margin-top: 20px
}

.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button {
    margin-right: -5px
}

.jsgrid .jsgrid-pager .jsgrid-pager-nav-inactive-button:first-child {
    border-radius: 5px 0 0 5px
}

.jsgrid .jsgrid-pager .jsgrid-pager-page~.jsgrid-pager-nav-button {
    margin-left: -5px
}

.jsgrid .jsgrid-pager .jsgrid-pager-page~.jsgrid-pager-nav-button:last-child {
    border-radius: 0 5px 5px 0
}

.jsgrid .jsgrid-pager [class*=jsgrid-pager] {
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    border: 1px solid #f4f4f4
}

.jsgrid .jsgrid-pager .jsgrid-pager-current-page,.jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #2c323f
}

.jsgrid .jsgrid-selected-row>.jsgrid-cell {
    background: #f4f4f4;
    border-color: #fafafa
}

.jsgrid .jsgrid-header-row>.jsgrid-header-cell {
    padding: .75rem;
    font-weight: 500
}

.jkanban-container .btn {
    margin-bottom: 10px
}

.jkanban-container .note a {
    display: contents
}

.kanban-board-header {
    height: auto;
    width: auto;
    line-height: unset;
    background: #fbfeff;
    border-bottom: 1px solid #ddd
}

.kanban-board-header.bg-info~.kanban-drag {
    background-color: rgba(169,39,249,.3)
}

.kanban-board-header.bg-warning~.kanban-drag {
    background-color: rgba(116,125,198,.3)
}

.kanban-board-header.bg-success~.kanban-drag {
    background-color: rgba(158,101,194,.3)
}

.kanban-container {
    display: contents
}

.kanban-board {
    margin-bottom: 30px;
    transition: all .3s ease;
    letter-spacing: .5px;
    border-radius: 8px;
    box-shadow: 1px 5px 24px 0 rgba(68,102,242,.05);
    overflow: hidden;
    width: calc(33.3333333333% - 30px)!important
}

.kanban-board .kanban-drag {
    background: #fbfeff
}

.kanban-item {
    background: transparent;
    padding: 0;
    margin-bottom: 20px
}

.kanban-item p {
    opacity: .7
}

.kanban-item:last-child {
    margin-bottom: 0
}

.kanban-item .list {
    display: inline-block;
    opacity: .4
}

.kanban-item .list li {
    display: inline-block;
    font-size: 12px
}

.kanban-item .list li i {
    margin-right: 10px
}

.kanban-item .kanban-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    display: block;
    color: inherit;
    background-color: #fff
}

.kanban-item .kanban-box:hover {
    color: inherit
}

.kanban-item .kanban-box+.kanban-box {
    margin-top: 20px
}

.kanban-item .kanban-box .badge {
    font-weight: 400
}

.kanban-item .kanban-box h6 {
    font-size: 15px;
    margin-top: 5px;
    font-weight: 500
}

.kanban-item .kanban-box .dropdown {
    display: inline-block;
    right: 10px;
    position: absolute;
    top: 20px
}

.kanban-item .kanban-box .dropdown .dropdown-item {
    font-size: 13px;
    font-weight: 500;
    padding: 5px 10px;
    text-align: left
}

.kanban-item .kanban-box .dropdown svg {
    height: 14px
}

.kanban-item .kanban-box .d-flex {
    justify-content: space-between
}

.kanban-item .kanban-box .dropdown-toggle:after {
    content: none
}

.kanban-item .kanban-box .customers ul li+li {
    margin-left: -10px
}

.kanban-item .kanban-box .date {
    font-size: 11px;
    opacity: .5
}

footer {
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 1199px) {
    .jkanban-container .btn {
        margin-bottom:10px;
        margin-left: 20px
    }
}

@media only screen and (max-width: 600px) {
    .kanban-board .kanban-drag,.kanban-container .kanban-item .kanban-box {
        padding:10px 15px
    }

    .kanban-container .kanban-board {
        width: 320px!important;
        margin-left: 10px!important;
        margin-right: 10px!important
    }
}

@media only screen and (max-width: 480px) {
    .jkanban-container .card-body {
        padding:20px 0!important
    }

    .kanban-board .kanban-drag,.kanban-container .kanban-item .kanban-box {
        padding: 10px 15px
    }

    .kanban-container .kanban-board {
        width: 270px!important
    }
}

.browse .browse-articles.browse-bottom {
    margin-top: 30px
}

.browse .browse-articles span {
    vertical-align: middle;
    position: relative
}

.browse .browse-articles span:nth-child(2) {
    padding-left: 20px
}

.browse .browse-articles span svg {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    vertical-align: text-top;
    position: absolute;
    left: 0;
    top: 3px
}

.browse .browse-articles h6 {
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #fdfeff;
    padding-left: 25px
}

.browse .browse-articles h6 span svg {
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    top: 0;
    left: -30px
}

.browse .browse-articles ul li {
    padding: 8px;
    border-radius: 8px
}

.browse .browse-articles ul li a {
    color: #2b2b2b
}

.browse .browse-articles ul li:hover {
    background-color: #fdfeff
}

@media only screen and (max-width: 1366px) {
    .browse div[class^=col-]:nth-child(3) {
        margin-top:30px
    }
}

@media only screen and (max-width: 991px) {
    .browse .browse-articles.browse-bottom,.browse div[class^=col-]:nth-child(3) {
        margin-top:20px
    }
}

@media only screen and (max-width: 767px) {
    .browse div[class^=col-]:nth-child(2) {
        margin-top:20px
    }
}

@media only screen and (max-width: 575px) {
    .browse .browse-articles.browse-bottom,.browse div[class^=col-]:nth-child(2),.browse div[class^=col-]:nth-child(3) {
        margin-top:15px
    }
}

@media only screen and (max-width: 360px) {
    .browse .browse-articles ul li a span:nth-child(2) {
        width:158px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }
}

.framworks .nav-pills {
    margin-bottom: -15px
}

.framworks .nav-item {
    margin: 0 10px 15px
}

.framworks .nav-item a {
    padding: 15px 30px;
    background-color: rgba(74,164,217,.08);
    border-radius: 50px!important
}

.framworks .nav .nav-link img {
    height: 50px;
    margin-right: 10px
}

.landing-cards {
    transform: rotate(-12deg)
}

.landing-cards .landing-card {
    border-radius: 15px;
    box-shadow: 0 0 37px hsla(0,0%,100%,.2);
    margin: 15px;
    transition: all .3s ease
}

.landing-cards .landing-card:hover {
    transform: translateY(-7px) scale(1.01);
    box-shadow: 0 0 37px hsla(0,0%,100%,.4);
    transition: all .3s ease
}

.email-txt {
    height: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.email-img {
    filter: drop-shadow(0 0 37px rgba(8,21,66,.15))
}

.landing-ul li {
    position: relative;
    padding-left: 30px;
    padding-bottom: calc(5px + 5*(100vw - 300px)/1620);
    color: #737171
}

.landing-ul li,.landing-ul li:before {
    font-size: calc(16px + 4*(100vw - 300px)/1620)
}

.landing-ul li:before {
    content: "-";
    left: 0;
    position: absolute;
    top: -3px
}

.framworks-list .box {
    display: inline-block;
    background-color: #fff;
    padding: 40px 10px;
    border-radius: 10px;
    box-shadow: 0 0 37px rgba(8,21,66,.05);
    margin: 10px;
    height: 185px;
    width: 185px;
    transition: all .3s ease
}

.framworks-list .box:hover {
    transition: all .3s ease;
    box-shadow: 0 0 37px rgba(8,21,66,.15)
}

.layout h5 {
    margin-bottom: 20px;
    opacity: .8;
    letter-spacing: 1.2px
}

.layout .btn {
    padding: .15rem .5rem
}

.landing-home {
    scroll-behavior: smooth;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background-position: 100% 0;
    background-size: cover;
    background: linear-gradient(90deg,#f1f0ff 21px,transparent 1%) 50%,linear-gradient(#eae7ff 21px,transparent 1%) 50%,rgba(115,102,255,.349);
    background-size: 23px 23px
}

.landing-home .content h1 {
    font-weight: 600;
    color: var(--theme-deafult);
    font-weight: 700;
    -webkit-text-fill-color: transparent;
    background: -o-linear-gradient(transparent,transparent);
    -webkit-background-clip: text;
    background-position: 0;
    line-height: 1;
    font-size: calc(25px + 32*(100vw - 300px)/1620)
}

.landing-home .content h2 {
    font-size: calc(20px + 8*(100vw - 300px)/1620)
}

.landing-home .content p {
    font-size: calc(14px + 6*(100vw - 300px)/1620);
    font-weight: 200;
    font-family: roboto;
    padding-right: 50px
}

.landing-home .navbar-brand img {
    height: 45px
}

.landing-home .btn-grp .btn img {
    height: 20px;
    margin-right: 5px
}

.landing-home .decoration li {
    position: absolute
}

.landing-home .decoration li img {
    height: 20px
}

.landing-home .decoration .one {
    left: -10px;
    top: 200px;
    animation: spin 10s infinite
}

.landing-home .decoration .two {
    left: 35%;
    top: 80px;
    animation: animationtop 10s infinite
}

.landing-home .decoration .three {
    bottom: 40px;
    left: 160px;
    animation: animationleft 10s infinite
}

.landing-home .decoration .four {
    left: 42%;
    top: 40%;
    animation: spin 15s infinite
}

.landing-home .decoration .five {
    bottom: -6px;
    left: 30%;
    animation: spin 20s infinite
}

.landing-home .decoration .six {
    left: 46%;
    top: 20%;
    animation: animationleft 5s infinite
}

.landing-home .decoration .seven {
    left: -11px;
    top: 70%;
    animation: animationleft 5s infinite
}

.landing-home .screen1 {
    position: absolute;
    right: 0;
    top: 150px;
    box-shadow: 0 0 47px 10px rgba(74,164,217,.1);
    border-radius: 10px;
    animation: animationleft 20s infinite;
    transition: all .3s ease
}

.landing-home .screen1:hover {
    transition: all .3s ease;
    box-shadow: 0 0 47px 10px hsla(0,0%,100%,.35)
}

.landing-home .screen2 {
    position: absolute;
    left: 70px;
    top: 270px;
    box-shadow: 0 0 47px 10px rgba(74,164,217,.1);
    border-radius: 10px;
    animation: animationtop 30s infinite;
    transition: all .3s ease
}

.landing-home .screen2:hover {
    transition: all .3s ease;
    box-shadow: 0 0 47px 10px rgba(74,164,217,.35)
}

.landing-home .content {
    height: calc(100vh - 101px);
    margin-top: 101px;
    display: flex;
    align-items: center;
    margin-left: 100px
}

.landing-home .sticky-header header .nav-padding {
    padding: 30px 50px
}

@keyframes animationtop {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes animationleft {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(20px)
    }

    to {
        transform: translate(0)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

.navbar-nav {
    align-items: center
}

.navbar-nav .nav-item {
    position: relative
}

.navbar-nav .nav-item .nav-link {
    font-size: 18px;
    letter-spacing: 1px;
    padding: 12px;
    transition: all .3s ease
}

.navbar-nav .nav-item .nav-link.active,.navbar-nav .nav-item .nav-link:hover {
    opacity: 1;
    transition: all .3s ease
}

.landing-page .navbar-expand-xl .navbar-collapse {
    background-color: transparent
}

.landing-page .page-body-wrapper {
    min-height: 100vh;
    background: #eaf4ff;
    overflow: hidden
}

.landing-page .navbar-nav .nav-item.buy-btn {
    background-color: #fff;
    border-radius: 5px;
    padding: 0 20px;
    margin-left: 10px
}

.landing-page .navbar-nav .nav-item.buy-btn a {
    color: var(--theme-deafult)
}

.landing-page .navbar-nav .nav-item .nav-link {
    letter-spacing: 1.5px
}

.landing-page .sticky-header header {
    background: transparent;
    box-shadow: none;
    z-index: 100;
    left: 0;
    height: auto
}

.landing-page .sticky-header header.sticky {
    margin-top: 0;
    background: #f4f1fb
}

.landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
    color: #2c323f;
    font-size: 16px;
    padding: 15px 12px
}

.landing-page .sticky-header header.sticky .buy-btn {
    background: linear-gradient(26deg,#7366ff,#a26cf8)
}

.landing-page .sticky-header header.sticky .buy-btn a {
    color: #fff!important
}

.bg-sky-blue .sticky-header header .navbar-toggler span {
    background-color: var(--theme-deafult)
}

.navbar-expand-xl .navbar-brand {
    padding-left: 18px
}

.navbar-expand-xl .navbar-collapse {
    flex-flow: row nowrap;
    justify-content: flex-end;
    background-color: #fff
}

.section-space {
    padding: 80px 0;
    text-align: center
}

.section-space p {
    font-size: 15px
}

.z-index-9 {
    z-index: 99;
    position: relative
}

.component_responsive {
    margin-bottom: -30px
}

.component_responsive img {
    height: 50px;
    filter: grayscale(1);
    transition: all .3s ease;
    opacity: .7
}

.component_responsive .component-hover-effect {
    margin-bottom: 30px
}

.component-hover-effect {
    padding: 40px 0 60px
}

.component-hover-effect:before {
    content: "";
    transition: .5s;
    border: 1px solid #dfe5f5;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    will-change: border-radius;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    display: block;
    position: absolute;
    animation: morphing 10s infinite paused;
    top: -10px;
    left: 20px
}

.component-hover-effect:hover:before {
    animation-play-state: running
}

.component-hover-effect:hover img {
    transition: all .3s ease;
    transform: scale(1.2);
    filter: hue-rotate(30deg)
}

@keyframes morphing {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
    }

    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }

    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%
    }

    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%
    }
}

.components-section h6 {
    padding-top: 15px
}

.ptb50 {
    padding: 80px 0
}

.landing-center {
    text-align: center
}

.landing-center .title {
    margin-bottom: 30px
}

.landing-center .footer-content h1 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.4;
    letter-spacing: 1px
}

.mrl5 {
    margin: 0 5px
}

.footer-bg {
    position: relative;
    text-align: center;
    margin-left: 0
}

.app_bg,.footer-bg {
    background-color: #f7f7fe
}

.page-wrapper .bg-Widget:before {
    top: 220px!important;
    transform: rotate(-40deg)
}

.page-wrapper .bg-Widget:after {
    top: unset!important;
    bottom: 0!important
}

.page-wrapper .bg-Widget .Rica-demo-content p {
    color: hsla(0,0%,100%,.7)
}

.page-wrapper .bg-Widget .Rica-demo-content .couting h2 {
    -webkit-text-fill-color: #fff!important
}

.layout {
    margin-bottom: -30px
}

.btn-md:hover {
    animation: pulse .3s 3
}

.tap-top {
    text-align: center;
    cursor: pointer;
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 5;
    color: #fff;
    background: var(--theme-deafult);
    border: none;
    padding: 7px;
    box-shadow: 0 0 10px var(--theme-deafult);
    opacity: 1;
    transition: all .3s ease
}

.tap-top svg {
    width: 20px
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0) rotate(0deg)
    }

    20% {
        transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        transform: translate(141px,72px) rotate(72deg)
    }

    60% {
        transform: translate(83px,122px) rotate(108deg)
    }

    80% {
        transform: translate(-40px,72px) rotate(144deg)
    }

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

.page-wrapper {
    overflow: hidden
}

.page-wrapper .section-space {
    padding: 80px 0
}

.page-wrapper .Rica-demo-content {
    text-align: center;
    position: relative;
    margin-bottom: 50px
}

.page-wrapper .Rica-demo-content img {
    margin: 0 auto;
    width: 70px;
    animation: rotated 50s linear infinite
}

.page-wrapper .Rica-demo-content p {
    font-size: calc(18px + 10*(100vw - 300px)/1620);
    color: #737171
}

.page-wrapper .Rica-demo-section {
    position: relative
}

.page-wrapper .Rica-demo-section:before {
    content: "";
    position: absolute;
    left: 0;
    height: 165px;
    width: 250px;
    top: 0
}

.page-wrapper .Rica-demo-section:after {
    content: "";
    position: absolute;
    right: 0;
    height: 208px;
    width: 250px;
    top: 0
}

.page-wrapper .Rica-demo-section .img-effect {
    box-shadow: 0 0 37px rgba(8,21,66,.15);
    border-radius: 15px;
    padding: 20px;
    position: relative
}

.page-wrapper .Rica-demo-section .img-effect .hover-link {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(10deg,rgba(44,50,63,.8),transparent 80%);
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
    opacity: 0;
    transition: all .3s ease;
    left: 0;
    top: 0
}

.page-wrapper .Rica-demo-section .img-effect:hover .hover-link {
    opacity: 1;
    z-index: 1;
    transition: all .3s ease
}

.page-wrapper .Rica-demo-section .img-effect img {
    width: 100%;
    transition: all .3s ease
}

.page-wrapper .Rica-demo-section .img-effect:hover {
    box-shadow: 0 0 37px rgba(8,21,66,.15);
    transition: all .3s ease
}

.page-wrapper .Rica-demo-section .img-effect:hover img {
    transform: scale(1.01);
    transition: all .3s ease
}

.page-wrapper .Rica-demo-section .Rica-img {
    border-radius: 10px;
    border: 1px solid #f1f1f1
}

.page-wrapper .Rica-demo-section .Rica-img img {
    border-radius: 30px
}

.page-wrapper .Rica-demo-section .sub-title {
    margin-top: 15px;
    padding-bottom: 10px
}

.page-wrapper .Rica-demo-section .sub-title h5 {
    margin-bottom: 0;
    font-size: calc(12px + 5*(100vw - 300px)/1620)
}

.page-wrapper .Rica-demo-section .Rica-demo-content .couting h2 {
    color: var(--theme-deafult);
    font-weight: 500;
    font-size: calc(35px + 35*(100vw - 300px)/1620);
    background: -webkit-linear-gradient(var(--theme-deafult),#966afb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    line-height: 1
}

.demo-imgs .demo-content {
    margin-bottom: 35px
}

.demo-imgs .demo-content .Rica-demo-img {
    box-shadow: 0 0 37px rgba(8,21,66,.15);
    border-radius: 15px;
    padding: 20px;
    position: relative;
    margin-bottom: 15px
}

.demo-imgs .demo-content .Rica-demo-img .hover-link {
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px
}

.demo-imgs .demo-content .Rica-demo-img .hover-link .link-btn {
    cursor: not-allowed
}

.demo-imgs .demo-content .Rica-demo-img .hover-link a {
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    background-color: #4aa4d9;
    transition: all .3s ease;
    padding: 6px 12px;
    margin-bottom: 10px
}

.demo-imgs .demo-content .Rica-demo-img .hover-link .coming-soon {
    opacity: .4;
    pointer-events: none
}

.demo-imgs .demo-content .Rica-demo-img img {
    width: 100%;
    transition: all .3s ease
}

.demo-imgs .demo-content .Rica-demo-img:hover img {
    transform: scale(1.01)
}

.demo-imgs .demo-content .Rica-demo-img:hover .title-wrapper .theme-name {
    bottom: -15px;
    opacity: 0
}

.demo-imgs .demo-content .title-wrapper .theme-name {
    position: relative;
    font-size: calc(18px + 6*(100vw - 300px)/1620);
    color: #737171;
    text-transform: capitalize
}

.demo-imgs .demo-content .title-wrapper .theme-name:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 10px;
    margin: 0 auto;
    background-color: hsla(0,1%,45%,.2);
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.landing-slider h4 {
    position: relative;
    font-size: 20px;
    color: #7366ff;
    text-transform: capitalize
}

.landing-slider h4:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 12px;
    margin: 0 auto;
    background-color: rgba(115,102,255,.15);
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.container-modify {
    max-width: 1600px;
    margin: 0 auto
}

.container-modify .img-effect:hover .Rica_img_content {
    opacity: 1;
    transition: all .3s ease
}

.container-modify .Rica_img_content {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(10deg,rgba(74,164,217,.9),transparent 80%);
    top: 0;
    left: 0;
    border-radius: 10px;
    opacity: 0;
    transition: all .3s ease
}

.container-modify .Rica_img_content h4 {
    color: #455a64;
    color: #fff;
    font-weight: 600;
    font-size: calc(12px + 9*(100vw - 300px)/1620);
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0
}

.container-modify .Rica_img_content p {
    color: #455a64
}

.navabr_btn-set {
    position: relative
}

.navabr_btn-set:focus {
    outline: 0
}

.navabr_btn-set span {
    display: block;
    background-color: #fff;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    transform: rotate(0deg);
    left: 0;
    opacity: 1
}

.navabr_btn-set:not(.custom_nav) span:first-child {
    position: absolute;
    left: 12px;
    top: 10px;
    transform: rotate(135deg);
    opacity: .9
}

.navabr_btn-set:not(.custom_nav) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent
}

.navabr_btn-set:not(.custom_nav) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    transform: rotate(-135deg);
    opacity: .9
}

.navbar-b {
    transition: all .5s ease-in-out;
    background-color: transparent;
    padding-top: 1.563rem;
    padding-bottom: 1.563rem
}

.fixed-top {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    display: flex;
    left: 0;
    z-index: 1030
}

.navbar-toggler span {
    display: block;
    background-color: transparent;
    height: 3px;
    width: 25px;
    z-index: 112;
    margin-top: 4px;
    margin-bottom: 4px;
    transform: rotate(0deg);
    left: 0;
    opacity: 1
}

.navbar-toggler span:first-child,.navbar-toggler span:nth-child(3) {
    transition: transform .35s ease-in-out
}

.navbar_nav_modify li {
    text-align: center
}

.sticky-header header {
    position: fixed;
    width: 100%;
    z-index: 6;
    text-align: center;
    line-height: normal;
    height: 80px;
    background: var(--theme-deafult);
    color: #fff;
    box-shadow: 0 0 5px 1px rgba(5,56,111,.1);
    transition: all .4s ease
}

.sticky-header header .nav-padding {
    padding: 14px
}

.sticky-header header.sticky {
    line-height: normal;
    height: 65px;
    background: var(--theme-deafult);
    text-align: left
}

.sticky-header header.sticky .nav-padding {
    padding: 7px 14px
}

.landing-home .sticky .navbar-brand img {
    max-height: 35px
}

.title-padding {
    padding: 130px 0
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-4px)
    }
}

@media(max-width: 1440px) {
    .navbar-nav .nav-item .nav-link {
        font-size:16px;
        padding: 12px 7px
    }

    .layout .text-left {
        margin-bottom: -5px
    }

    .layout .text-left .btn {
        font-size: 11px;
        margin-bottom: 5px;
        margin-left: .1rem!important
    }

    .landing-home .content {
        margin-left: 30px
    }

    .landing-home .btn {
        padding: .375rem .8rem
    }

    .landing-home .screen2 {
        left: 0
    }
}

@media(max-width: 1366px) {
    .landing-home .col-xl-5 {
        background-color:hsla(0,0%,100%,.7);
        border-radius: 0 100% 100% 0
    }

    .landing-cards .landing-card {
        margin: 5px
    }
}

@media only screen and (max-width: 1199px) {
    .sticky-header header.sticky .nav-padding {
        padding:15px 25px
    }

    .component-hover-effect:before {
        content: "";
        max-width: 200px;
        margin: 0 auto;
        left: 0;
        right: 0
    }

    .buy-btn {
        background: linear-gradient(26deg,#7366ff,#a26cf8)
    }

    .buy-btn a {
        color: #fff!important
    }

    .btn-grp .mr-3 {
        margin-right: .5rem!important
    }

    .landing-home {
        min-height: 768px
    }

    .landing-home .content {
        min-height: 668px
    }

    .landing-home .content .mr-3 {
        margin-right: .5rem!important
    }

    .navbar-toggler {
        background-color: var(--theme-deafult)
    }

    .navbar-toggler span {
        background-color: #fff
    }

    .landing-home .screen1 {
        left: 100px
    }

    .sticky-header .navbar-nav .nav-item .nav-link {
        color: #000;
        padding: 10px 12px!important;
        font-size: 15px
    }

    .sticky-header .navbar-nav li {
        display: block;
        width: 100%
    }

    .landing-page .buy-btn {
        position: relative
    }

    .landing-page .navbar-expand-xl .navbar-collapse {
        background-color: #fff;
        margin-top: 20px
    }

    .landing-page .navbar-expand-xl .navbar-collapse .navbar-nav {
        padding: 20px 30px 30px
    }

    .bg-sky-blue .main-landing {
        height: 700px
    }

    .bg-sky-blue .main-landing .landing-main-content {
        width: 70%
    }

    .landing-main .sticky .navbar-expand-xl .navbar-brand {
        top: 8px
    }

    .landing-main .sticky .navbar-expand-xl .navabr_btn-set {
        top: 16px
    }

    .landing-main .navbar-toggler span {
        background-color: #fff
    }

    .landing-main .navbar_nav_modify {
        width: 100vw;
        left: 0;
        position: fixed;
        height: 100vh;
        background-color: #293240;
        top: 0;
        padding: 120px 0
    }

    .landing-main h4 {
        font-size: 20px
    }

    .landing-main .navbar-expand-xl .navabr_btn-set {
        position: fixed;
        top: 24px;
        z-index: 1;
        right: 20px
    }

    .landing-main .navbar-expand-xl .navbar-brand {
        padding-left: 5px;
        z-index: 1;
        position: fixed;
        top: 14px
    }

    .landing-main .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item a {
        padding: 28px 60px;
        width: 16px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .landing-main .navbar-expand-lg .navbar-brand {
        padding-left: 5px
    }

    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
        padding: 9px
    }
}

@media only screen and (max-width: 991px) {
    .landing-cards .col-lg-4 {
        display:none
    }

    .email-txt {
        text-align: center!important;
        justify-content: center
    }

    .landing-ul li {
        padding-left: 0
    }

    .landing-ul li:before {
        display: none
    }

    .landing-home {
        min-height: auto;
        height: auto;
        overflow: unset;
        background-image: none
    }

    .landing-home .navbar-brand img {
        height: 35px
    }

    .landing-home .screen2 {
        left: calc(100% - 200px);
        transform: rotate(-35deg)
    }

    .landing-home .screen1,.landing-home .screen2 {
        width: 330px;
        bottom: -20px;
        top: unset;
        animation: none;
        z-index: 0
    }

    .landing-home .screen1 {
        right: calc(100% - 200px);
        left: unset;
        transform: rotate(35deg)
    }

    .landing-home .col-xl-7 {
        position: unset
    }

    .landing-home .col-xl-5 {
        border-radius: 0
    }

    .landing-home .content {
        min-height: auto;
        height: auto;
        text-align: center;
        margin-bottom: 150px;
        margin-top: 190px;
        z-index: 2;
        position: relative
    }

    .landing-home .content p {
        background-color: hsla(0,0%,100%,.7);
        padding: 20px;
        border-radius: 40px
    }

    .frameworks-section>.container {
        max-width: 100%
    }

    .page-wrapper .Rica-demo-content p {
        width: 100%
    }

    .bg-sky-blue .main-landing {
        height: 660px
    }

    .bg-sky-blue .main-landing .landing-main-content {
        width: 100%
    }

    .Rica-demo-section .Rica-demo-content p,.Rica-demo-section .gallery_content p {
        width: 70%!important
    }

    .landing_gallery_section_img {
        margin-bottom: -60px
    }

    .landing_gallery_section_img .img-gallery-set2,.landing_gallery_section_img .img-gallery-set3,.landing_gallery_section_img .img-gallery-set4 {
        bottom: 80px
    }

    .landing_gallery_section_img:before {
        height: 500px
    }

    .landing-main .navbar-expand-lg .navbar-collapse {
        position: absolute;
        top: 90px;
        width: calc(100% - 30px);
        border-radius: 5px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
        padding: 15px
    }

    .landing-main .section-space {
        padding: 60px 0
    }

    .landing-main .section-space p {
        font-size: 16px
    }

    .landing-main .navbar-expand-lg .navbar-toggler {
        background-color: #fff
    }

    .landing-main .navbar-expand-lg .navbar-toggler .navbar-toggler-icon i {
        margin-top: 5px;
        color: var(--theme-deafult)
    }

    .landing-main .navbar-expand-lg .navbar-collapse {
        background-color: #fff;
        z-index: 111
    }

    .landing-main .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item a {
        color: #000
    }

    .landing-main .footer-bg h2 {
        font-size: 28px
    }
}

@media only screen and (max-width: 800px) {
    .landing-page .page-body-wrapper {
        min-height:auto
    }
}

@media only screen and (max-width: 767px) {
    .landing-page .sticky-header header.sticky .navbar-nav .nav-item .nav-link {
        font-size:14px;
        padding: 10px 12px
    }

    .landing-home .content {
        margin-bottom: 100px;
        margin-top: 140px;
        margin-left: 0
    }

    .btn-grp {
        margin-bottom: -10px
    }

    .btn-grp .btn {
        margin-bottom: 10px
    }

    .framworks .nav-item a {
        padding: 8px 30px
    }

    .framworks .nav .nav-link .text-left {
        text-align: center!important
    }

    .framworks .nav .nav-link img {
        display: none
    }

    .framworks .mt-5 {
        margin-top: 2rem!important
    }

    .framworks-list .box {
        height: 130px;
        width: 130px;
        padding: 30px 10px
    }

    .framworks-list .box .mt-3 {
        margin-top: .75rem!important
    }

    .framworks-list .box img {
        width: 40px
    }
}

@media only screen and (max-width: 600px) {
    .page-wrapper .Rica-demo-section:after,.page-wrapper .Rica-demo-section:before {
        display:none
    }

    .ptb50 {
        padding: 30px 0
    }
}

@media only screen and (max-width: 575px) {
    .landing-home .sticky-header header .nav-padding {
        padding:15px 30px
    }

    .framworks .mt-5 {
        margin-top: 1rem!important
    }

    .framworks .nav-pills {
        margin-bottom: -10px
    }

    .framworks .nav-item {
        margin: 0 2px 10px;
        width: auto;
        display: inline-block
    }

    .framworks .nav-item p {
        display: none
    }

    .framworks .nav-item a {
        padding: 8px 17px
    }

    .framworks-list .box {
        height: 120px;
        width: 118px
    }

    .page-wrapper .Rica-demo-content {
        margin-bottom: 20px
    }

    .page-wrapper .section-space {
        padding: 40px 0
    }

    .landing_gallery_section_img {
        margin-bottom: -40px
    }

    .bg-sky-blue .main-landing {
        height: 400px
    }

    .bg-sky-blue .main-landing .landing-main-content h1 {
        font-size: 40px
    }

    .landing-main h4 {
        font-size: 17px
    }

    .landing-main .main-landing {
        padding: 0
    }

    .landing-main .footer-bg h2 {
        font-size: 21px
    }

    .landing-main .footer-bg button {
        font-size: 18px
    }
}

@media only screen and (max-width: 480px) {
    .footer-content .btn-lg {
        margin-bottom:10px
    }

    .bg-sky-blue .main-landing .landing-main-content h1 {
        font-size: 30px
    }

    .sticky-header header.sticky {
        height: 56px
    }

    .landing-home .sticky-header header .nav-padding {
        padding: 15px
    }

    .landing-home .navbar-toggler {
        background-color: transparent;
        padding: 0
    }

    .landing-home .navbar-toggler span {
        background-color: var(--theme-deafult);
        height: 2px;
        width: 18px;
        margin-top: 3px;
        margin-bottom: 3px
    }

    .landing-home .navbar-brand img {
        height: 25px
    }
}

@media only screen and (max-width: 380px) {
    .component-col-set {
        width:100%
    }

    .bg-sky-blue .main-landing {
        height: 350px
    }

    .bg-sky-blue .main-landing .landing-main-content h1 {
        font-size: 25px
    }
}

@media only screen and (max-width: 320px) {
    .landing-home .content {
        margin-bottom:50px;
        margin-top: 90px;
        margin-left: 0
    }

    .bg-sky-blue .main-landing .landing-main-content h1 {
        font-size: 24px
    }

    .bg-sky-blue .main-landing .landing-main-content p {
        font-size: 12px
    }
}

.current_lang {
    cursor: pointer;
    text-transform: uppercase;
    overflow: hidden
}

.lang.selected {
    display: none
}

.lang span.lang-txt {
    display: inline-flex;
    margin-left: 8px;
    font-weight: 500
}

.lang span span {
    color: #999;
    font-weight: 400;
    margin-left: 5px
}

.more_lang {
    transform: translateY(-20px);
    opacity: 0;
    cursor: pointer;
    display: none;
    transition: all .3s cubic-bezier(.25,1.15,.35,1.15)
}

.translate_wrapper.active .more_lang {
    display: block;
    position: absolute;
    background-color: #fff;
    top: 47px;
    right: 0;
    box-shadow: 0 0 20px rgba(89,102,122,.1)
}

.translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #fff;
    z-index: 2
}

.translate_wrapper.active .more_lang:after,.translate_wrapper.active .more_lang:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    top: -7px;
    position: absolute;
    right: 20px
}

.translate_wrapper.active .more_lang:after {
    border-bottom: 7px solid #bdc2c5;
    z-index: 1
}

.more_lang.active {
    opacity: 1;
    transform: translateY(0)
}

.more_lang .lang {
    padding: 10px 15px;
    display: flex
}

.more_lang .lang:hover {
    background: var(--theme-deafult);
    color: #fff
}

.more_lang .lang:hover span {
    color: #fff
}

.translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #eaeaea
}

.learning-header {
    margin-bottom: 10px
}

.categories {
    padding: 30px 0
}

.categories .learning-header {
    padding-left: 30px
}

.categories ul li {
    padding: 10px 30px
}

.categories ul li a {
    color: #2b2b2b
}

.categories ul li:hover {
    background-color: #f4f4f4
}

.upcoming-course .media+.media {
    margin-top: 30px
}

.job-accordion {
    margin-bottom: 0
}

@media screen and (min-width: 1200px)and (max-width:1366px) {
    .learning-comment {
        margin-left:-14px!important;
        float: left!important
    }

    .blog-box .blog-details .blog-social li:first-child {
        padding-right: 30px
    }

    .blog-box .blog-details .blog-social li+li {
        padding-left: 30px
    }
}

@media only screen and (max-width: 991px) {
    .categories {
        padding:20px 0
    }

    .categories .learning-header {
        padding-left: 20px
    }

    .categories ul li {
        padding: 10px 20px
    }

    .upcoming-course .media+.media {
        margin-top: 20px
    }
}

@media only screen and (max-width: 575px) {
    .categories {
        padding:15px 0
    }

    .categories .learning-header {
        padding-left: 15px
    }

    .categories ul li {
        padding: 10px 15px
    }

    .upcoming-course .media+.media {
        margin-top: 15px
    }
}

.login-card {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-position: 50%;
    padding: 30px 12px
}

.login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center
}

.login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 15px;
    margin: 0
}

.login-card .btn-showcase .btn+.btn {
    margin-left: 11px
}

.login-card .btn-showcase .btn svg {
    height: 16px;
    vertical-align: bottom
}

.login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 37px rgba(8,21,66,.05);
    margin: 0 auto;
    background-color: #fff
}

.login-card .login-main .theme-form h4 {
    margin-bottom: 5px;
    font-weight: 600
}

.login-card .login-main .theme-form label {
    font-size: 15px;
    letter-spacing: .4px
}

.login-card .login-main .theme-form .checkbox label:before {
    background-color: #f9f9fa;
    border: 1px solid #dfdfdf
}

.login-card .login-main .theme-form .or {
    position: relative
}

.login-card .login-main .theme-form .or:before {
    content: "";
    position: absolute;
    width: 65%;
    height: 2px;
    background-color: #f3f3ff;
    top: 9px;
    z-index: 0;
    right: 0
}

.login-card .login-main .theme-form input {
    background-color: #f3f3ff;
    transition: all .3s ease
}

.login-card .login-main .theme-form input::-webkit-input-placeholder {
    color: #999
}

.login-card .login-main .theme-form input:focus,.login-card .login-main .theme-form input:hover {
    box-shadow: none!important;
    transition: all .3s ease
}

.login-card .login-main .theme-form p {
    margin-bottom: 25px;
    font-size: 14px;
    color: #898989
}

.login-card .login-main .theme-form .form-group {
    margin-bottom: 10px;
    position: relative
}

.login-card .login-main .theme-form .link {
    position: absolute;
    top: 10px;
    right: 0
}

.login-card .login-main .theme-form .form-group .checkbox label:before {
    display: none
}

.login-card .login-main .theme-form .form-group .checkbox .checkbox_animated:checked:before,.login-card .login-main .theme-form .form-group .checkbox input[type=checkbox] {
    opacity: 1
}

.show-hide {
    position: absolute;
    top: 52px;
    right: 20px;
    transform: translateY(-50%)
}

.show-hide span {
    cursor: pointer;
    font-size: 13px;
    color: var(--theme-deafult)
}

.show-hide span.show:before {
    content: "show"
}

.show-hide span:before {
    content: "hide"
}

.needs-validation .invalid-feedback {
    color: #898989
}

.needs-validation .show-hide {
    right: 30px
}

.needs-validation .invalid-tooltip {
    top: 10px;
    right: 10px
}

.mega-inline {
    margin-bottom: -30px;
    display: flex
}

.mega-inline .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0 0 10px 0 rgba(68,102,242,.05)
}

.mega-inline .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.mega-inline .media .radio {
    margin-left: 3px
}

.mega-vertical {
    display: flex;
    flex-wrap: wrap
}

.mega-vertical .card {
    box-shadow: 0 0 10px 0 rgba(68,102,242,.05)
}

.mega-vertical .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.mega-vertical .media .radio {
    margin-left: 3px
}

.mega-title {
    font-weight: 600
}

.mega-horizontal {
    display: flex;
    flex-wrap: wrap
}

.mega-horizontal .card {
    border: 1px solid #f3f3f3;
    box-shadow: 0 0 10px 0 rgba(68,102,242,.05)
}

.mega-horizontal .mega-title-badge {
    display: table;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.mega-horizontal .media .radio {
    margin-left: 3px
}

.plain-style .card {
    box-shadow: none;
    border: none!important
}

.border-style .card {
    box-shadow: none;
    border: 1px solid #ecf3fa!important
}

.offer-style .card {
    box-shadow: none;
    border: 1px dashed #ecf3fa!important
}

.rating-star-wrapper {
    color: #797979
}

.prooduct-details-box {
    margin-bottom: 30px
}

.prooduct-details-box .close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 16px;
    cursor: pointer
}

.prooduct-details-box .media {
    border: 1px solid #d7e2e9;
    border-radius: 10px;
    padding: 15px 0;
    width: 100%;
    position: relative
}

.prooduct-details-box .rating {
    color: #ffaf45;
    letter-spacing: 3px
}

.prooduct-details-box .product-name a {
    color: gray
}

.prooduct-details-box .btn {
    position: absolute;
    right: 15px;
    bottom: 15px
}

.order-history .input-group {
    text-align: right;
    max-width: 300px
}

.order-history table td,.order-history table th {
    text-align: center
}

.order-history table thead tr th {
    vertical-align: middle;
    background-color: #fbfeff;
    border: 1px solid #ecf3fa;
    padding: 1.25rem;
    font-size: 16px
}

.order-history table .qty-box {
    width: 120px;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden
}

.order-history table .qty-box input {
    width: 44px;
    max-width: 44px;
    background-color: transparent;
    border: none!important
}

.order-history table .qty-box .input-group {
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #ecf3fa;
    overflow: hidden
}

.order-history table .qty-box .btn {
    background-color: transparent;
    border: none
}

.order-history table .qty-box .btn.bootstrap-touchspin-down {
    border-right: 1px solid
}

.order-history table .qty-box .btn.bootstrap-touchspin-up {
    border-left: 1px solid
}

.order-history table tbody tr td {
    vertical-align: middle
}

.order-history table tbody tr td .product-name a {
    font-size: 15px;
    color: #898989
}

.order-history table tbody tr td .product-name .order-process {
    font-size: 13px;
    padding-left: 15px
}

.order-history table tbody tr td .product-name .order-process .order-process-circle {
    position: relative
}

.order-history table tbody tr td .product-name .order-process .order-process-circle:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #898989;
    left: -15px;
    top: 4px
}

.order-history table tbody tr td .product-name .order-process .order-process-circle.shipped-order:before {
    background-color: #9e65c2
}

.order-history table tbody tr td .product-name .order-process .order-process-circle.cancel-order:before {
    background-color: #6670bd
}

@media only screen and (max-width: 1199px) {
    .order-history table {
        width:900px;
        overflow: auto
    }
}

.pagination-theme .page-item .page-link {
    color: var(--theme-deafult)!important
}

.pagination-theme .page-item.active .page-link {
    color: #fff!important;
    background-color: var(--theme-deafult)!important;
    border-color: var(--theme-deafult)
}

.pagination-primary .page-item .page-link {
    color: var(--theme-deafult)!important
}

.pagination-primary .page-item.active .page-link {
    color: #fff!important;
    background-color: var(--theme-deafult)!important;
    border-color: var(--theme-deafult)
}

.pagination-secondary .page-item .page-link {
    color: #ef3f3e!important
}

.pagination-secondary .page-item.active .page-link {
    color: #fff!important;
    background-color: #ef3f3e!important;
    border-color: #ef3f3e
}

.pagination-success .page-item .page-link {
    color: #9e65c2!important
}

.pagination-success .page-item.active .page-link {
    color: #fff!important;
    background-color: #9e65c2!important;
    border-color: #9e65c2
}

.pagination-danger .page-item .page-link {
    color: #6670bd!important
}

.pagination-danger .page-item.active .page-link {
    color: #fff!important;
    background-color: #6670bd!important;
    border-color: #6670bd
}

.pagination-info .page-item .page-link {
    color: #a927f9!important
}

.pagination-info .page-item.active .page-link {
    color: #fff!important;
    background-color: #a927f9!important;
    border-color: #a927f9
}

.pagination-dark .page-item .page-link {
    color: #2c323f!important
}

.pagination-dark .page-item.active .page-link {
    color: #fff!important;
    background-color: #2c323f!important;
    border-color: #2c323f
}

.pagination-warning .page-item .page-link {
    color: #747dc6!important
}

.pagination-warning .page-item.active .page-link {
    color: #fff!important;
    background-color: #747dc6!important;
    border-color: #747dc6
}

.pricing-simple {
    box-shadow: 0 0 10px 5px rgba(68,102,242,.05)
}

.pricing-simple .card-body {
    border-bottom: none
}

.pricing-simple .card-body h3 {
    position: relative;
    margin-bottom: 38px
}

.pricing-simple .card-body h3:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -10px;
    background-color: #999
}

.pricing-simple .card-body h1 {
    font-size: 30px;
    line-height: .9;
    margin-bottom: 30px;
    font-weight: 400
}

.pricingtable {
    text-align: center;
    padding-top: 45px;
    padding-bottom: 45px;
    border-radius: 10px;
    box-shadow: 0 0 40px rgba(8,21,66,.05);
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 100%
}

.pricingtable:after,.pricingtable:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    right: -213px;
    z-index: -1
}

.pricingtable:after,.pricingtable:before {
    background-color: var(--theme-deafult);
    width: 300px;
    height: 300px;
    opacity: .1
}

.pricingtable:after {
    top: auto;
    bottom: -210px;
    right: auto;
    left: -160px
}

.pricingtable .title {
    text-transform: uppercase;
    margin-bottom: 20px
}

.pricingtable .price-value {
    color: #fff;
    background-color: var(--theme-deafult);
    width: 130px;
    height: 130px;
    padding: 45px 0 0;
    margin: 0 auto 25px;
    border-radius: 50%
}

.pricingtable .price-value .duration {
    margin: 0 0 0 -5px
}

.pricingtable .price-value .amount {
    font-size: 58px;
    font-weight: 700;
    line-height: 45px;
    display: inline-block
}

.pricingtable .price-value .currency {
    vertical-align: top
}

.pricingtable .pricing-content {
    margin: 0 0 25px;
    display: inline-block
}

.pricingtable .pricing-content li {
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    padding-left: 30px
}

.pricingtable .pricing-content li:last-child {
    margin: 0
}

.pricingtable .pricing-content li:before {
    content: "";
    color: var(--theme-deafult);
    font-family: FontAwesome;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 0
}

@media(max-width: 1470px) {
    .pricing-block>div {
        flex:50% 1
    }

    .pricing-block>div:nth-child(n+3) {
        margin-top: 30px
    }
}

@media only screen and (max-width: 991px) {
    .pricing-simple .card-body h1 {
        margin-bottom:20px
    }

    .pricing-simple .card-body h3 {
        margin-bottom: 28px
    }

    .pricing-block>div:nth-child(n+2) {
        margin-top: 20px
    }
}

@media only screen and (max-width: 575px) {
    .pricing-simple .card-body h1 {
        margin-bottom:15px
    }

    .pricing-block>div {
        flex: 100% 1
    }

    .pricingtable {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.progress-showcase .progress {
    margin-bottom: 10px
}

.progress-showcase .progress:last-child {
    margin-bottom: 0
}

.sm-progress-bar {
    height: 5px
}

.lg-progress-bar {
    height: 20px
}

.progress-animate {
    overflow: inherit;
    background-color: transparent;
    margin-bottom: 2px
}

.progress-animate span {
    position: absolute;
    bottom: 25px;
    right: -10px;
    font-weight: 600;
    font-size: 14px
}

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

    25% {
        transform: scale(.1);
        opacity: .1
    }

    50% {
        transform: scale(.5);
        opacity: .3
    }

    75% {
        transform: scale(.8);
        opacity: .5
    }

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

.progress-gradient-primary {
    background-image: linear-gradient(to right,transparent,var(--theme-deafult));
    position: relative
}

.progress-gradient-primary:hover {
    background-size: 100%
}

.progress-gradient-primary:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -1px;
    background-color: var(--theme-deafult);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px 4px rgba(var(--theme-deafult),.36)
}

.progress-gradient-primary .animate-circle {
    position: absolute;
    top: -11px;
    right: -8px;
    height: 25px;
    width: 25px;
    border: 5px solid var(--theme-deafult);
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite
}

.progress-gradient-secondary {
    background-image: linear-gradient(90deg,transparent,#ef3f3e);
    position: relative
}

.progress-gradient-secondary:hover {
    background-size: 100%
}

.progress-gradient-secondary:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -1px;
    background-color: #ef3f3e;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px 4px rgba(239,63,62,.36)
}

.progress-gradient-secondary .animate-circle {
    position: absolute;
    top: -11px;
    right: -8px;
    height: 25px;
    width: 25px;
    border: 5px solid #ef3f3e;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite
}

.progress-gradient-success {
    background-image: linear-gradient(90deg,transparent,#9e65c2);
    position: relative
}

.progress-gradient-success:hover {
    background-size: 100%
}

.progress-gradient-success:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -1px;
    background-color: #9e65c2;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px 4px rgba(158,101,194,.36)
}

.progress-gradient-success .animate-circle {
    position: absolute;
    top: -11px;
    right: -8px;
    height: 25px;
    width: 25px;
    border: 5px solid #9e65c2;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite
}

.progress-gradient-danger {
    background-image: linear-gradient(90deg,transparent,#6670bd);
    position: relative
}

.progress-gradient-danger:hover {
    background-size: 100%
}

.progress-gradient-danger:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -1px;
    background-color: #6670bd;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px 4px rgba(102,112,189,.36)
}

.progress-gradient-danger .animate-circle {
    position: absolute;
    top: -11px;
    right: -8px;
    height: 25px;
    width: 25px;
    border: 5px solid #6670bd;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite
}

.progress-gradient-info {
    background-image: linear-gradient(90deg,transparent,#a927f9);
    position: relative
}

.progress-gradient-info:hover {
    background-size: 100%
}

.progress-gradient-info:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -1px;
    background-color: #a927f9;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px 4px rgba(169,39,249,.36)
}

.progress-gradient-info .animate-circle {
    position: absolute;
    top: -11px;
    right: -8px;
    height: 25px;
    width: 25px;
    border: 5px solid #a927f9;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite
}

.progress-gradient-light {
    background-image: linear-gradient(90deg,transparent,#f4f4f4);
    position: relative
}

.progress-gradient-light:hover {
    background-size: 100%
}

.progress-gradient-light:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -1px;
    background-color: #f4f4f4;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px 4px hsla(0,0%,96%,.36)
}

.progress-gradient-light .animate-circle {
    position: absolute;
    top: -11px;
    right: -8px;
    height: 25px;
    width: 25px;
    border: 5px solid #f4f4f4;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite
}

.progress-gradient-dark {
    background-image: linear-gradient(90deg,transparent,#2c323f);
    position: relative
}

.progress-gradient-dark:hover {
    background-size: 100%
}

.progress-gradient-dark:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -1px;
    background-color: #2c323f;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px 4px rgba(44,50,63,.36)
}

.progress-gradient-dark .animate-circle {
    position: absolute;
    top: -11px;
    right: -8px;
    height: 25px;
    width: 25px;
    border: 5px solid #2c323f;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite
}

.progress-gradient-warning {
    background-image: linear-gradient(90deg,transparent,#747dc6);
    position: relative
}

.progress-gradient-warning:hover {
    background-size: 100%
}

.progress-gradient-warning:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -1px;
    background-color: #747dc6;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0 0 17px 4px rgba(116,125,198,.36)
}

.progress-gradient-warning .animate-circle {
    position: absolute;
    top: -11px;
    right: -8px;
    height: 25px;
    width: 25px;
    border: 5px solid #747dc6;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite
}

.project-list .row {
    margin: 15px
}

.project-list button:focus {
    outline: none!important
}

.project-list .theme-form .form-group {
    margin-bottom: 15px
}

.project-list .border-tab.nav-tabs .nav-item .nav-link {
    border: 1px solid transparent;
    padding: 5px 30px 5px 0;
    border-radius: 5px;
    display: flex;
    align-items: center
}

.project-list .btn {
    margin-right: 5px;
    vertical-align: -12px;
    float: right
}

.project-list .btn svg {
    vertical-align: middle;
    height: 16px
}

.project-list ul {
    margin-bottom: 0!important;
    border-bottom: 0
}

.project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px
}

.tab-content .row>div.col-xl-4:first-child {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 100s
}

.tab-content .row>div.col-xl-4:nth-child(2) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 200s
}

.tab-content .row>div.col-xl-4:nth-child(3) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 300s
}

.tab-content .row>div.col-xl-4:nth-child(4) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 400s
}

.tab-content .row>div.col-xl-4:nth-child(5) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 500s
}

.tab-content .row>div.col-xl-4:nth-child(6) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 600s
}

.tab-content .row>div.col-xl-4:nth-child(7) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 700s
}

.tab-content .row>div.col-xl-4:nth-child(8) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 800s
}

.tab-content .row>div.col-xl-4:nth-child(9) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 900s
}

.tab-content .row>div.col-xl-4:nth-child(10) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1000s
}

.tab-content .row>div.col-xl-4:nth-child(11) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1100s
}

.tab-content .row>div.col-xl-4:nth-child(12) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1200s
}

.tab-content .row>div.col-xl-4:nth-child(13) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1300s
}

.tab-content .row>div.col-xl-4:nth-child(14) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1400s
}

.tab-content .row>div.col-xl-4:nth-child(15) {
    animation-fill-mode: both;
    animation: fadeIncustom .5s linear 1500s
}

.project-cards .tab-content {
    margin-bottom: -30px
}

.project-box {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 30px;
    background-color: #fff;
    margin-bottom: 30px
}

.project-box h6 {
    font-weight: 500!important
}

.project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px
}

.project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800
}

.project-box .media {
    margin-bottom: 15px
}

.project-box .media .media-body {
    opacity: .5
}

.project-box .details div {
    margin-bottom: 5px;
    opacity: .7
}

.projectdetails .card .card-body,.projectdetails .card .card-footer {
    padding: 20px
}

.projectdetails .card select {
    width: 90px;
    height: 28px;
    font-size: 11px;
    right: 20px;
    top: 20px
}

.projectmore .details .col-4 {
    margin-bottom: 5px
}

.projectmore .details .col-4:nth-child(2n) {
    opacity: .5
}

.projectmore h5 {
    font-size: 20px;
    font-weight: 600
}

.projectmore .task-list {
    position: relative
}

.projectmore .task-list ul li {
    margin-bottom: 5px
}

.projectmore .task-list ul+ul {
    position: absolute;
    left: 50%;
    top: 0
}

.new-users.activity .gradient-round {
    padding: 13px;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    top: unset!important
}

.new-users.activity .gradient-round:after {
    display: none
}

.user-profile .hovercard .user-image .share-icons {
    position: absolute;
    right: 100px;
    top: -27px
}

.user-profile .hovercard .user-image .share-icons li {
    display: inline-block;
    margin-right: 10px
}

.user-profile .hovercard .user-image .share-icons li .social-icon {
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    border-radius: 100%
}

.user-profile .hovercard .user-image .share-icons li .social-icon i {
    color: #fff;
    font-size: 25px
}

.user-profile .hovercard .user-image .share-icons li:last-child {
    margin-right: 0
}

.user-profile .card-footer>div h3 {
    font-size: 16px
}

.market-tabs .border-tab.nav-tabs .nav-item .nav-link.active {
    border-bottom: none!important
}

.market-tabs .nav {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

.market-tabs .nav .nav-item {
    width: 100%
}

.market-tabs .nav .nav-item .nav-link {
    height: 81px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 30px;
    text-align: center
}

.tabs-scoial {
    border-bottom: none;
    margin-bottom: 20px!important;
    margin-top: 20px
}

.tabs-scoial li a {
    font-weight: 600
}

.tabs-scoial li a svg circle {
    color: #999
}

.social-network span {
    margin-bottom: 30px;
    display: block
}

.social-list .media {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.social-list .media:last-child {
    margin-bottom: 0
}

.social-list .media .media-body a {
    color: #999
}

.social-list .media .media-body span {
    font-weight: 600
}

.social-list .media .media-body:hover a {
    color: var(--theme-deafult)
}

.photos {
    margin-bottom: -15px
}

.photos ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px
}

.photos ul li:nth-child(4n) {
    margin-right: 0
}

.new-users-social {
    margin-bottom: 30px
}

.new-users-social svg {
    cursor: pointer
}

.new-users-social .media img {
    width: 58px
}

.new-users-social .media .media-body {
    margin-top: 10px
}

.new-users-social svg circle {
    color: #999
}

.like-content span i {
    font-size: 14px
}

.timeline-content p {
    margin-top: 30px;
    color: #999
}

.timeline-content .comment-number i {
    color: #999;
    margin-right: 20px
}

.timeline-content .comments-box {
    margin-top: 30px
}

.timeline-content .comments-box .input-group {
    margin-top: 6px
}

.timeline-content .comments-box .input-group .input-txt-bx {
    border: none
}

.timeline-content .comments-box .input-group .input-txt-bx::placeholder {
    color: #999
}

.timeline-content .comments-box .input-group .input-group-append .btn i {
    font-size: 20px;
    display: flex;
    color: #999
}

.social-chat {
    margin-top: 30px
}

.social-chat span span {
    font-weight: 400;
    color: #999;
    font-size: 12px
}

.social-chat .media-body {
    padding: 30px;
    border: 1px solid #f4f4f4;
    position: relative
}

.social-chat .media-body p {
    margin-top: 5px
}

.social-chat .media-body:before {
    content: "";
    position: absolute;
    top: 19px;
    right: 100%;
    border: 7px solid transparent;
    border-right-color: #59667a
}

.social-chat .media-body:after {
    content: "";
    position: absolute;
    top: 19px;
    right: 100%;
    border: 7px solid transparent;
    border-right-color: #fff
}

.social-chat .other-msg,.social-chat .your-msg {
    margin-bottom: 30px
}

.social-chat .other-msg {
    margin-left: 40px
}

.socialprofile span {
    color: #999
}

.socialprofile .social-btngroup {
    margin: 30px 0
}

.socialprofile .likes-profile h5 span {
    color: #2b2b2b
}

.socialprofile .social-group {
    margin-top: 30px
}

.socialprofile .social-group ul li:nth-child(4) {
    margin-left: -22px
}

.social-status form .form-group .form-control-social {
    border: 1px solid #f4f4f4;
    padding-left: 15px;
    margin-bottom: 30px
}

.social-status .media {
    position: relative;
    margin-bottom: 30px
}

.social-status .media:last-child {
    margin-bottom: 0
}

.social-status .media .social-status {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    bottom: 0;
    left: 35px;
    border-radius: 100%
}

.social-status .media .social-online {
    border: 3px solid #9e65c2
}

.social-status .media .social-busy {
    border: 3px solid #747dc6
}

.social-status .media .social-offline {
    border: 3px solid #59667a
}

.social-status .media .media-body p {
    color: #999;
    margin-bottom: 5px
}

.social-status .media .media-body .light-span,.social-status .media .media-body span+span {
    color: #999
}

.social-header h5 span:first-child {
    line-height: 1.48
}

.social-header h5 span svg circle {
    color: #999
}

.details-about+.details-about {
    margin-top: 30px
}

.details-about .your-details p {
    color: #999
}

.avatar-showcase .friend-pic {
    margin-right: 8px;
    margin-bottom: 10px
}

.avatar-showcase .pepole-knows ul li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px
}

.avatar-showcase .pepole-knows ul li:last-child {
    margin-right: 0
}

.avatar-showcase .pepole-knows ul li .add-friend h6 {
    margin-top: 3px
}

.activity-log .my-activity+.my-activity {
    margin-top: 30px
}

.activity-log .my-activity p {
    margin-bottom: 5px
}

.activity-log .my-activity p span svg {
    width: 15px;
    height: 15px
}

.modal-open .datepickers-container {
    z-index: 1075
}

.date-details {
    align-items: center
}

.date-details>div+div {
    margin-left: 10px
}

.taskadd table tr td {
    border-top: none
}

.taskadd table tr td:first-child {
    padding-left: 30px
}

.taskadd table tr td:last-child {
    padding-right: 30px
}

.taskadd table tr td svg {
    width: 18px;
    height: 18px;
    color: #59667a
}

.taskadd table tr:first-child td {
    padding-top: 30px
}

.taskadd table tr:last-child td {
    padding-bottom: 30px
}

@media only screen and (max-width: 1660px) {
    .taskadd table tr td:first-child {
        min-width:160px
    }

    .taskadd table tr td:nth-child(3) {
        min-width: 70px
    }
}

@media only screen and (max-width: 991px) {
    .date-details {
        display:block!important;
        margin-bottom: -10px
    }

    .date-details .d-inline-block {
        margin-bottom: 10px
    }

    .taskadd table tr td:first-child {
        padding-left: 20px
    }

    .taskadd table tr:first-child td {
        padding-top: 20px
    }

    .taskadd table tr:last-child td {
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .taskadd table tr td:nth-child(2) {
        min-width:745px
    }
}

@media only screen and (max-width: 575px) {
    .taskadd table tr td:first-child {
        padding-left:15px
    }

    .taskadd table tr:first-child td {
        padding-top: 15px
    }

    .taskadd table tr:last-child td {
        padding-bottom: 15px
    }
}

.activity .media {
    margin-bottom: 30px
}

.activity .media:last-child {
    margin-bottom: 0
}

.activity .media .gradient-round {
    position: relative;
    width: 53px;
    height: 53px;
    background-image: linear-gradient(26deg,var(--theme-deafult) 0,#a26cf8 100%);
    border-radius: 100%;
    top: -18px
}

.activity .media .gradient-round svg {
    position: absolute;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 18px;
    right: 0;
    margin: 0 auto
}

.activity .media .gradient-round svg circle,.activity .media .gradient-round svg line,.activity .media .gradient-round svg path {
    color: #fff
}

.activity .media .gradient-round.gradient-line-1:after {
    position: absolute;
    content: "";
    background-color: #e9e9e9;
    width: 2px;
    height: 62px;
    bottom: -77px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.activity .media .gradient-round.small-line:after {
    position: absolute;
    content: "";
    background-color: #e9e9e9;
    width: 2px;
    height: 19px;
    bottom: -34px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.activity .media .gradient-round.medium-line:after {
    position: absolute;
    content: "";
    background-color: #e9e9e9;
    width: 2px;
    height: 53px;
    bottom: -68px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.activity .media .media-body h6 {
    font-weight: 600;
    margin-bottom: 30px
}

.activity .media .media-body h6 span {
    font-weight: 400;
    color: #999
}

.activity .media .media-body p {
    width: 80%
}

.timeline-small .media {
    margin-bottom: 30px
}

.timeline-small .media:last-child {
    margin-bottom: 0
}

.timeline-small .media .timeline-round {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border-radius: 15px;
    top: -18px
}

.timeline-small .media .timeline-round svg {
    position: absolute;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 18px;
    right: 0;
    margin: 0 auto
}

.timeline-small .media .timeline-round svg circle,.timeline-small .media .timeline-round svg line,.timeline-small .media .timeline-round svg path {
    color: #fff
}

.timeline-small .media .timeline-round.timeline-line-1:after {
    position: absolute;
    content: "";
    background-color: #e9e9e9;
    width: 2px;
    height: 62px;
    bottom: -88px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.timeline-small .media .timeline-round.small-line:after {
    position: absolute;
    content: "";
    background-color: #e9e9e9;
    width: 2px;
    height: 19px;
    bottom: -34px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.timeline-small .media .timeline-round.medium-line:after {
    position: absolute;
    content: "";
    background-color: #e9e9e9;
    width: 2px;
    height: 53px;
    bottom: -68px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.timeline-small .media .media-body h6 {
    margin-bottom: 30px
}

.timeline-small .media .media-body h6 span {
    font-weight: 400;
    color: #999
}

.timeline-small .media .media-body p {
    width: 80%
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.cd-container:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width: 1170px) {
    #cd-timeline:before {
        left:50%!important;
        margin-left: -2px
    }

    .cd-timeline-block {
        margin: 4em 0
    }

    .cd-timeline-block:first-child {
        margin-top: 0
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-content {
        float: right
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-content:before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent #f4f4f4 transparent transparent
    }

    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px
    }

    .cd-timeline-img>i {
        font-size: 18px;
        top: 50%;
        left: 50%;
        padding: 3px
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        animation: cd-bounce-1 .6s
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        animation: cd-bounce-2 .6s
    }

    .cssanimations .cd-timeline-block:nth-child(2n) .cd-timeline-content.bounce-in {
        animation: cd-bounce-2-inverse .6s
    }

    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px
    }

    .cd-timeline-content:before {
        top: 24px;
        left: 100%;
        border-color: transparent transparent transparent #fff
    }
}

#cd-timeline {
    position: relative;
    padding: 2em 0
}

#cd-timeline:before {
    content: "";
    position: absolute;
    top: 0;
    font-size: 1.5rem;
    height: 100%;
    width: 2px;
    background: #f4f4f4;
    left: -15px
}

.cd-timeline-block {
    position: relative;
    margin: 30px 0
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

.cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    border-radius: 4px
}

.cd-timeline-img i {
    display: block;
    position: relative;
    left: 45%;
    top: 44%;
    margin-left: -12px;
    margin-top: -12px;
    font-size: 27px;
    color: #fff
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    60% {
        opacity: 1;
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.cd-timeline-content {
    position: relative;
    background: #fdfeff;
    border-radius: 4px;
    padding: 30px;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,.08)
}

.cd-timeline-content p {
    padding-top: 9px
}

.cd-timeline-content h4 {
    margin-bottom: 0
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both
}

.cd-timeline-content audio {
    width: 100%
}

.cd-timeline-content .cd-date {
    font-size: 13px;
    display: inline-block;
    float: left;
    padding: .8em 0 0;
    opacity: .7
}

.cd-timeline-content:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-left-color: #f4f4f4
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content .cd-date {
        font-size:14px;
        padding-bottom: 0
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        transform: translateX(20px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }

    60% {
        opacity: 1;
        transform: translateX(-20px)
    }

    to {
        transform: translateX(0)
    }
}

@media only screen and (max-width: 1169px) {
    .cd-timeline-block .cd-timeline-img {
        left:-2px;
        height: 30px;
        width: 30px;
        margin-left: -30px;
        top: 14px;
        z-index: 7
    }

    .cd-timeline-block .cd-timeline-img>i {
        font-size: 15px;
        top: 16px;
        left: 17px;
        padding: 3px
    }

    .landing-main #cd-timeline:before {
        left: -39px
    }

    .landing-main .cd-timeline-block .cd-timeline-img {
        left: -34px;
        height: 50px;
        width: 50px;
        top: 1px;
        z-index: 8
    }

    .landing-main .cd-timeline-block .cd-timeline-img>i {
        font-size: 23px;
        top: 21px;
        left: 7px;
        padding: 3px
    }
}

@media only screen and (max-width: 576px) {
    .cd-timeline-content {
        padding:15px
    }

    .cd-timeline-content h4 {
        font-size: 18px
    }
}

.timeliny {
    position: relative;
    display: block;
    padding: 10rem 0;
    width: 100%;
    border-top: 1px solid #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
    text-rendering: optimizeLegibility;
    color: #f4f4f4;
    opacity: 0;
    overflow: hidden;
    cursor: move
}

.timeliny.loaded {
    opacity: 1
}

.timeliny:before {
    content: "";
    position: absolute;
    background-color: #898989;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0
}

.timeliny .timeliny-wrapper {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 1024px
}

.timeliny .timeliny-dot {
    top: 50%;
    left: 0;
    margin-top: -.6rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    border: 1px solid #898989;
    background-color: #fff
}

.timeliny .timeliny-dot,.timeliny .timeliny-dot:before {
    transition: all .35s ease-in-out;
    display: block;
    position: absolute
}

.timeliny .timeliny-dot:before {
    content: attr(data-year);
    top: -5rem;
    left: 1.25rem;
    color: #2c323f;
    font-family: Rubik,sans-serif;
    font-size: 22px
}

.timeliny .timeliny-dot:after {
    transition: all .35s ease-in-out;
    transform: translateY(-50%);
    content: attr(data-text);
    display: block;
    position: absolute;
    width: 256px;
    top: 5.6rem;
    left: 1.25rem;
    color: #f4f4f4;
    opacity: 0;
    font-size: .9em
}

@media(min-width: 768px) {
    .timeliny .timeliny-dot:after {
        width:341.3333333333px
    }
}

.timeliny .timeliny-timeline {
    position: absolute;
    top: 50%;
    left: 0;
    display: table;
    width: 100%;
    z-index: 5
}

.timeliny .timeliny-timeline .timeliny-timeblock {
    display: table-cell;
    position: relative
}

.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot {
    border-color: var(--theme-deafult);
    background-color: var(--theme-deafult);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.33)
}

.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot:before {
    color: #2c323f
}

.timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot:after {
    color: #2c323f;
    opacity: 1;
    background-color: #eaf5fb;
    border: 1px solid #efefef;
    padding: 10px;
    border-radius: 5px
}

.timeliny .timeliny-timeline .timeliny-timeblock.inactive .timeliny-dot {
    cursor: move
}

.timeliny .timeliny-timeline .timeliny-timeblock.inactive .timeliny-dot:before {
    color: #f4f4f4
}

.timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
    border-color: #2c323f;
    background-color: #2c323f
}

.timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover:before {
    color: #2c323f
}

.timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover:after {
    color: #2c323f;
    opacity: 1;
    background-color: #fff;
    border: 1px solid #efefef;
    padding: 10px;
    border-radius: 5px
}

.timeliny .timeliny-vertical-line {
    position: absolute;
    display: block;
    z-index: 1;
    left: 16%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--theme-deafult)
}

@media(min-width: 768px) {
    .timeliny .timeliny-vertical-line {
        left:32%
    }
}

.timeliny .timeliny-vertical-line:before {
    top: 0;
    border-top: 8px solid var(--theme-deafult)
}

.timeliny .timeliny-vertical-line:after,.timeliny .timeliny-vertical-line:before {
    content: "";
    position: absolute;
    left: -7px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.timeliny .timeliny-vertical-line:after {
    bottom: 0;
    border-bottom: 8px solid var(--theme-deafult)
}

.user-profile .ttl-info h6 {
    font-size: 12px;
    color: #59667a
}

.user-profile .border-right {
    border-right: 1px solid #f4f4f4
}

.user-profile hr {
    margin: 30px 0
}

.user-profile .hovercard .cardheader {
    background-size: cover;
    background-position: 10%;
    height: 470px
}

.user-profile .hovercard .user-image {
    position: relative;
    height: 0
}

.user-profile .hovercard .user-image .avatar {
    margin-top: -80px
}

.user-profile .hovercard .user-image .avatar img {
    width: 100px;
    height: 100px;
    max-width: 155px;
    max-height: 155px;
    border-radius: 50%;
    border: 7px solid #fff
}

.user-profile .hovercard .user-image .icon-wrapper {
    position: absolute;
    bottom: -20px;
    left: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
    font-size: 17px;
    box-shadow: 0 0 6px 3px rgba(68,102,242,.1)
}

.user-profile .hovercard .info {
    padding: 30px
}

.user-profile .hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #2c323f;
    vertical-align: middle
}

.user-profile .hovercard .info .title a {
    color: #242934;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500
}

.user-profile .hovercard .info .desc {
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #59667a;
    text-overflow: ellipsis;
    text-transform: uppercase
}

.user-profile .follow {
    margin-top: 20px
}

.user-profile .follow .follow-num {
    font-size: 20px;
    color: #242934;
    font-family: Rubik,sans-serif;
    font-weight: 500
}

.user-profile .follow span {
    color: #59667a
}

.user-profile .profile-img-style {
    padding: 30px
}

.user-profile .profile-img-style .img-container {
    margin-top: 30px
}

.user-profile .profile-img-style .user-name {
    font-size: 14px;
    color: #242934;
    margin: 0;
    font-weight: 600
}

.user-profile .profile-img-style p {
    line-height: 30px;
    font-size: 14px;
    color: #898989;
    margin-bottom: 0
}

.user-profile .profile-img-style .media img {
    width: 50px
}

.user-profile .like-comment a {
    color: #898989
}

.user-profile .like-comment a:hover {
    color: #6670bd
}

.user-profile .like-comment span {
    font-family: Rubik,sans-serif
}

.user-profile .social-media a {
    padding: 0 15px;
    color: #59667a;
    font-size: 24px;
    cursor: pointer
}

.user-profile .social-media a:hover {
    color: var(--theme-deafult)
}

.edit-profile .profile-title .media {
    align-items: center;
    margin-bottom: 30px
}

.edit-profile .profile-title .media .media-body {
    margin-left: 25px
}

.wishlist table tr td svg {
    color: #898989;
    cursor: pointer
}

.review-users {
    padding: 30px 0;
    display: flex;
    align-items: flex-start
}

.review-users__img img {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    object-fit: cover
}

.review-users__detail {
    margin-left: 10px
}

.review-users__box h5 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0
}

.review-users__box h4 {
    margin-bottom: 0!important
}

.review-users p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #777;
    line-height: 1.6
}

.review-users:not(:last-of-type) {
    border-bottom: 1px solid #ecf3fa
}

@media only screen and (max-width: 500px) {
    .review-users {
        flex-direction:column;
        align-items: center
    }

    .review-users__detail {
        text-align: center;
        margin-left: 0!important
    }

    .review-users p {
        text-align: justify;
        word-break: normal;
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .review-users__box {
        margin-top: 7px;
        text-align: center
    }

    .review-users__box h4 {
        margin-top: 10px
    }
}

.star-box {
    display: flex;
    align-items: center
}

.star-box svg {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    color: #ef8f3b;
    fill: #ef8f3b
}

@media only screen and (max-width: 500px) {
    .star-box {
        justify-content:center;
        margin-top: 10px!important;
        margin-bottom: 10px
    }
}

.personal-info {
    display: flex;
    align-items: flex-start
}

.personal-info__img img {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    object-fit: cover
}

.personal-info__uplode {
    margin-left: calc(10px + 38*(100vw - 320px)/1600)!important
}

.personal-info__uplode p {
    font-size: calc(14px + 3*(100vw - 320px)/1600)
}

@media only screen and (max-width: 600px) {
    .personal-info {
        flex-direction:column;
        text-align: center;
        align-items: center
    }

    .personal-info__uplode {
        margin-left: 0!important
    }

    .personal-info__uplode p {
        margin-top: 10px
    }

    .personal-info__img img {
        width: 130px;
        height: 130px;
        border-radius: 4px
    }
}

.uplode-img {
    position: relative
}

.uplode-img input {
    position: relative;
    height: 50px;
    opacity: 0;
    z-index: 1;
    width: 100%;
    cursor: pointer
}

.uplode-img label {
    position: absolute;
    left: 0;
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.1);
    color: #9aa4c8;
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    cursor: pointer
}

.uplode-img label:hover {
    border: 1px solid rgba(0,0,0,.3)
}

.uplode-img label svg {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

@media only screen and (max-width: 600px) {
    .uplode-img label {
        left:50%;
        transform: translateX(-50%);
        width: 70%
    }
}

.btn--hover:hover {
    background-color: #144eee
}

.single-section,.single-section .image_section {
    position: relative
}

.single-section .image_section .view-all {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(231,56,39,0));
    margin-bottom: 0;
    padding: 10px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 800;
    line-height: 1
}

.single-section .image_section .slider-thumbnail {
    margin-top: 5px;
    overflow: hidden
}

.single-section .image_section .slider-thumbnail .slick-slide>div {
    margin: 0 5px
}

.single-section .image_section .slider-thumbnail .slick-list {
    margin-left: -5px;
    margin-right: -5px
}

.single-section .facility_sec {
    display: flex;
    justify-content: center;
    background-color: #fff;
    margin-top: 20px
}

.single-section .facility_sec .icon-box {
    display: flex;
    align-items: center;
    padding: 0 50px;
    position: relative
}

.single-section .facility_sec .icon-box svg {
    width: 30px;
    height: auto;
    fill: var(--theme-deafult)
}

.single-section .facility_sec .icon-box .content {
    margin-left: 15px
}

.single-section .facility_sec .icon-box .content h5 {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0
}

.single-section .facility_sec .icon-box .content h6 {
    font-size: 12px;
    color: rgba(34,34,34,.7);
    text-transform: capitalize;
    margin-bottom: 0
}

.single-section .facility_sec .icon-box:after {
    content: "";
    width: 1px;
    height: 25px;
    background-color: var(--theme-deafult);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.single-section .facility_sec .icon-box:last-child:after {
    display: none
}

.single-section .description-section .menu-top {
    margin-top: 10px;
    padding: 12px 0;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 2px 3.464px 8px 0 rgba(22,145,248,.18)
}

.single-section .description-section .menu-top li a {
    color: rgba(0,0,0,.9);
    text-transform: uppercase;
    font-weight: 700;
    padding: calc(8px + 6*(100vw - 320px)/1600) calc(12px + 18*(100vw - 320px)/1600);
    transition: all .5s ease;
    cursor: pointer
}

.single-section .description-section .menu-top li.active a {
    color: var(--theme-deafult);
    border-bottom: 2px solid var(--theme-deafult);
    transition: all .5s ease
}

.single-section .description-section .menu-top li.mobile-menu {
    display: none
}

.single-section .description-section .menu-top.sticky {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 1px 3px 20px 0 rgba(0,0,0,.1);
    margin-top: 0;
    padding: 16px 0;
    animation: smoothScroll 1s forwards
}

.single-section .description-section .menu-top.sticky li a {
    padding: 15px 30px
}

.single-section .description-section .menu-top.menu-up {
    margin-top: 0;
    margin-bottom: calc(20px + 10*(100vw - 320px)/1600)
}

.single-section .description-section .description-details .content-title {
    text-transform: uppercase;
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 700
}

.single-section .description-section .description-details .menu-part {
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 2px 3.464px 8px 0 rgba(22,145,248,.18)
}

.single-section .description-section .description-details .menu-part.page-section .zoom-gallery>div:nth-child(-n+3) {
    margin-bottom: 0
}

.single-section .description-section .description-details .menu-part .accordion-plan {
    position: relative
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 30px;
    border: none;
    transition: all .3s ease;
    letter-spacing: .5px;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(8,21,66,.05)
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header {
    background-color: #f2f9fc;
    border-bottom: 0;
    padding: 6px
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header button {
    background-color: #f2f9fc;
    display: block;
    width: 100%;
    text-align: left;
    color: #353535;
    text-transform: capitalize;
    font-size: calc(16px + 1*(100vw - 320px)/1600);
    padding: .375rem 1.75rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.2;
    border: none;
    text-decoration: none;
    box-shadow: none
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header button:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #353535;
    right: 37px;
    top: 14px;
    transition: all .3s ease
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header button[aria-expanded=true]:before {
    border-top: 0;
    border-bottom: 6px solid #353535;
    transition: all .3s ease
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-collapse .accordion-body {
    padding: 0
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .card-body--modifay {
    color: #444;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    text-align: justify
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .card-body .highlight {
    margin-top: 10px
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .card-body .highlight li {
    display: block;
    text-transform: capitalize;
    font-size: calc(13px + 0*(100vw - 320px)/1600)
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .card-body .highlight li i {
    margin-right: 5px;
    font-size: 12px
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .card-body .highlight li img {
    margin-right: 5px;
    width: 18px
}

.single-section .description-section .description-details .menu-part .accordion-plan .accordion-item+.card {
    margin-top: 20px
}

.single-section .description-section .description-details .menu-part .list-view {
    margin-top: 30px
}

.single-section .description-section .description-details .menu-part .list-view .list-box {
    display: flex;
    padding: 15px;
    background-color: #fff;
    border: 1px solid hsla(0,0%,60%,.3)
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-img {
    width: 35%
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content {
    margin-left: 25px;
    display: flex;
    align-items: center;
    width: 60%
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content>div {
    width: 100%;
    position: relative
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content h5 {
    font-size: calc(14px + 6*(100vw - 320px)/1600);
    text-transform: capitalize;
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
    line-height: 1.5
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content h6 {
    color: #797979
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content p {
    color: rgba(0,0,0,.7);
    text-transform: capitalize;
    font-weight: 400
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .price {
    color: #333;
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    font-weight: 800;
    margin-top: 15px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .price del {
    font-size: 14px;
    color: rgba(34,34,34,.6);
    font-weight: 700;
    margin-right: 10px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .price span {
    font-size: 14px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .rating i {
    font-size: 16px;
    margin: 0 2.5px;
    color: #fc3
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon {
    display: flex;
    text-align: center;
    margin-top: 20px;
    align-items: center
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon .facility-box span {
    text-transform: capitalize;
    color: #5f5f5f;
    font-size: 12px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon .facility-box img {
    display: block;
    width: calc(18px + 4*(100vw - 320px)/1600);
    margin: 0 auto
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon .facility-box i {
    display: block;
    font-size: calc(14px + 6*(100vw - 320px)/1600);
    color: rgba(95,95,95,.64)
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon .facility-box+.facility-box {
    margin-left: 15px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .hotel-info {
    margin-top: 12px;
    text-align: justify;
    word-break: normal;
    -webkit-hyphens: auto;
    hyphens: auto
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .book-now {
    position: absolute;
    right: 0;
    bottom: 0
}

.single-section .description-section .description-details .menu-part .list-view .list-box .list-content .offer-box {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #f2f9fc;
    padding: 10px;
    color: var(--theme-deafult);
    font-weight: 700;
    max-width: 150px
}

.single-section .description-section .description-details .menu-part .list-view .list-box+.list-box {
    margin-top: 30px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .slick-prev {
    left: 1px;
    z-index: 1;
    transition: all .5s ease;
    background-color: transparent;
    height: 36px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .slick-prev:before {
    content: "";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

.single-section .description-section .description-details .menu-part .list-view .list-box .slick-next {
    right: 0;
    z-index: 1;
    transition: all .5s ease;
    background-color: transparent;
    height: 36px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .slick-next:before {
    content: "";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

.single-section .description-section .description-details .menu-part .list-view .list-box .slider-nav {
    margin-top: 3px
}

.single-section .description-section .description-details .menu-part .list-view .list-box .slider-nav .slick-slide {
    margin: 0 3px;
    cursor: pointer
}

.single-section .description-section .description-details .menu-part .list-view .list-box .slider-nav .slick-list {
    margin-left: -3px;
    margin-right: -3px
}

.single-section .description-section .description-details .menu-part .list-view .list-box:hover .special-img .bg-size {
    transform: scale(1)
}

.single-section .description-section .description-details .menu-part .list-view .list-box:hover .slick-next,.single-section .description-section .description-details .menu-part .list-view .list-box:hover .slick-prev {
    background-color: #252525;
    transition: all .5s ease
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay {
    position: relative
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay .overlay-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .4s ease
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay .overlay-background i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 22px;
    display: none;
    transition: all .4s ease;
    align-items: center;
    justify-content: center
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay:hover .overlay-background {
    transition: all .4s ease;
    background-color: rgba(34,34,34,.6)
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay:hover .overlay-background i {
    display: flex;
    transition: all .4s ease
}

.single-section .description-section .description-details .menu-part .zoom-gallery>div:nth-child(-n+3) {
    margin-bottom: 0
}

.single-section .description-section .description-details .menu-part.facility h6 {
    text-transform: capitalize;
    font-weight: 600;
    color: #222
}

.single-section .description-section .description-details .menu-part.facility h6 img {
    margin-right: 5px;
    width: 20px
}

.single-section .description-section .description-details .menu-part.facility ul {
    margin-left: 10px
}

.single-section .description-section .description-details .menu-part.facility ul li {
    color: rgba(0,0,0,.52);
    display: block;
    text-transform: capitalize;
    line-height: 1.9
}

.single-section .description-section .description-details .menu-part.facility ul li i {
    font-size: 8px;
    margin-right: 5px;
    color: rgba(0,0,0,.6)
}

.single-section .description-section .description-details .menu-part.about h6 {
    font-weight: 600;
    margin-top: 15px;
    line-height: 1.5;
    text-transform: capitalize
}

.single-section .description-section .description-details .menu-part.about p {
    text-align: justify;
    color: rgba(0,0,0,.52);
    font-size: calc(13px + 0*(100vw - 320px)/1600);
    line-height: 1.6
}

.single-section .description-section .description-details .menu-part.about .about-sec h4 {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 23px;
    text-transform: capitalize
}

.single-section .description-section .description-details .menu-part.about .about-sec .resturant-6 {
    color: inherit
}

.single-section .description-section .description-details .menu-part.about .about-sec p {
    color: rgba(0,0,0,.52);
    text-align: justify;
    word-break: normal;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.single-section .description-section .description-details .menu-part.about .about-sec p.top-space {
    margin-top: -6px;
    margin-bottom: 10px
}

.single-section .description-section .description-details .menu-part.about .about-sec p.bottom-space {
    margin-bottom: -7px
}

.single-section .description-section .description-details .menu-part.about .about-sec ul {
    padding-left: 25px
}

.single-section .description-section .description-details .menu-part.about .about-sec ul li {
    list-style-type: square;
    display: list-item;
    text-transform: capitalize;
    color: rgba(0,0,0,.52);
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    line-height: 1.7;
    letter-spacing: .04em
}

.single-section .description-section .description-details .menu-part.about .about-sec .policiy-6 li {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: normal;
    font-size: calc(13px + 1*(100vw - 320px)/1600)!important
}

.single-section .description-section .description-details .menu-part.about .about-sec+.about-sec {
    margin-top: 15px
}

.single-section .description-section .description-details .menu-part.about .about-sec .city-detail {
    margin-bottom: 20px;
    font-size: 18px;
    color: #353535
}

.single-section .description-section .description-details .menu-part.about .detail-img {
    margin: 20px 0
}

.single-section .description-section .description-details .menu-part.map iframe {
    width: 100%;
    height: 420px;
    margin-bottom: -5px
}

.single-section .description-section .description-details .menu-part.review {
    padding: 0
}

.single-section .description-section .description-details .menu-part.review .review-box .rating i {
    margin: 0 2.5px;
    color: #fc3;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 700
}

.single-section .description-section .description-details .menu-part.review .review-box span {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.single-section .description-section .description-details .menu-part.review .review-box h6 {
    font-size: 14px;
    text-transform: capitalize;
    color: rgba(0,0,0,.5);
    margin-top: 4px
}

.single-section .description-section .description-details .menu-part.review .review-box p {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: normal;
    color: rgba(0,0,0,.52);
    line-height: 1.6;
    margin-bottom: 0;
    font-size: calc(12px + 4*(100vw - 320px)/1600)
}

.single-section .description-section .description-details .menu-part.review .review-box+.review-box {
    border-top: 1px solid #ecf3fa;
    padding-top: 12px;
    margin-top: 15px
}

.single-section .description-section .description-details .menu-part.policy p {
    color: rgba(0,0,0,.52);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6;
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: normal
}

.single-section .description-section .description-details .menu-part.policy p:last-child {
    margin-bottom: 0
}

.single-section .description-section .description-details .menu-part+.menu-part {
    margin-top: 20px
}

.single-section .description-section .description-details .menu-part .rooms-box {
    width: 100%
}

.single-section .description-section .description-details .menu-part .rooms-box tbody tr {
    display: block
}

.single-section .description-section .description-details .menu-part .rooms-box tbody tr+tr {
    margin-top: calc(20px + 10*(100vw - 320px)/1600)
}

.single-section .description-section .description-details .menu-part .rooms-box td:first-child {
    width: 25%
}

.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
    width: 55%
}

.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(3) {
    width: 20%;
    text-align: right
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details h6 {
    font-size: 14px;
    margin-bottom: 3px;
    color: rgba(0,0,0,.74)
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details h5 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: calc(18px + 6*(100vw - 320px)/1600)
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details .btn {
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 0;
    margin-top: 7px
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details span {
    display: block;
    color: rgba(0,0,0,.72)
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail h6 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: .05em
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .row {
    width: 100%
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li {
    display: block;
    color: rgba(0,0,0,.52);
    text-transform: capitalize;
    line-height: 28px;
    font-size: 13px;
    letter-spacing: .06em
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li img {
    margin-right: 8px;
    width: 20px
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li i {
    font-size: 12px;
    margin-right: 5px;
    color: rgba(0,0,0,.5)
}

.single-section .description-section .description-details .menu-part .rooms-box .room-title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 17px;
    color: var(--theme-deafult);
    margin-bottom: 10px
}

.single-section .description-section .description-details.full-slider .menu-part {
    margin-top: 0;
    box-shadow: none;
    margin-bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    padding-top: 70px
}

.single-section .description-section .description-details.full-slider .menu-part .row {
    margin-bottom: 20px
}

.single-section .description-section.tab-section .menu-top {
    padding: 0;
    background-color: transparent
}

.single-section .description-section.tab-section .menu-top .nav-tabs {
    margin: 48px 0;
    background-color: #fff;
    border-bottom: none;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item.active {
    border: none;
    border-bottom: 2px solid var(--theme-deafult);
    color: var(--theme-deafult)
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link {
    border: none;
    border-bottom: 2px solid transparent
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link--2 {
    min-width: 162px!important
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link.active {
    border: none;
    background-color: #4aa4d9;
    color: #fff;
    border-radius: 3px
}

.single-section .description-section.tab-section .menu-top.sticky {
    background-color: #fff;
    margin-bottom: 0
}

.single-section .description-section.tab-section .menu-top.sticky .nav-tabs {
    margin-bottom: 0
}

.single-section .description-section.tab-section .description-details .menu-part {
    margin-top: 0
}

.single-section .single-sidebar {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 2px 4px 0 2px 3.464px 8px 0 rgba(22,145,248,.18)
}

.single-section .single-sidebar h4.title {
    text-transform: capitalize;
    font-weight: 700;
    margin-top: -4px
}

.single-section .single-sidebar p {
    color: rgba(0,0,0,.55);
    margin-bottom: 10px;
    line-height: 1.7;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.single-section .single-sidebar p i {
    font-size: 13px;
    margin-right: 10px;
    color: rgba(0,0,0,.59)
}

.single-section .single-sidebar .selection-section.flight-search .flight-search-detail {
    padding: 0
}

.single-section .single-sidebar .selection-section.flight-search .flight-search-detail .form-group {
    margin-bottom: 20px
}

.single-section .single-sidebar .newsletter-sec {
    padding: 20px
}

.single-section .single-sidebar .newsletter-sec .button {
    margin-top: 15px;
    text-align: right
}

.single-section .single-sidebar .newsletter-sec .button .btn {
    padding: 6px 14px;
    font-size: 14px;
    text-transform: capitalize
}

.single-section .single-sidebar .overlay-map {
    position: relative;
    margin-bottom: 10px
}

.single-section .single-sidebar .overlay-map img {
    height: 100px;
    width: 100%
}

.single-section .single-sidebar .overlay-map .map,.single-section .single-sidebar .overlay-map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .0001;
    z-index: 1
}

.single-section .single-sidebar .overlay-map h6 {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: #222;
    text-transform: capitalize;
    font-size: calc(12px + 2*(100vw - 320px)/1600);
    z-index: 0;
    font-weight: 600;
    margin-bottom: 0
}

.single-section .single-sidebar .price-part {
    display: flex
}

.single-section .single-sidebar .price-part .left-part a {
    color: #222;
    font-weight: 700;
    text-transform: capitalize
}

.single-section .single-sidebar .price-part .left-part span {
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 24px
}

.single-section .single-sidebar .price-part .left-part span i {
    font-size: 10px;
    margin-right: 5px;
    color: green
}

.single-section .single-sidebar .price-part .left-part span.red {
    color: darkred
}

.single-section .single-sidebar .price-part .right-part {
    margin-left: auto;
    text-align: right
}

.single-section .single-sidebar .price-part .right-part span {
    color: rgba(34,34,34,.4);
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 700
}

.single-section .single-sidebar .price-part .right-part p {
    margin-bottom: 0;
    font-weight: 600;
    color: #222
}

.single-section .single-sidebar .price-part .right-part h6 {
    margin-bottom: 0;
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 700;
    color: #222
}

.single-section .single-sidebar .book-btn-section {
    border-top: 1px solid #f2f9fc;
    margin-top: 10px;
    padding-top: 15px;
    text-align: right
}

.single-section .single-sidebar .book-btn-section ::placeholder {
    color: #495057;
    text-transform: capitalize;
    cursor: pointer
}

.single-section .single-sidebar .book-btn-section .detail-top input {
    margin-bottom: 10px
}

.single-section .single-sidebar .book-btn-section .detail-top input:last-child {
    margin-bottom: 0
}

.single-section .single-sidebar .book-btn-section .gj-datepicker+.gj-datepicker {
    margin-top: 10px
}

.single-section .single-sidebar .book-btn-section .gj-datepicker ::placeholder {
    color: #495057
}

.single-section .single-sidebar .book-btn-section .btn-rounded {
    padding: 6px 14px;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 0
}

.single-section .single-sidebar .book-btn-section .selector select {
    cursor: pointer;
    width: 100%;
    height: 38px;
    background-color: transparent;
    font-size: 1rem;
    margin-top: 10px;
    padding: 5px 14px;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none
}

.single-section .single-sidebar .book-btn-section .rooms-section {
    position: relative;
    margin-top: 10px
}

.single-section .single-sidebar .book-btn-section .rooms-section ::placeholder {
    color: #495057;
    text-transform: capitalize;
    cursor: pointer
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box {
    text-align: left;
    padding: 10px
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .title_room {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box {
    display: flex;
    align-items: center
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box label {
    text-transform: capitalize;
    margin-right: 30px;
    margin-bottom: 0
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group {
    width: 140px;
    margin-left: auto
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group .btn {
    background-color: transparent
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group .form-control {
    padding: 0;
    text-align: center;
    border: none
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box+.qty-box {
    margin-top: 10px
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls+.room-cls {
    margin-top: 10px;
    border-top: 1px solid #f2f9fc;
    padding-top: 10px
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part {
    border-top: 1px solid #f2f9fc;
    margin-top: 10px;
    padding-top: 5px;
    display: flex;
    align-items: center
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .add-room {
    text-transform: capitalize;
    color: #222;
    font-weight: 700
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .btn {
    margin-left: auto
}

.single-section .single-sidebar .contact-title {
    color: #222;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

.single-section .single-sidebar .bottom_sec {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #f2f9fc
}

.single-section .single-sidebar .bottom_sec h6 {
    text-transform: capitalize;
    color: #222;
    font-size: 14px;
    font-weight: 700
}

.single-section .single-sidebar .bottom_sec h6:last-child {
    margin-bottom: 0
}

.single-section .single-sidebar .weather-sec {
    display: flex;
    text-align: center;
    margin-top: 10px;
    justify-content: center;
    align-items: center
}

.single-section .single-sidebar .weather-sec li svg {
    width: 40px;
    margin: 0
}

.single-section .single-sidebar .weather-sec li h5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.single-section .single-sidebar .weather-sec li h6 {
    font-size: 12px;
    margin-bottom: 0
}

.single-section .single-sidebar .weather-sec li+li {
    margin-left: 20px
}

.single-section .single-sidebar .social-box {
    margin-top: 18px
}

.single-section .single-sidebar .social-box i {
    font-size: 14px;
    transition: all .5s ease;
    color: #fff;
    padding: 9px;
    background-color: var(--theme-deafult);
    border-radius: 100%;
    width: 32px;
    height: 32px;
    text-align: center;
    margin-right: 3px
}

.single-section .single-sidebar+.single-sidebar {
    margin-top: 30px
}

.single-section .single-sidebar .order-cart .cart-items {
    margin-top: 20px
}

.single-section .single-sidebar .order-cart .cart-items .items {
    position: relative
}

.single-section .single-sidebar .order-cart .cart-items .items h6 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px
}

.single-section .single-sidebar .order-cart .cart-items .items h5 {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222;
    font-weight: 500;
    margin-bottom: 0
}

.single-section .single-sidebar .order-cart .cart-items .items+.items {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #f2f9fc
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box {
    width: 120px;
    margin-top: 10px
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group {
    box-shadow: 0 2px 4px 0 2px 3.464px 8px 0 rgba(22,145,248,.18)
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group .btn {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1;
    background-color: #f2f9fc
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group .form-control {
    padding: 2px;
    width: 50px;
    text-align: center;
    border-color: #f2f9fc
}

.single-section .single-sidebar .order-cart .cart-items .items .price {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: 700
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6 {
    padding-left: 25px;
    position: relative
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6:after {
    content: "";
    left: 0;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid green;
    top: 2px
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6:before {
    content: "";
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: green;
    position: absolute;
    border-radius: 100%;
    top: 5px
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6 {
    padding-left: 25px;
    position: relative
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:after {
    content: "";
    left: 0;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid red;
    top: 2px
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:before {
    content: "";
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: red;
    position: absolute;
    border-radius: 100%;
    top: 5px
}

.single-section .single-sidebar .order-cart .cart-bottom {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #f2f9fc
}

.single-section .single-sidebar .order-cart .cart-bottom .sub-total {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px
}

.single-section .single-sidebar .order-cart .cart-bottom .sub-total span {
    float: right
}

.single-section .single-sidebar .order-cart .cart-bottom p {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    max-width: 70%
}

.single-section .single-sidebar .order-cart .cart-bottom .checkout {
    margin-top: 20px
}

.single-section .single-sidebar .order-cart .empty-cart {
    text-align: center;
    margin-top: 50px
}

.single-section .single-sidebar .order-cart .empty-cart h5 {
    text-transform: capitalize;
    color: rgba(0,0,0,.5);
    font-size: 16px;
    margin-bottom: 20px
}

.single-section .single-sidebar .order-cart .empty-cart img {
    margin-bottom: 20px;
    opacity: .5
}

.single-section .single-sidebar .order-cart .empty-cart p {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    color: rgba(0,0,0,.64)
}

.hotel_title_section {
    position: relative;
    width: 100%
}

.hotel_title_section .hotel-name {
    padding: 0 0 40px;
    display: flex
}

.hotel_title_section .hotel-name .left-part .top {
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.hotel_title_section .hotel-name .left-part .top h2 {
    margin-bottom: 0;
    color: var(--theme-deafult);
    font-weight: 700;
    font-size: calc(18px + 5*(100vw - 320px)/1600)
}

.hotel_title_section .hotel-name .left-part .top .rating {
    margin-left: 15px
}

.hotel_title_section .hotel-name .left-part .top .rating i {
    font-size: 14px;
    color: #fc3
}

.hotel_title_section .hotel-name .left-part .top .share-buttons .btn {
    padding: 4px 10px;
    text-transform: capitalize;
    border-radius: 5px;
    margin-left: calc(5px + 5*(100vw - 320px)/1600);
    transition: all .2s;
    border: 1px solid transparent
}

.hotel_title_section .hotel-name .left-part .top .share-buttons .btn:hover {
    border: 1px solid red
}

.hotel_title_section .hotel-name .left-part p {
    color: rgba(34,34,34,.6);
    margin-bottom: 0;
    font-weight: 700
}

.hotel_title_section .hotel-name .left-part .facility-detail {
    margin-top: 15px;
    margin-bottom: -6px
}

.hotel_title_section .hotel-name .left-part .facility-detail span {
    color: rgba(0,0,0,.7);
    font-weight: 700;
    font-size: 12px;
    text-transform: capitalize;
    padding: 2px 8px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.hotel_title_section .hotel-name .left-part .facility-detail span i {
    margin-right: 3px
}

.hotel_title_section .hotel-name .left-part .facility-detail span+span {
    margin-left: 10px
}

.hotel_title_section .hotel-name .right-part {
    margin-left: auto;
    text-align: right
}

.hotel_title_section .hotel-name .right-part .price {
    font-size: calc(16px + 20*(100vw - 320px)/1600)
}

.hotel_title_section .hotel-name .right-part .price span {
    font-size: 16px
}

.hotel_title_section .hotel-name .right-part .btn {
    padding: 7px 13px
}

.order-menu {
    padding: 20px
}

.order-menu .nav {
    text-align: left;
    background-color: #fff
}

.order-menu .nav ul li {
    display: block
}

.order-menu .nav .nav-link {
    text-transform: capitalize!important;
    font-size: 14px;
    color: #222;
    font-weight: 600;
    padding: 5px 15px!important
}

.order-menu .nav .nav-link.active {
    color: var(--theme-deafult);
    background-color: #f2f9fc
}

.order-menu .nav .nav .nav-link {
    font-size: 14px;
    font-weight: 500
}

.order-menu .nav .nav .nav-link.active {
    color: #222;
    font-weight: 700;
    background-color: transparent
}

.order-menu .nav .nav.show {
    display: block
}

.order-menu .search-bar {
    border-bottom: 1px solid #f2f9fc;
    padding-bottom: 15px;
    margin-bottom: 5px
}

.order-menu .search-bar .search {
    position: relative
}

.order-menu .search-bar .search input {
    width: 100%;
    border: none;
    background-color: #f2f9fc;
    padding: 8px 16px
}

.order-menu .search-bar .search i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    color: #a0a0a0
}

.order-menu .search-bar .search ::placeholder {
    font-size: 14px;
    color: #a0a0a0
}

.order-menu-section {
    padding: 20px;
    border-left: 1px solid #f2f9fc
}

.order-menu-section .order-section h4 {
    text-transform: capitalize;
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: calc(14px + 10*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-deafult)
}

.order-menu-section .order-section .order-title {
    padding-bottom: calc(0px + 10*(100vw - 320px)/1600)
}

.order-menu-section .order-section .order-title h5 {
    font-weight: 500;
    margin-bottom: 3px;
    text-transform: capitalize
}

.order-menu-section .order-section .order-title h6 {
    color: rgba(34,34,34,.4);
    font-weight: 600
}

.order-menu-section .order-section .order-items .items {
    position: relative
}

.order-menu-section .order-section .order-items .items h6 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 4px
}

.order-menu-section .order-section .order-items .items p {
    color: rgba(0,0,0,.6);
    margin-bottom: 10px;
    max-width: 100%;
    line-height: 1.4
}

.order-menu-section .order-section .order-items .items h5 {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222;
    font-weight: 500;
    margin-bottom: 0
}

.order-menu-section .order-section .order-items .items+.items {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #f2f9fc
}

.order-menu-section .order-section .order-items .items+.items .addtocart_btn {
    top: 15px
}

.order-menu-section .order-section .order-items .items .addtocart_btn {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    text-align: right
}

.order-menu-section .order-section .order-items .items .addtocart_btn .add-button,.order-menu-section .order-section .order-items .items .addtocart_btn .add_cart {
    width: 120px;
    border-color: transparent;
    color: #222;
    background-color: #f2f9fc;
    text-transform: capitalize;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 #dedede
}

.order-menu-section .order-section .order-items .items .addtocart_btn .add-button span,.order-menu-section .order-section .order-items .items .addtocart_btn .add_cart span {
    position: absolute;
    left: 8px;
    right: 0;
    bottom: -21px;
    font-size: 12px
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box {
    display: none
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    width: 120px;
    top: 0
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group {
    box-shadow: 0 2px 4px 0 #dedede
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group .btn {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1;
    background-color: #f2f9fc
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group .form-control {
    padding: 2px;
    width: 50px;
    text-align: center;
    border-color: #f2f9fc
}

.order-menu-section .order-section .order-items .items.veg h6 {
    padding-left: 25px;
    position: relative
}

.order-menu-section .order-section .order-items .items.veg h6:after {
    content: "";
    left: 0;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid green;
    top: 2px
}

.order-menu-section .order-section .order-items .items.veg h6:before {
    content: "";
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: green;
    position: absolute;
    border-radius: 100%;
    top: 5px
}

.order-menu-section .order-section .order-items .items.non-veg h6 {
    padding-left: 25px;
    position: relative
}

.order-menu-section .order-section .order-items .items.non-veg h6:after {
    content: "";
    left: 0;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid red;
    top: 2px
}

.order-menu-section .order-section .order-items .items.non-veg h6:before {
    content: "";
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: red;
    position: absolute;
    border-radius: 100%;
    top: 5px
}

.order-menu-section .order-section+.order-section {
    margin-top: calc(12px + 18*(100vw - 320px)/1600);
    padding-top: calc(12px + 18*(100vw - 320px)/1600);
    border-top: 1px solid rgba(0,0,0,.13)
}

.order-menu-section .order-section.top-section .order-section {
    padding-top: 0;
    border-top: none
}

.slick-next,.slick-prev {
    z-index: 1;
    opacity: 1
}

.slick-prev {
    left: 28px
}

.slick-next {
    right: 28px
}

.cars-title {
    font-size: calc(16px + 5*(100vw - 320px)/1600)
}

.slick-dots li {
    width: 0;
    height: 0
}

.cab-single-detail {
    background-color: #fff;
    margin-top: calc(10px + 15*(100vw - 320px)/1600)
}

.cab-single-detail .title-car {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cab-single-detail .title-car h5,.cab-single-detail .title-car h6 {
    margin-bottom: 0
}

.cab-single-detail .title-car h5 {
    font-weight: 600;
    text-transform: capitalize;
    color: var(--theme-deafult)
}

.cab-single-detail .title-car h6 {
    text-transform: capitalize
}

.cab-single-detail .title-car h6 span {
    font-weight: 600
}

.cab-single-detail .description {
    margin-top: 20px;
    color: rgba(0,0,0,.52)
}

.cab-single-detail .overview h6 {
    text-transform: capitalize;
    margin-bottom: 16px;
    color: #222;
    font-size: 20px;
    font-weight: 600
}

.cab-single-detail .overview ul {
    display: inline-block;
    color: rgba(0,0,0,.52)
}

.cab-single-detail .overview ul li {
    display: block
}

.cab-single-detail .overview ul li+li {
    margin-top: 15px
}

.cab-single-detail .overview ul+ul {
    margin-left: 30px
}

.cab-single-detail .details {
    margin-top: 0
}

.cab-single-detail .details h6 {
    text-transform: capitalize;
    margin-bottom: 10px;
    color: #222;
    font-weight: 700
}

.cab-single-detail .details ul li {
    display: block;
    text-transform: capitalize
}

.cab-single-detail .details ul li+li {
    margin-top: 5px
}

.cab-single-detail .details .overview h6 {
    text-transform: capitalize;
    margin-bottom: 10px;
    color: #222;
    font-weight: 600
}

.cab-single-detail .details .overview ul li {
    display: block;
    text-transform: capitalize
}

.cab-single-detail .details .overview ul li+li {
    margin-top: 5px
}

.personal-info__uplode {
    margin-left: 48px
}

#car-type,#menu-type,#tour-category {
    width: 100%
}

.dropzone-container {
    border: 2px dashed var(--theme-default);
    padding: 100px;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(145deg,#f0f0f0,#fff);
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1),-1px -1px 4px hsla(0,0%,100%,.5);
    transition: all .3s ease
}

.dropzone-container:hover {
    background: #f8fdf8;
    border-color: var(--theme-default);
    box-shadow: 1px 1px 6px rgba(0,0,0,.15),-1px -1px 6px hsla(0,0%,100%,.6)
}

.dropzone-container p {
    font-size: 14px;
    color: #333;
    margin: 0
}

.add-more-files-zone {
    border: 2px dashed #2196f3;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(145deg,#eef7ff,#fff);
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1),-1px -1px 4px hsla(0,0%,100%,.5);
    transition: all .3s ease
}

.add-more-files-zone:hover {
    background: #e3f2fd;
    border-color: #1e88e5;
    box-shadow: 1px 1px 6px rgba(0,0,0,.15),-1px -1px 6px hsla(0,0%,100%,.6)
}

.add-more-files-zone p {
    font-size: 12px;
    color: #333;
    margin: 0
}

.uploaded-files {
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    grid-gap: 12px;
    gap: 12px
}

.file-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: linear-gradient(145deg,#f9f9f9,#fff);
    box-shadow: 1px 1px 4px rgba(0,0,0,.1),-1px -1px 4px hsla(0,0%,100%,.6);
    transition: transform .2s ease,box-shadow .2s ease
}

.file-card:hover {
    transform: translateY(-2px);
    box-shadow: 2px 2px 8px rgba(0,0,0,.15),-2px -2px 8px hsla(0,0%,100%,.7)
}

.file-thumbnail {
    object-fit: cover;
    border-radius: 6px
}

.file-placeholder,.file-thumbnail {
    width: 80px;
    height: 80px;
    margin-bottom: 8px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1)
}

.file-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #888;
    border-radius: 6px;
    font-size: 12px
}

.file-name {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 4px 0
}

.file-size {
    font-size: 11px;
    color: #555;
    margin-bottom: 6px
}

.remove-button {
    background: #ff4d4d;
    border: none;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 16px;
    cursor: pointer;
    transition: background .3s ease,transform .2s ease
}

.remove-button:hover {
    background: #d93636;
    transform: scale(1.1)
}

.remove-button:active {
    transform: scale(.95)
}

body.dark-only {
    color: hsla(0,0%,100%,.6);
    background-color: #1d1e26;
    --bs-body-bg: $dark-card-background!important
}

body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #262932;
    color: #fff
}

body.dark-only .card {
    background-color: #262932
}

body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
    /* background-color: #1d1e26 */
}

body.dark-only .theme-form .dropzone-container {
    box-shadow: 1px 1px 4px rgba(0,0,0,.1),-1px -1px 4px hsla(0,0%,100%,.1)
}

body.dark-only .theme-form .dropzone-container p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .theme-form .uploaded-files .file-card {
    background: unset;
    background-color: #1d1e26;
    border-color: #374558;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1),-1px -1px 4px hsla(0,0%,100%,.1)
}

body.dark-only .static-top-widget .media-body h4,body.dark-only .theme-form .uploaded-files .file-card .file-name,body.dark-only .theme-form .uploaded-files .file-card .file-size {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .dropzone {
    border-color: #1d1e26!important;
    background-color: #1d1e26
}

body.dark-only .bootstrap-tagsinput {
    border-color: #1d1e26!important;
    background-color: #1d1e26!important
}

body.dark-only .cke_top {
    background-color: #1d1e26!important
}

body.dark-only .cke_1,body.dark-only .cke_editable {
    border-color: #1d1e26!important
}

body.dark-only .theme-form input[type=date],body.dark-only .theme-form input[type=datetime-local],body.dark-only .theme-form input[type=email],body.dark-only .theme-form input[type=file],body.dark-only .theme-form input[type=month],body.dark-only .theme-form input[type=number],body.dark-only .theme-form input[type=password],body.dark-only .theme-form input[type=search],body.dark-only .theme-form input[type=tel],body.dark-only .theme-form input[type=text],body.dark-only .theme-form input[type=time],body.dark-only .theme-form input[type=url],body.dark-only .theme-form input[type=week],body.dark-only .theme-form select,body.dark-only textarea {
    background-color: #1d1e26!important
}

body.dark-only .single-section .description-section .description-details .menu-part .rooms-box .room-title {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .theme-form input[type=date],body.dark-only .theme-form input[type=datetime-local],body.dark-only .theme-form input[type=email],body.dark-only .theme-form input[type=file],body.dark-only .theme-form input[type=month],body.dark-only .theme-form input[type=number],body.dark-only .theme-form input[type=password],body.dark-only .theme-form input[type=search],body.dark-only .theme-form input[type=tel],body.dark-only .theme-form input[type=text],body.dark-only .theme-form input[type=time],body.dark-only .theme-form input[type=url],body.dark-only .theme-form input[type=week],body.dark-only .theme-form select,body.dark-only .theme-form textarea {
    border-color: #1d1e26!important
}

body.dark-only .datepicker-dashboard .datepicker--cells-days {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .category-box .content-category {
    background-color: #1d1e26
}

body.dark-only .category-box .content-category .top h3,body.dark-only .single-section .description-section .description-details .menu-part.about .about-sec h4 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .cal-date-widget .cal-datepicker .datepicker-here .react-datepicker {
    background-color: #262932;
    border: 0
}

body.dark-only .cal-date-widget .cal-datepicker .datepicker-here .react-datepicker__day,body.dark-only .cal-date-widget .cal-datepicker .datepicker-here .react-datepicker__day-name,body.dark-only .cal-date-widget .cal-datepicker .datepicker-here .react-datepicker__time-name {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .cal-date-widget .cal-datepicker .datepicker-here .react-datepicker__day--outside-month {
    color: #98a6ad
}

body.dark-only .cal-date-widget .cal-datepicker .datepicker-here .react-datepicker__header {
    background-color: #262932
}

body.dark-only .datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month {
    border-bottom: 1px solid #374558
}

body.dark-only .mega-form .form-label-title,body.dark-only .personal-info__uplode p,body.dark-only .review-users__box h5,body.dark-only .review-users__box span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .dzu-dropzone {
    background-color: #1d1e26;
    border: 2px dashed #374558
}

body.dark-only .animate-chk label,body.dark-only .cab-single-detail .overview ul li,body.dark-only .cars-title,body.dark-only .dzu-dropzone .dzu-inputLabel,body.dark-only .order-menu-section .order-section .order-items .items.non-veg h6,body.dark-only .order-menu-section .order-section .order-items .items.veg h6,body.dark-only .order-menu-section .order-section .order-title h5,body.dark-only .single-section .description-section .description-details .menu-part .rooms-box .room-detail h6,body.dark-only .single-section .description-section .description-details .menu-part.about h6,body.dark-only .single-section .description-section .description-details .menu-part.facility ul li,body.dark-only .theme-form.mega-form label {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .uplode-img label {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .cab-single-detail .title-car h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .accordion-item {
    border: 1px solid #374558
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header {
    background-color: #1d1e26
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header button {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6);
    box-shadow: none
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-collapse .accordion-body .card-body {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-collapse .accordion-body .card-body .highlight ul li img {
    filter: invert(1)
}

body.dark-only .datepicker-dashboard .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected,body.dark-only .single-section .description-section .description-details .menu-part .list-view .list-box .list-content .rating span,body.dark-only .single-section .description-section .description-details .menu-part .review .review-box span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .react-datepicker {
    background-color: #262932;
    border: 1px solid #374558
}

body.dark-only .react-datepicker .react-datepicker__day,body.dark-only .react-datepicker .react-datepicker__day-name,body.dark-only .react-datepicker .react-datepicker__time-name {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .react-datepicker .react-datepicker__day--outside-month {
    color: #98a6ad
}

body.dark-only .react-datepicker__time-container {
    border-left: 1px solid #374558
}

body.dark-only .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,body.dark-only .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-bottom-color: #1d1e26
}

body.dark-only .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,body.dark-only .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
    border-top-color: #1d1e26
}

body.dark-only .react-datepicker__header {
    background-color: #262932!important
}

body.dark-only .react-datepicker__day:hover,body.dark-only .react-datepicker__month-text:hover,body.dark-only .react-datepicker__quarter-text:hover,body.dark-only .react-datepicker__year-text:hover {
    background-color: #262932
}

body.dark-only .react-datepicker__day--selected,body.dark-only .react-datepicker__day--selected:hover {
    background-color: #4aa4d9
}

body.dark-only .react-datepicker__time-container .react-datepicker__time {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #262932
}

body.dark-only .dropdown .dropdown-menu .dropdown-item {
    background-color: #1d1e26;
    border-top-color: #262932;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .datepicker--nav,body.dark-only table {
    border-color: #374558
}

body.dark-only .btn-outline-light.active,body.dark-only .btn-outline-light:active.active,body.dark-only .btn-outline-light:focus,body.dark-only .btn-outline-light:hover {
    background-color: #1d1e26!important;
    border-color: #374558!important;
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .choose input[type=file]::-webkit-file-upload-button:hover {
    background-color: #374558
}

body.dark-only .choose input[type=file]::file-selector-button:hover {
    background-color: #374558
}

body.dark-only .Booking-table tbody tr td:nth-child(6) svg {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a.active span {
    color: var(--theme-deafult)
}

body.dark-only .theme-form #editor_container-wrapper .EasyMDEContainer .editor-toolbar i {
    color: hsla(0,0%,100%,.6)
}

body.dark-only input[type=file]::file-upload-button {
    background-color: #374558;
    color: hsla(0,0%,100%,.6)
}

body.dark-only input[type=file]::file-upload-button:hover {
    background-color: #374558;
    color: hsla(0,0%,100%,.6)
}

body.dark-only input[type=file]::-webkit-file-upload-button,body.dark-only input[type=file]::-webkit-file-upload-button:hover {
    background-color: #374558;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .ecommerce-widget {
    border: 1px solid #374558!important
}

body.dark-only .btn-light {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .add-project .text-inherit,body.dark-only .form-select {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .knowledgebase-search,body.dark-only .knowledgebase-search .form-control-plaintext {
    color: #2b2b2b
}

body.dark-only .btn-close {
    filter: brightness(.8) invert(1)
}

body.dark-only .prooduct-details-box .media {
    border: 1px solid #374558
}

body.dark-only .product-price del {
    color: #98a6ad
}

body.dark-only .ProfileCard {
    border: 1px solid #374558!important
}

body.dark-only .form-control-plaintext {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .form-select {
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only .box-layout {
    background-color: #1d1e26
}

body.dark-only .box-layout .page-wrapper .page-header .header-wrapper,body.dark-only .box-layout.page-wrapper .page-header .header-wrapper {
    border: 1px solid #1d1e26
}

body.dark-only .form-check-input {
    background-color: #1d1e26
}

body.dark-only .category-box .img-category .like-cls i,body.dark-only .switch-state:before {
    background-color: #262932
}

body.dark-only .daterangepicker:before {
    border-bottom-color: #262932
}

body.dark-only .daterangepicker .ranges li {
    background-color: #1d1e26;
    border-color: #262932;
    color: #898989
}

body.dark-only .daterangepicker .daterangepicker_input .form-control {
    background-color: #1d1e26;
    border-color: #262932!important
}

body.dark-only .daterangepicker .calendar-time select {
    border-color: #262932;
    background-color: #1d1e26
}

body.dark-only .daterangepicker.dropdown-menu {
    background-color: #262932;
    box-shadow: 0 0 14px #1d1e26
}

body.dark-only .daterangepicker .calendar-table {
    background-color: #262932;
    border-color: #262932
}

body.dark-only .daterangepicker.ltr td.in-range,body.dark-only .daterangepicker.ltr td.off {
    background-color: #1d1e26;
    color: #fff
}

body.dark-only .tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #323846
}

body.dark-only .tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #323846;
    border-top-color: transparent
}

body.dark-only .tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #323846;
    border-top-color: transparent
}

body.dark-only .tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #323846;
    border-top-color: transparent
}

body.dark-only .tooltip .tooltip-inner {
    background-color: #323846;
    color: #fff
}

body.dark-only .tooltip .tooltip-arrow:before {
    border-top-color: #323846
}

body.dark-only .page-wrapper.only-body .page-body-wrapper .page-title>.row .col-6:first-child h6 {
    color: hsla(0,0%,100%,.5)
}

body.dark-only .page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #262932
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #fff
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #262932!important
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
    background-color: #1d1e26;
    border: 1px solid #374558;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
    border-top: 1px solid #374558
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #1d1e26!important
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
    stroke: #fff
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child {
    background-color: #262932
}

body.dark-only .customizer-contain {
    color: #1d1e26
}

body.dark-only .customizer-contain .customizer-body .main-layout .box-layout {
    background-color: #fff
}

body.dark-only .login-card .btn-showcase .btn {
    background-color: #1d1e26!important;
    color: #fff;
    border-color: #262932!important
}

body.dark-only .login-card .login-main {
    box-shadow: 0 0 37px hsla(0,0%,100%,.05);
    background-color: #262932
}

body.dark-only .login-card .login-main .theme-form input {
    background-color: #1d1e26!important
}

body.dark-only .login-card .login-main .theme-form .or:before {
    background-color: #1d1e26
}

body.dark-only .login-card .login-main .theme-form .checkbox label:before {
    background-color: #1d1e26!important;
    border-color: #1d1e26!important
}

body.dark-only .login-card .login-main .text-muted {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .H_ui~div {
    background-color: #1d1e26!important
}

body.dark-only .swal-icon--success:after,body.dark-only .swal-icon--success:before {
    background: #262932
}

body.dark-only .swal-icon--success__hide-corners {
    background-color: #262932
}

body.dark-only .note-editor.note-frame .note-status-output,body.dark-only .note-editor.note-frame .note-statusbar {
    border-top: 1px solid #262932
}

body.dark-only .note-editor.note-frame .note-statusbar .note-resizebar {
    background-color: #262932
}

body.dark-only .light-font {
    color: hsla(0,0%,100%,.7)
}

body.dark-only .page-link {
    background-color: #1d1e26;
    border: 1px solid #374558
}

body.dark-only .b-r-light {
    border-right: 1px solid #374558!important
}

body.dark-only .history-details .media {
    border-top: 1px solid #374558
}

body.dark-only .modal-header {
    border-bottom: 1px solid #374558
}

body.dark-only #right-history {
    background-color: #262932;
    box-shadow: 0 0 9px #1d1e26
}

body.dark-only #right-history h6 span a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .ProfileCard:hover {
    color: hsla(0,0%,100%,.6);
    background-color: #262932
}

body.dark-only .translate_wrapper.active .more_lang:before {
    border-bottom: 7px solid #262932
}

body.dark-only .translate_wrapper.active .more_lang .lang {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .toggle-sidebar svg {
    stroke: var(--theme-deafult)
}

body.dark-only .footer {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .sidebar-main-title p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #262932
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg {
    stroke: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active {
    background-color: rgba(74,164,217,.2)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg {
    color: hsla(0,0%,100%,.6);
    stroke: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: hsla(0,0%,100%,.6);
    font-weight: 400
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container:after {
    background-color: hsla(0,0%,100%,.2)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span,body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #262932;
    border-top: 1px solid #374558
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu {
    background: #262932
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a.active,body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container,body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu {
    background: #262932
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,body.dark-only .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
    background-color: #262932;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div {
    background: #262932
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid #374558
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    background-color: #262932
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a,body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    border-bottom: 1px solid #374558
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active {
    background-color: rgba(74,164,217,.2)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active span {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: hsla(0,0%,100%,.6);
    font-weight: 400
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container:after {
    background-color: hsla(0,0%,100%,.2)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span,body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper.material-type .page-header .header-wrapper {
    border-radius: 15px 15px 0 0
}

body.dark-only .page-wrapper.material-icon .page-header .header-wrapper {
    background-color: transparent
}

body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang,body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
    color: #fff
}

body.dark-only .page-wrapper.material-icon .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
    border: 1px solid #1d1e26;
    background: #1d1e26;
    color: #fff
}

body.dark-only .page-wrapper.material-icon .page-body-wrapper .page-body,body.dark-only .page-wrapper.material-icon .page-header .header-logo-wrapper {
    background-color: transparent
}

body.dark-only .page-wrapper.advance-layout {
    background-color: #1d1e26
}

body.dark-only .page-wrapper.advance-layout .page-body-wrapper,body.dark-only .page-wrapper.advance-layout .page-body-wrapper .page-body,body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper,body.dark-only .page-wrapper.advance-layout .page-header .header-wrapper .header-logo-wrapper {
    background: transparent
}

body.dark-only .page-wrapper .page-header .header-wrapper .search-full {
    background-color: #262932
}

body.dark-only .page-wrapper .page-header .header-wrapper .search-full input {
    color: hsla(0,0%,100%,.6)
}

body.dark-only ::-webkit-calendar-picker-indicator {
    filter: invert(1)
}

body.dark-only .left-header .mega-menu-container {
    background-color: #262932;
    border-top: 1px solid #262932
}

body.dark-only .left-header .mega-menu-container .mega-box+.mega-box {
    border-left: 1px solid #374558
}

body.dark-only .left-header .mega-menu div>div a {
    color: hsla(0,0%,100%,.7)
}

body.dark-only .left-header .level-menu .header-level-menu,body.dark-only .left-header .level-menu .header-level-menu>li .header-level-sub-menu {
    background-color: #262932
}

body.dark-only .left-header .level-menu .header-level-menu>li a {
    color: hsla(0,0%,100%,.7)
}

body.dark-only .left-header .level-menu .header-level-menu>li svg {
    stroke: hsla(0,0%,100%,.7)
}

body.dark-only .kanban-board-header {
    background-color: #1d1e26!important;
    border-bottom: 1px solid #262932!important
}

body.dark-only .kanban-board .kanban-drag {
    background: #1d1e26!important
}

body.dark-only .kanban-container .kanban-item .kanban-box,body.dark-only .project-box {
    border: 1px solid rgba(74,164,217,.15);
    background-color: #1d1e26
}

body.dark-only .file-content .form-inline {
    border: 1px solid #1d1e26
}

body.dark-only .file-content .files .file-box {
    border: 1px solid rgba(74,164,217,.15);
    background-color: #1d1e26
}

body.dark-only .file-content .files .file-box .file-top {
    background-color: #262932;
    border: 1px solid rgba(74,164,217,.15)
}

body.dark-only .file-content .folder .folder-box {
    border: 1px solid rgba(74,164,217,.15);
    background-color: #1d1e26
}

body.dark-only .file-sidebar .btn-light,body.dark-only .file-sidebar .pricing-plan {
    border: 1px solid rgba(74,164,217,.15)!important
}

body.dark-only .file-sidebar .btn-light {
    color: hsla(0,0%,100%,.6);
    background-color: #1d1e26!important
}

body.dark-only #lnb {
    border-right: 1px solid #374558
}

body.dark-only .lnb-calendars>div,body.dark-only .lnb-new-schedule {
    border-bottom: 1px solid #374558
}

body.dark-only #menu .sidebar-list .btn-default {
    color: hsla(0,0%,100%,.2)
}

body.dark-only .tui-full-calendar-timegrid-hour {
    background-color: #262932;
    color: #fff!important
}

body.dark-only .tui-full-calendar-timegrid-gridline {
    border-bottom: 1px solid #374558!important
}

body.dark-only .tui-full-calendar-left,body.dark-only .tui-full-calendar-time-date,body.dark-only .tui-full-calendar-timegrid-timezone,body.dark-only .tui-full-calendar-weekday-grid-line {
    border-right-color: #374558!important
}

body.dark-only .tui-full-calendar-popup {
    color: #2b2b2b
}

body.dark-only #menu .btn-default {
    color: hsla(0,0%,100%,.6)
}

body.dark-only #menu .btn-default:hover {
    color: #2b2b2b
}

body.dark-only #menu .dropdown-menu {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .tui-full-calendar-dayname-container,body.dark-only .tui-full-calendar-splitter {
    border-top-color: #374558!important;
    border-bottom-color: #374558!important
}

body.dark-only span.tui-full-calendar-dayname-date-area {
    color: #fff!important
}

body.dark-only .tui-full-calendar-layout {
    background-color: #262932!important
}

body.dark-only .chat-default .card-body.chat-box .right-side-chat .media-body .message-main span {
    background-color: var(--theme-deafult);
    color: hsla(0,0%,100%,.6)
}

body.dark-only .chat-default .card-body.chat-box .right-side-chat .media-body .message-main span.loader-span .dot {
    background: hsla(0,0%,100%,.6)
}

body.dark-only .blockquote {
    border-left: 4px solid #374558
}

body.dark-only .figure.text-end blockquote {
    border-right-color: #374558
}

body.dark-only .contacts-tabs .nav-pills {
    border-right: 1px solid #374558
}

body.dark-only .contacts-tabs .nav-pills .nav-link+.nav-link {
    border-top: 1px solid #374558
}

body.dark-only .list-persons .profile-mail .media .media-body ul li+li {
    border-left: 2px solid #374558
}

body.dark-only .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
    background-color: #262932
}

body.dark-only .apexcharts-gridline {
    stroke: #1d1e26
}

body.dark-only .apexcharts-menu-item,body.dark-only .apexcharts-tooltip-series-group,body.dark-only .apexcharts-tooltip-title,body.dark-only .apexcharts-tooltip.light {
    color: #000
}

body.dark-only .donut-peity2 svg path:nth-child(2n),body.dark-only .donut-peity2~svg path:nth-child(2n),body.dark-only .pie-peity svg path:nth-child(2n),body.dark-only .pie-peity~svg path:nth-child(2n),body.dark-only .small-donut svg path:nth-child(2n),body.dark-only .small-donut~svg path:nth-child(2n) {
    fill: #1d1e26
}

body.dark-only .earning-card.card .card-body .left_side_earning p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .earning-card.card .card-body .earning-content {
    border-right: 1px solid #374558
}

body.dark-only .earning-card.card .card-body .inner-top-left ul li,body.dark-only .earning-card.card .card-body .inner-top-right ul li {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .earning-card.card .card-body .inner-top-left ul li.active,body.dark-only .earning-card.card .card-body .inner-top-right ul li.active {
    color: var(--theme-deafult)
}

body.dark-only .earning-card.card .card-body .media .media-body p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .earning-card.card .card-body .border-top {
    border-top: 1px solid #374558!important
}

body.dark-only .chart_data_left .card-body .chart-main .media,body.dark-only .chart_data_right .card-body .chart-main .media {
    border-right: 1px solid #374558
}

body.dark-only .chart_data_left .card-body .chart-main .media.border-none,body.dark-only .chart_data_right .card-body .chart-main .media.border-none {
    border-right: none
}

body.dark-only .chart_data_left .card-body .media .right-chart-content span,body.dark-only .chart_data_right .card-body .knob-block input,body.dark-only .chart_data_right .card-body .media .right-chart-content span {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .appointment-sec .news-update,body.dark-only .news .news-update,body.dark-only .third-news-update .news-update {
    border-bottom: 1px solid #374558
}

body.dark-only .appointment-sec .news-update span,body.dark-only .news .news-update span,body.dark-only .third-news-update .news-update span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .appointment-sec .news-update h6,body.dark-only .news .news-update h6,body.dark-only .third-news-update .news-update h6 {
    margin-bottom: 2px;
    line-height: 24px
}

body.dark-only .appointment-sec .appointment .radar-chart .apexcharts-datalabel,body.dark-only .news .appointment .radar-chart .apexcharts-datalabel,body.dark-only .third-news-update .appointment .radar-chart .apexcharts-datalabel {
    fill: hsla(0,0%,100%,.6)
}

body.dark-only .chat-default .card-body.chat-box .input-group .form-control {
    background-color: #262932!important;
    border: none!important;
    border-left: 1px solid var(--theme-deafult)!important
}

body.dark-only .chat-default .card-body.chat-box .input-group .form-control::placeholder {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .appointment-table table tr td.img-content-box .font-roboto,body.dark-only .notification .card .media .media-body p span,body.dark-only .notification .card .media .media-body span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .datepicker {
    background-color: #323846
}

body.dark-only .datepicker .datepicker--cell.-current- {
    color: #4aa4d9
}

body.dark-only .cal-date-widget .datepicker {
    background-color: #323846
}

body.dark-only .cal-date-widget .datepicker .datepicker--cell-day {
    color: #fff
}

body.dark-only .cal-date-widget .datepicker .datepicker--cell.-current- {
    color: #4aa4d9
}

body.dark-only .default-datepicker .datepicker-inline .datepicker {
    background: #262932
}

body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-selected-,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--day-name.-selected-,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--cell-day.-selected-,body.dark-only .default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name.-selected- {
    color: #fff
}

body.dark-only .dash-chart .media .media-body p,body.dark-only .dash-chart .media .media-body p .font-roboto,body.dark-only .our-product table tr td p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .activity-timeline .media .activity-line {
    background-color: hsla(0,0%,100%,.2)
}

body.dark-only .activity-timeline .media .media-body p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .total-users .goal-status ul:last-child li {
    border-top-color: #374558
}

body.dark-only .best-seller-table table tbody tr td .label {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .best-seller-table table tbody tr td p {
    color: hsla(0,0%,100%,.2)
}

body.dark-only .best-seller-table table tbody tr:hover td {
    color: var(--theme-deafult)!important
}

body.dark-only .best-seller-table table tbody tr:hover td span {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .best-seller-table table tbody tr:hover td .label,body.dark-only .best-seller-table table tbody tr:hover td p {
    color: var(--theme-deafult)!important
}

body.dark-only [class*=activity-dot-] {
    background-color: #262932
}

body.dark-only .page-header .header-wrapper .nav-right .chat-dropdown li:last-child,body.dark-only .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    border-top: 1px solid #374558!important
}

body.dark-only .alert-primary {
    background-color: rgba(74,164,217,.8)!important;
    border-color: rgba(74,164,217,.9)!important;
    color: #fff
}

body.dark-only .alert-primary .progress {
    height: 5px;
    background-color: #46a2d8;
    border-radius: 0
}

body.dark-only .alert-primary .progress-bar {
    background-color: #fff
}

body.dark-only .alert-primary.inverse {
    background-color: transparent!important
}

body.dark-only .alert-primary.inverse .btn-close,body.dark-only .alert-primary.outline .btn-close,body.dark-only .alert-primary.outline-2x .btn-close {
    filter: brightness(1) invert(1)
}

body.dark-only .alert-secondary {
    background-color: rgba(239,63,62,.8)!important;
    border-color: rgba(239,63,62,.9)!important;
    color: #fff
}

body.dark-only .alert-secondary .progress {
    height: 5px;
    background-color: #ef3a39;
    border-radius: 0
}

body.dark-only .alert-secondary .progress-bar {
    background-color: #fff
}

body.dark-only .alert-secondary.inverse {
    background-color: transparent!important
}

body.dark-only .alert-secondary.inverse .btn-close,body.dark-only .alert-secondary.outline .btn-close,body.dark-only .alert-secondary.outline-2x .btn-close {
    filter: brightness(1) invert(1)
}

body.dark-only .alert-success {
    background-color: rgba(158,101,194,.8)!important;
    border-color: rgba(158,101,194,.9)!important;
    color: #fff
}

body.dark-only .alert-success .progress {
    height: 5px;
    background-color: #9c61c1;
    border-radius: 0
}

body.dark-only .alert-success .progress-bar {
    background-color: #fff
}

body.dark-only .alert-success.inverse {
    background-color: transparent!important
}

body.dark-only .alert-success.inverse .btn-close,body.dark-only .alert-success.outline .btn-close,body.dark-only .alert-success.outline-2x .btn-close {
    filter: brightness(1) invert(1)
}

body.dark-only .alert-danger {
    background-color: rgba(102,112,189,.8)!important;
    border-color: rgba(102,112,189,.9)!important;
    color: #fff
}

body.dark-only .alert-danger .progress {
    height: 5px;
    background-color: #626dbb;
    border-radius: 0
}

body.dark-only .alert-danger .progress-bar {
    background-color: #fff
}

body.dark-only .alert-danger.inverse {
    background-color: transparent!important
}

body.dark-only .alert-danger.inverse .btn-close,body.dark-only .alert-danger.outline .btn-close,body.dark-only .alert-danger.outline-2x .btn-close {
    filter: brightness(1) invert(1)
}

body.dark-only .alert-warning {
    background-color: rgba(116,125,198,.8)!important;
    border-color: rgba(116,125,198,.9)!important;
    color: #fff
}

body.dark-only .alert-warning .progress {
    height: 5px;
    background-color: #707ac5;
    border-radius: 0
}

body.dark-only .alert-warning .progress-bar {
    background-color: #fff
}

body.dark-only .alert-warning.inverse {
    background-color: transparent!important
}

body.dark-only .alert-warning.inverse .btn-close,body.dark-only .alert-warning.outline .btn-close,body.dark-only .alert-warning.outline-2x .btn-close {
    filter: brightness(1) invert(1)
}

body.dark-only .alert-info {
    background-color: rgba(169,39,249,.8)!important;
    border-color: rgba(169,39,249,.9)!important;
    color: #fff
}

body.dark-only .alert-info .progress {
    height: 5px;
    background-color: #a722f9;
    border-radius: 0
}

body.dark-only .alert-info .progress-bar {
    background-color: #fff
}

body.dark-only .alert-info.inverse {
    background-color: transparent!important
}

body.dark-only .alert-info.inverse .btn-close,body.dark-only .alert-info.outline .btn-close,body.dark-only .alert-info.outline-2x .btn-close {
    filter: brightness(1) invert(1)
}

body.dark-only .alert-light {
    background-color: hsla(0,0%,96%,.8)!important;
    border-color: hsla(0,0%,96%,.9)!important;
    color: #fff
}

body.dark-only .alert-light .progress {
    height: 5px;
    background-color: #f1f1f1;
    border-radius: 0
}

body.dark-only .alert-light .progress-bar {
    background-color: #fff
}

body.dark-only .alert-light.inverse {
    background-color: transparent!important
}

body.dark-only .alert-light.inverse .btn-close,body.dark-only .alert-light.outline .btn-close,body.dark-only .alert-light.outline-2x .btn-close {
    filter: brightness(1) invert(1)
}

body.dark-only .alert-dark {
    background-color: rgba(44,50,63,.8)!important;
    border-color: rgba(44,50,63,.9)!important;
    color: #fff
}

body.dark-only .alert-dark .progress {
    height: 5px;
    background-color: #2a303c;
    border-radius: 0
}

body.dark-only .alert-dark .progress-bar {
    background-color: #a8b0c2
}

body.dark-only .alert-dark.inverse {
    background-color: transparent!important
}

body.dark-only .alert-dark.inverse .btn-close,body.dark-only .alert-dark.outline .btn-close,body.dark-only .alert-dark.outline-2x .btn-close {
    filter: brightness(1) invert(1)
}

body.dark-only .dismiss-text .alert-dismissible .btn-close {
    filter: unset
}

body.dark-only .dismiss-text .alert-dismissible .btn-close .bg-light {
    color: #2b2b2b!important
}

body.dark-only .options>div {
    border: 1px solid #374558
}

body.dark-only .was-validated .custom-control-input:invalid~.custom-control-label:before {
    background-color: #1d1e26
}

body.dark-only .pricing-simple {
    box-shadow: 1px 1px 2px 1px #1d1e26!important
}

body.dark-only .pricing-block {
    box-shadow: 0 0 10px 5px rgba(74,164,217,.05)!important
}

body.dark-only .search-page ul.search-info li+li {
    border-left: 1px solid #1d1e26
}

body.dark-only .browse .browse-articles h6 {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .job-search .job-description .theme-form .row div[class^=col-] .input-group .datepicker-here {
    border: 1px solid #1d1e26
}

body.dark-only .calendar-wrap .fc-unthemed td,body.dark-only .calendar-wrap .fc-unthemed th {
    border-color: #1d1e26
}

body.dark-only .mega-horizontal .card,body.dark-only .mega-inline .card,body.dark-only .mega-vertical .card {
    box-shadow: 1px 1px 7px 0 rgba(55,69,88,.5)!important
}

body.dark-only .mega-horizontal.border-style .card,body.dark-only .mega-horizontal.offer-style .card,body.dark-only .mega-horizontal.plain-style .card,body.dark-only .mega-inline.border-style .card,body.dark-only .mega-inline.offer-style .card,body.dark-only .mega-inline.plain-style .card,body.dark-only .mega-vertical.border-style .card,body.dark-only .mega-vertical.offer-style .card,body.dark-only .mega-vertical.plain-style .card {
    box-shadow: none!important
}

body.dark-only .mega-horizontal.border-style .card,body.dark-only .mega-inline.border-style .card,body.dark-only .mega-vertical.border-style .card {
    border: 1px solid #374558!important
}

body.dark-only .mega-horizontal.offer-style .card,body.dark-only .mega-inline.offer-style .card,body.dark-only .mega-vertical.offer-style .card {
    border: 1px dashed #374558!important
}

body.dark-only .setting-dot .setting-bg {
    background-color: var(--theme-secondary)
}

body.dark-only .bookmark.pull-right {
    border: none
}

body.dark-only .popover {
    background-color: #1d1e26
}

body.dark-only .popover.bs-popover-bottom .popover-arrow:after {
    border-bottom-color: #1d1e26;
    border-right-color: transparent
}

body.dark-only .popover.bs-popover-top .popover-arrow:after {
    border-right-color: transparent;
    border-top-color: #1d1e26
}

body.dark-only .popover.bs-popover-start .popover-arrow:after {
    border-left-color: #1d1e26
}

body.dark-only .popover .popover-header {
    background-color: #262932
}

body.dark-only .popover .popover-arrow:after {
    border-right-color: #1d1e26
}

body.dark-only .popover .popover-body {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .popover code {
    background-color: unset
}

body.dark-only .apex-chart-container .apexcharts-legend .apexcharts-legend-series span {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .apexcharts-canvas svg .apexcharts-subtitle-text,body.dark-only .apexcharts-canvas svg .apexcharts-title-text,body.dark-only .apexcharts-canvas svg .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-xaxis-label,body.dark-only .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
    fill: #fff
}

body.dark-only .apexcharts-canvas svg .apexcharts-legend-series span {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-label,body.dark-only .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #fff
}

body.dark-only .Typeahead-menu {
    background-color: #1d1e26
}

body.dark-only .ecommerce-widget {
    border: 1px solid #1d1e26
}

body.dark-only .bookmark ul li .search-form .form-control-search input {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .bookmark ul li .search-form .form-control-search:before {
    background: #1d1e26
}

body.dark-only .cart .qty-box .input-group .btn {
    background-color: #2e3648!important;
    border-color: #374558!important
}

body.dark-only .checkout .checkout-details {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    padding: 40px
}

body.dark-only .checkout .checkout-details .animate-chk .radio_animated:after {
    border: 2px solid #262932
}

body.dark-only .order-box .title-box {
    color: #bfc2c6;
    border-bottom: 1px solid #1d1e26
}

body.dark-only .order-box .qty {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .order-box .qty li,body.dark-only .order-box .qty li span,body.dark-only .order-box .sub-total li,body.dark-only .order-box .total li {
    color: #bfc2c6
}

body.dark-only .shopping-checkout-option .checkbox_animated:after {
    border: 2px solid #262932
}

body.dark-only .animate-chk .radio_animated:after {
    border: 2px solid #1d1e26
}

body.dark-only .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(41,50,64,.52)
}

body.dark-only .product-box .product-img .product-hover ul li .btn {
    color: #98a6ad
}

body.dark-only .product-box .product-img .product-hover ul li:hover .btn {
    color: #fff
}

body.dark-only .checkbox_animated:after,body.dark-only .radio_animated:after {
    background: #1d1e26;
    border: 2px solid #1d1e26
}

body.dark-only .slider-product {
    border-top: 1px solid #1d1e26;
    border-bottom: 1px solid #1d1e26
}

body.dark-only .square-product-setting .icon-grid {
    background-color: #262932
}

body.dark-only .square-product-setting .icon-grid svg {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .active-order-table table thead tr th,body.dark-only .market-table table thead tr th {
    border-top: none!important
}

body.dark-only .active-order-table table tbody tr td,body.dark-only .market-table table tbody tr td {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .active-order-table table tbody tr:last-child td,body.dark-only .market-table table tbody tr:last-child td {
    border-bottom: none
}

body.dark-only .pricing-card-design-2 .pricing-block .pricing-inner ul li {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .flot-chart-container .legend .table tbody {
    background-color: #262932;
    color: #fff
}

body.dark-only .flot-chart-container .legend .table tbody .legendLabel {
    padding-left: 5px
}

body.dark-only .google-visualization-tooltip text {
    fill: rgba(0,0,0,.7)!important
}

body.dark-only .nav-dark .nav-link,body.dark-only .nav-pills.nav-dark .nav-link {
    color: #fff
}

body.dark-only .loader-wrapper {
    background-color: #1d1e26
}

body.dark-only .loader-wrapper .loader {
    background-color: #1d1e26!important
}

body.dark-only .page-wrapper .page-header .translate_wrapper.active .more_lang {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-header .translate_wrapper.active .lang {
    background-color: #262932
}

body.dark-only .page-wrapper .page-header form {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-header .header-wrapper {
    background-color: #262932
}

body.dark-only .page-wrapper .page-header .header-wrapper li i {
    color: #f4f4f4
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li svg {
    stroke: #fff
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header>ul>li .profile-media .media-body p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .media .media-body .txt-dark {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div {
    background-color: #1d1e26;
    box-shadow: 0 0 14px #1d1e26
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div li {
    border-color: #262932
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:after,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .onhover-show-div:before {
    border-bottom: 7px solid #1d1e26
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div li span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .nav-menus li .notification-dropdown.onhover-show-div .bg-light {
    background-color: #282e38!important;
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg circle,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg line,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a svg path {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg circle,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg line,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a:hover svg path {
    color: var(--theme-deafult)!important
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .media .media-body .txt-dark {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div {
    background-color: #1d1e26;
    box-shadow: 0 0 2px 2px #262932
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div:after,body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .onhover-show-div:before {
    border-bottom: 7px solid #1d1e26
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .notification-dropdown.onhover-show-div li {
    border-color: #262932
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right>ul>li .notification-dropdown.onhover-show-div li span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .chat-dropdown li {
    color: #fff;
    border-color: #262932
}

body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form input::placeholder {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-header .header-logo-wrapper {
    background-color: #262932
}

body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-dark {
    display: none
}

body.dark-only .page-wrapper .page-header .header-logo-wrapper .logo-wrapper a .image-light {
    display: block
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .ecommerce-icons div span,body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .media-body p,body.dark-only .page-wrapper .page-body-wrapper .page-body .feather-main .professor-block p,body.dark-only .page-wrapper .page-body-wrapper .page-body .header-small,body.dark-only .page-wrapper .page-body-wrapper .page-body .logs-element span+span,body.dark-only .page-wrapper .page-body-wrapper .page-body .new-users .media .media-body p,body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .media-body p,body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table .professor-block p,body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-block .progress-title span+span,body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .media .media-body span,body.dark-only .page-wrapper .page-body-wrapper .page-body .progress-media .progress-change span,body.dark-only .page-wrapper .page-body-wrapper .page-body .recent-notification .media .media-body p,body.dark-only .page-wrapper .page-body-wrapper .page-body .statistics p,body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td p {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr td {
    border-top: none!important;
    border-bottom: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .topper-lists table tbody tr:last-child td {
    border-bottom: none
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .notifiaction-media .media .media-body .circle-left {
    border: 5px solid #334154
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .upcoming-event .upcoming-innner:last-child {
    border-bottom: none
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .professor-table table tbody tr td {
    border-top: none!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .number-widgets .media .media-body h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.gradient-line-1:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.medium-line:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .gradient-round.small-line:after {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .activity .media .media-body h6 span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card.custom-card .card-header {
    border-bottom: none!important
}

body.dark-only .page-wrapper .page-body-wrapper .custom-card .card-header img {
    background-color: #000;
    opacity: .8
}

body.dark-only .page-wrapper .page-body-wrapper .page-title .row h3 small {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg,body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb li {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb-item.active {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card:not(.email-body) {
    border: none
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) {
    background-color: #262932;
    box-shadow: 1px 1px 2px 1px rgba(29,28,28,.08);
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg>rect {
    fill: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block #bar-chart2 svg>g text {
    fill: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg>g>rect {
    fill: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-block .word-tree svg>g>text {
    fill: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header {
    background-color: transparent;
    border-bottom: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h3,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h4,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header h6,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header>span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-header .card-header-right i.fa-cog {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-dark a {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.inverse,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .alert-light.outline-2x {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #animation-box .animate-widget p {
    color: #98a6ad!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .grid-item img {
    background-color: #262932;
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .line {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tbody,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tfoot,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) thead,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) tr {
    border-color: #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table td a span,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table th a span {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead th {
    border-bottom: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table thead .border-bottom-primary th {
    border-bottom: 1px solid var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-danger th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-info th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-light th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-primary th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-secondary th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-success th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .table-warning th {
    color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-danger,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-info,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-primary,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-secondary,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-success,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-warning {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .bg-light,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table .thead-light th {
    color: #000
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table tbody .border-bottom-primary th {
    border-bottom: 1px solid var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*=bg-] td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table[class*=bg-] th {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgba(0,0,0,.05)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-striped tbody tr:nth-of-type(odd):hover th {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dashed,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-dotted,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-double {
    border-left-color: #374558;
    border-right-color: #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-bordered th {
    border-color: #374558!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-inverse tbody tr:nth-of-type(odd):hover td {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-border-vertical tr {
    border-right: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling tbody th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .table-styling thead th {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .card-footer {
    background-color: #262932;
    border-top: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch .switch-state {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .switch input:checked+.switch-state {
    background-color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
    background-color: #fff!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-l-light {
    border-left: 1px solid #1d1e26!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-grid {
    stroke: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ct-label {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) hr {
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .text-muted {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .calender-widget .cal-date {
    background-color: #262932;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .contact-form .theme-form {
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .contact-form .theme-form .form-icon {
    background-color: #262932;
    border: 1px solid #374558;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-dark,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light-2x {
    color: #fff!important;
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .btn-outline-light:hover {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
    border-right: 1px solid #1d1e26!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder .flot-text {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-placeholder svg text {
    fill: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart rect:nth-child(6),body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#gantt_chart svg g rect:first-child {
    fill: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg>rect,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart1 rect,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#column-chart2 rect,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow#line-chart rect {
    fill: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg>g>g>g text {
    fill: #b1b1b2
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-overflow svg>g>text {
    fill: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .radial-bar:after {
    background-color: #262932;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bar-chart-widget .bottom-content .num .color-bottom {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light {
    border-right: 1px solid #374558!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-labels .ct-label,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-labels .ct-label {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .live-products .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .monthly .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .turnover .ct-grid,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container .uses .ct-grid {
    stroke: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #browser-uses-chart svg text,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .chart-container #website-visiter-chart svg text {
    fill: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details h4 span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .status-details span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .clipboaard-container .form-control {
    background-color: #1d1e26;
    color: #98a6ad;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .img-thumbnail {
    background-color: #1d1e26;
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper button {
    color: #000
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-danger,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-primary,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .btn-success {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length select {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6);
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_info,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_length,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_processing {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_filter input[type=search] {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr:hover>.sorting_1 {
    background-color: #1c212b
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd {
    background-color: #1f232b
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.odd>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #1c212b
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #22262f
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable thead th {
    border-bottom: 2px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable input,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable select {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6);
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody tr {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody td.select-checkbox:before,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
    border: 1px solid #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.current,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    border-color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled :active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #98a6ad!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody th,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.row-border tbody th {
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr.even:hover>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1 {
    background-color: #191e27
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr:hover,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.hover tbody tr:hover {
    background-color: #1c212b
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th {
    border-top: 1px solid #1d1e26;
    border-right: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border td:first-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.cell-border th:first-child {
    border-left: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr>.sorting_2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.display tbody tr>.sorting_3,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_1,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_2,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .dataTables_wrapper table.dataTable.order-column tbody tr>.sorting_3 {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #example-style-3_wrapper #example-style-3 tfoot {
    border-top: 2px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.disabled .page-link {
    background-color: #262932;
    border-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-link {
    color: hsla(0,0%,100%,.6);
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item.active .page-link,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .page-item:hover .page-link {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .icon {
    color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget .total-num span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .ecommerce-widget span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .flot-chart-container-small {
    background-color: #262932;
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td p,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table #API-2_wrapper #API-2 tbody td span,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .product-table h6 {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-item .nav-link {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link.active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-tab.nav-tabs .nav-link:hover {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-1to10 .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-horizontal .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-movie .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-pill .br-widget a.br-selected,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-reversed .br-widget a.br-selected {
    background-color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a {
    border: 2px solid #1d1e26;
    background-color: #262932;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-active,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid var(--theme-deafult);
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-active:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars .br-widget a.br-selected:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-active:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .scroll-demo {
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form input {
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6);
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .search-form .form-group:before {
    background: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-content:before {
    border-left: 7px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .cd-timeline-block:nth-child(2n) .cd-timeline-content:before {
    border-right-color: #1d1e26;
    border-left: transparent
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .breadcrumb.bg-white {
    background-color: #262932!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .user-status table td,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .user-status table th {
    border-top: none!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #browser-uses-chart svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #donut-color-chart-morris-daily svg,body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) #website-visiter-chart svg {
    opacity: .5
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder-2-header,body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder-header-1 {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .show>.nav-link {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-link {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-link.active,body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .show>.nav-link {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .nav-link {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .nav-primary .nav-pills.nav-primary .nav-link.active {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .drag-box fieldset {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder .help-block {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body #viewhtml .render {
    background-color: #262932;
    color: hsla(0,0%,100%,.6);
    border-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-builder-column .drag-bx {
    border: 1px dotted #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .wizard-4 ul.anchor li a.disabled {
    color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description h4 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description a>div {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .gallery-with-description p {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-header {
    background-color: #262932;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-cell,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-header-cell,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-cell,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-header-cell {
    background: #262932;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-cell input,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-header-cell input,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-cell input,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-header-cell input {
    background-color: #1d1e26;
    border-color: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-cell input:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row>.jsgrid-header-cell input:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-cell input:focus,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row>.jsgrid-header-cell input:focus {
    outline: none
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-filter-row select,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-header-row select {
    background-color: #1d1e26;
    border-color: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-row>.jsgrid-cell {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-alt-row>.jsgrid-cell {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-cell,body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-grid-body {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-selected-row>.jsgrid-cell {
    background-color: #1c212b
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager [class*=jsgrid-pager] {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .jsgrid-pager-current-page {
    color: hsla(0,0%,100%,.6);
    font-weight: 700
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .sub-title {
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon li a:hover {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon .separator {
    border-bottom: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according li .text-muted {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover,body.dark-only .page-wrapper .page-body-wrapper .page-body .nav-list .nav-list-disc li:hover a {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div {
    background-color: #1d1e26;
    box-shadow: 0 0 14px 0 #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li p {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg line,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg path,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polygon,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg polyline,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a svg rect {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg line,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg path,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polygon,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg polyline,body.dark-only .page-wrapper .page-body-wrapper .page-body .navs-dropdown .onhover-show-div .navs-icon li a:hover svg rect {
    color: var(--theme-deafult)!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .onhover-dropdown:hover .onhover-show-div:before {
    border-bottom: 7px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .btn-link {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .default-according .card .card-body {
    color: #98a6ad;
    border: 1px solid #374558;
    border-top: none
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .border {
    border: 1px solid #374558!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-date {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li {
    color: #98a6ad;
    border-right: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li:first-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li:first-child {
    border-right: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .blog-social li:last-child,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .blog-social li:last-child {
    border-right: none
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details p,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .single-blog-content-top,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .single-blog-content-top {
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details .single-blog-content-top p,body.dark-only .page-wrapper .page-body-wrapper .page-body .blog-box .blog-details-main .single-blog-content-top p,body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .media h6 span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .media img {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .comment-social li,body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box p {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box .comment-social li:first-child {
    border-right: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .comment-box hr {
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover>tbody>tr:hover {
    --bs-table-accent-bg: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover>tbody>tr:hover td,body.dark-only .page-wrapper .page-body-wrapper .page-body .table-hover>tbody>tr:hover th {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li {
    border: 1px dotted #374558;
    color: hsla(0,0%,100%,.6);
    display: inline-block;
    padding: 10px
}

body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li:hover {
    background: #000;
    box-shadow: 0 0 3px #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body ul.the-icons li em {
    display: none
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .button-builder-wrap .box {
    background-color: #262932;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .button-builder-wrap .button-preview h2 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .button-builder-wrap pre.well {
    background-color: #262932!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity>li+li {
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity>li h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .crm-activity ul.dates li {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body #donut-color-chart-morris svg text,body.dark-only .page-wrapper .page-body-wrapper .page-body #donut-color-chart-morris-daily svg text {
    fill: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-profile img {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-footer>div h6,body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-social li a,body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .profile-details h6 {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .custom-card .card-footer>div+div {
    border-left: 1px solid #323846
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .form-control {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.3);
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .checkbox label:before,body.dark-only .page-wrapper .page-body-wrapper .page-body .radio label:before {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content a {
    color: hsla(0,0%,100%,.6);
    background-color: transparent;
    border-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content .dropdown-header {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-basic .dropdown .dropdown-content .dropdown-divider {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a.active,body.dark-only .page-wrapper .page-body-wrapper .page-body .dropup-basic .dropup .dropup-content a:hover {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone.dz-clickable .dz-message h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone.dz-clickable .dz-message span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone .dz-preview {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropzone .dz-preview .dz-details {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body {
    column-rule: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body h4,body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body h4 span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .browser-widget .media-body span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .media img {
    border: 2px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .main-menu>li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar .main-menu>li a:hover {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-app-sidebar ul li a>.title {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-right-aside .email-body .row .col-xl-4 {
    border-right: 1px solid rgba(0,0,0,.1)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-right-aside .email-body .inbox .media.active {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6 small,body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body h6 small span,body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .media-body p {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-top {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap p {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .email-wrap .email-content .email-top .user-emailid:after {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu {
    background-color: #1d1e26;
    border: 1px solid #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu a {
    color: hsla(0,0%,100%,.6);
    background: transparent;
    border-top-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .dropdown-menu a:hover {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .icon-lists div i {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .icon-lists div:hover {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins .media .media-body>span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins .media .details {
    border-left: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .widget-joins:before {
    background-color: #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .redial-social-widget i {
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card h4,body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card h5 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .social-widget-card span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-b-light {
    border-bottom: 1px solid #374558!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .b-r-dark {
    border-right: 1px solid #fff!important
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial i {
    color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .testimonial span {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-showcase span {
    background-color: #262932;
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .grid-align .row {
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-html-output {
    background-color: #1d1e26;
    color: #98a6ad;
    border: 1px solid #374558
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-grid {
    background-color: #262932;
    color: #98a6ad!important;
    border-right: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-mainControls .ge-addRowGroup .ge-row-icon .column {
    border-left: 3px solid #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-code,body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .btn-screen {
    color: #98a6ad;
    border-right: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .row {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .column {
    border: 1px solid #1d1e26;
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details input {
    background-color: #1d1e26;
    border-color: #1d1e26;
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a {
    color: #98a6ad
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .page-builder .ge-content-type-ckeditor {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .search-page .info-block {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .card-absolute .bg-primary h5,body.dark-only .page-wrapper .page-body-wrapper .page-body .card-absolute .bg-secondary h5 {
    color: #fff
}

body.dark-only .page-wrapper .page-body-wrapper .page-body .timeline-small .media .timeline-round.medium-line:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .timeline-small .media .timeline-round.small-line:after,body.dark-only .page-wrapper .page-body-wrapper .page-body .timeline-small .media .timeline-round.timeline-line-1:after {
    background-color: #374558
}

body.dark-only .page-wrapper .page-body-wrapper .footer {
    border-top: 1px solid #1d1e26;
    background-color: #262932
}

body.dark-only .page-wrapper .page-body-wrapper .footer p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .custom-file-label,body.dark-only .page-wrapper .page-body-wrapper .custom-select {
    background: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .page-body-wrapper .footer-fix {
    background-color: #262932;
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .note textarea {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .dt-button-info {
    background-color: #262932;
    border: 1px solid #98a6ad
}

body.dark-only .page-wrapper .dt-button-info h2 {
    background-color: #262932
}

body.dark-only .page-wrapper .chat-box .about .name {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .chat-box .chat-menu {
    border-left: 1px solid #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-menu .nav-tabs .nav-item .nav-link.active {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .icon-wrapper {
    background-color: #262932;
    box-shadow: 1px 1px 3px 1px #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .image .avatar img {
    border: 5px solid #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .follow span,body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .social-media a {
    color: #98a6ad
}

body.dark-only .page-wrapper .chat-box .chat-menu .user-profile .follow .follow-num {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .chat-box .status {
    color: #98a6ad
}

body.dark-only .page-wrapper .chat-box .status p {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
    color: #98a6ad
}

body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-header img {
    box-shadow: 1px 1px 4px 1px #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .my-message {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .message {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-msg-box .other-message {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message {
    background-color: #262932;
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-right-aside .chat .chat-message .input-group .form-control {
    background-color: #262932
}

body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li {
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li a {
    color: #98a6ad
}

body.dark-only .page-wrapper pre {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .scorlled {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .input-group-air {
    box-shadow: 0 3px 20px 0 #1d1e26
}

body.dark-only .page-wrapper .input-group-text {
    background-color: #262932;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .input-group-text i {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .input-group-solid .form-control,body.dark-only .page-wrapper .input-group-solid .input-group-text {
    background: #1d1e26;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .header-bg-color,body.dark-only .page-wrapper .semilight-bg-color {
    background-color: #fff
}

body.dark-only .page-wrapper .list-group-item {
    background-color: #262932;
    border: 1px solid hsla(0,0%,100%,.3);
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .list-group-item+.list-group-item {
    border-top-width: 0
}

body.dark-only .page-wrapper .list-group-item.active {
    background-color: var(--theme-deafult)!important;
    border-color: var(--theme-deafult);
    color: #fff
}

body.dark-only .page-wrapper .list-group-item:focus,body.dark-only .page-wrapper .list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

body.dark-only .page-wrapper .list-group-item-action:focus,body.dark-only .page-wrapper .list-group-item-action:hover:not(.active) {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .list-group-flush .list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

body.dark-only .page-wrapper .list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

body.dark-only .page-wrapper .list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

body.dark-only .page-wrapper .list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

body.dark-only .page-wrapper .list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

body.dark-only .page-wrapper .list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

body.dark-only .page-wrapper .list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

body.dark-only .page-wrapper .list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

body.dark-only .page-wrapper .list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

body.dark-only .page-wrapper .auth-bg {
    background-blend-mode: overlay;
    background-color: rgba(54,64,74,.9)
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card {
    background-color: #262932
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group input {
    color: hsla(0,0%,100%,.6);
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label,body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .form-group label {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .auth-bg .authentication-box .card .theme-form .checkbox label:before {
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .auth-bg .authentication-box h3,body.dark-only .page-wrapper .auth-bg .authentication-box h4,body.dark-only .page-wrapper .auth-bg .authentication-box h6 {
    color: #fff
}

body.dark-only .page-wrapper .auth-bg-video {
    background-blend-mode: overlay;
    background-color: rgba(54,64,74,.7)
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box h3,body.dark-only .page-wrapper .auth-bg-video .authentication-box h4 {
    color: #fff
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box h6 {
    color: #98a6ad
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box .card {
    background-color: #262932
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=password],body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .form-group input[type=text] {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .auth-bg-video .authentication-box .card .theme-form .checkbox label:before {
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i,body.dark-only .page-wrapper .error-wrapper .maintenance-icons li:nth-child(3) i {
    color: #1d1e26
}

body.dark-only .page-wrapper .modal-content {
    background-color: #262932
}

body.dark-only .page-wrapper .modal-content .modal-header {
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .modal-content .modal-header .close {
    color: #98a6ad
}

body.dark-only .page-wrapper .modal-content .modal-footer {
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .comingsoon {
    background-blend-mode: overlay;
    background-color: rgba(54,64,74,.9)
}

body.dark-only .page-wrapper .comingsoon .comingsoon-inner h5 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown {
    border-top: 1px solid #1d1e26;
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .comingsoon .comingsoon-inner .coming-soon-bottom-link a,body.dark-only .page-wrapper .comingsoon .comingsoon-inner .countdown .title {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .theme-form .login-divider {
    border-top: 1px solid #1d1e26
}

body.dark-only .page-wrapper .theme-form .login-divider:before {
    background: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .authentication-main {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .card {
    background-color: #262932
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .reset-password-link,body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group label {
    color: #98a6ad
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .form-group .form-control {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6);
    border-color: #1d1e26
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .reset-password-box .theme-form .opt-box {
    background-color: #1d1e26
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h4 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h6 {
    color: #98a6ad
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box h3 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card {
    background-color: #262932
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=password],body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .form-group input[type=text] {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .page-wrapper .authentication-main .auth-innerright .authentication-box .card .theme-form .checkbox label:before {
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only .page-wrapper .vertical-menu-main {
    background-color: #262932
}

body.dark-only .page-wrapper .mega-menu .title {
    color: hsla(0,0%,100%,.6);
    border-bottom: 1px solid #1d1e26
}

body.dark-only .page-wrapper .mega-menu .list-unstyled div a:hover {
    color: var(--theme-deafult)
}

body.dark-only .page-wrapper .default-according .card {
    background-color: #262932
}

body.dark-only .page-wrapper .default-according .card .btn-link {
    background-color: #262932;
    border: 1px solid #374558;
    border-bottom: none;
    color: #fff
}

body.dark-only .page-wrapper .default-according .card .text-muted {
    color: #98a6ad!important
}

body.dark-only .page-wrapper .default-according .bg-primary .btn-link {
    background-color: var(--theme-deafult);
    border: 1px solid var(--theme-deafult)
}

body.dark-only .page-wrapper .default-according .bg-secondary .btn-link {
    background-color: var(--theme-secondary);
    border: 1px solid var(--theme-secondary)
}

body.dark-only .page-wrapper .collapse .card-body {
    background-color: #262932
}

@media screen and (max-width: 1660px) {
    body.dark-only .page-wrapper .chat-box .chat-history .call-icons ul li {
        border:1px solid #1d1e26
    }

    body.dark-only .page-wrapper .chat-box .chat-history .total-time h2 {
        color: hsla(0,0%,100%,.6)
    }

    body.dark-only .page-wrapper .caller-img img {
        opacity: .7
    }

    body.dark-only .page-wrapper .chat-box .chat-history .call-content>div {
        background-color: rgba(0,0,0,.75);
        background-blend-mode: overlay
    }
}

@media only screen and (max-width: 1199.98px) {
    body.dark-only .page-wrapper .left-header .mega-menu-container {
        border-left:1px solid #374558
    }

    body.dark-only .page-wrapper .left-header .mega-menu-container .mega-box+.mega-box {
        border-left: none
    }
}

@media only screen and (max-width: 1199px) {
    body.dark-only .page-wrapper .mobile-title.d-none {
        border-bottom:1px solid #374558
    }

    body.dark-only .page-wrapper .chat-menu {
        border-top: 1px solid #1d1e26;
        background-color: #262932
    }

    body.dark-only .page-wrapper .error-wrapper .maintenance-icons li i {
        color: #2c323f
    }
}

@media only screen and (max-width: 575.98px) {
    body.dark-only .page-wrapper .user-profile .hovercard .info .user-designation {
        border-top:1px solid #1d1e26;
        border-bottom: 1px solid #1d1e26
    }

    body.dark-only .page-wrapper .page-header .header-wrapper .left-header ul li .search-form .form-control-plaintext,body.dark-only .page-wrapper .widget-joins .border-after-xs:after {
        background-color: #1d1e26
    }

    body.dark-only .page-wrapper .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar,body.dark-only .page-wrapper .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
        border-right: 1px solid #374558
    }
}

body.dark-only .lg-backdrop {
    background-color: #1d1e26
}

body.dark-only .drag,body.dark-only .lg-outer .lg-thumb-outer {
    background-color: #262932
}

body.dark-only .drag form {
    background: #262932;
    box-shadow: 0 0 30px #1d1e26;
    border: 1px dotted #1d1e26
}

body.dark-only .drag form input {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .drag form .help-block {
    text-transform: capitalize;
    color: #98a6ad
}

body.dark-only .draggable input {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6);
    border: 1px solid #1d1e26
}

body.dark-only .draggable p {
    color: #98a6ad
}

body.dark-only .draggable select {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .draggable .checkbox label:before,body.dark-only .draggable .radio label:before,body.dark-only .draggable select {
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only .select2-container--default .select2-selection--multiple,body.dark-only .select2-container--default .select2-selection--single {
    background-color: #1d1e26;
    border: 1px solid #1d1e26!important
}

body.dark-only .select2-container--default .select2-search--inline .select2-search__field,body.dark-only .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #262932!important;
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .select2-dropdown {
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only .select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult)!important;
    color: var(--theme-deafult)!important
}

body.dark-only .select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary)!important;
    color: var(--theme-secondary)!important
}

body.dark-only .select2-drpdwn .form-control-success {
    border-color: #9e65c2!important;
    color: #9e65c2!important
}

body.dark-only .select2-drpdwn .form-control-info {
    border-color: #a927f9!important;
    color: #a927f9!important
}

body.dark-only .select2-drpdwn .form-control-warning {
    border-color: #747dc6!important;
    color: #747dc6!important
}

body.dark-only .select2-drpdwn .form-control-danger {
    border-color: #6670bd!important;
    color: #6670bd!important
}

body.dark-only .select2-drpdwn .form-control-inverse {
    border-color: #fff!important;
    color: #fff!important
}

body.dark-only .select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult)!important;
    color: #fff!important
}

body.dark-only .select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary)!important;
    color: #fff!important
}

body.dark-only .select2-drpdwn .form-control-success-fill {
    background-color: #9e65c2!important;
    color: #fff!important
}

body.dark-only .select2-drpdwn .form-control-info-fill {
    background-color: #a927f9!important;
    color: #fff!important
}

body.dark-only .select2-drpdwn .form-control-warning-fill {
    background-color: #747dc6!important;
    color: #fff!important
}

body.dark-only .select2-drpdwn .form-control-danger-fill {
    background-color: #6670bd!important;
    color: #fff!important
}

body.dark-only .select2-drpdwn .form-control-inverse-fill {
    background-color: #fff!important;
    color: #000!important
}

body.dark-only .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #1d1e26
}

body.dark-only .theme-form .form-group input[type=date],body.dark-only .theme-form .form-group input[type=datetime-local],body.dark-only .theme-form .form-group input[type=email],body.dark-only .theme-form .form-group input[type=file],body.dark-only .theme-form .form-group input[type=month],body.dark-only .theme-form .form-group input[type=number],body.dark-only .theme-form .form-group input[type=password],body.dark-only .theme-form .form-group input[type=search],body.dark-only .theme-form .form-group input[type=tel],body.dark-only .theme-form .form-group input[type=text],body.dark-only .theme-form .form-group input[type=time],body.dark-only .theme-form .form-group input[type=url],body.dark-only .theme-form .form-group input[type=week],body.dark-only .theme-form .form-group select,body.dark-only .theme-form .form-group select.form-control:not([size]):not([multiple]) {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6);
    border-color: #1d1e26
}

body.dark-only .theme-form .form-group input[type=date]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=datetime-local]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=email]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=file]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=month]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=number]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=password]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=search]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=tel]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=text]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=time]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=url]::-webkit-input-placeholder,body.dark-only .theme-form .form-group input[type=week]::-webkit-input-placeholder,body.dark-only .theme-form .form-group select::-webkit-input-placeholder {
    color: #98a6ad
}

body.dark-only .theme-form .form-group .form-control {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .theme-form .form-group textarea {
    border-color: #1d1e26
}

body.dark-only .theme-form .form-divider {
    border-top: 1px solid #1d1e26
}

body.dark-only .CodeMirror,body.dark-only .theme-form .form-divider:before {
    background: #262932;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .CodeMirror {
    border: 1px solid #98a6ad
}

body.dark-only .CodeMirror .CodeMirror-code pre {
    background: #262932
}

body.dark-only .editor-toolbar {
    border-top: 1px solid #98a6ad;
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad
}

body.dark-only .editor-toolbar a {
    color: hsla(0,0%,100%,.6)!important
}

body.dark-only .editor-toolbar a.active,body.dark-only .editor-toolbar a:hover {
    background: #1d1e26
}

body.dark-only .editor-toolbar i.separator {
    border-left: 1px solid #98a6ad;
    border-right: 1px solid #98a6ad
}

body.dark-only .editor-toolbar.fullscreen:before {
    background: linear-gradient(90deg,#1d1e26 0,transparent)
}

body.dark-only .editor-toolbar.fullscreen:after {
    background: linear-gradient(90deg,transparent 0,#1d1e26)
}

body.dark-only .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #1d1e26
}

body.dark-only .editor-preview {
    background-color: #262932
}

body.dark-only .editor-preview-side,body.dark-only .editor-toolbar.fullscreen {
    background: #262932;
    border: 1px solid #98a6ad
}

body.dark-only .u-step {
    background: #1d1e26
}

body.dark-only .u-step.active,body.dark-only .u-step.current {
    background: var(--theme-deafult);
    color: #fff
}

body.dark-only .u-pearl-title,body.dark-only .u-step-title {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .u-step-number {
    background-color: #262932
}

body.dark-only .u-pearl:before {
    background-color: #1d1e26
}

body.dark-only .u-pearl-icon,body.dark-only .u-pearl-number,body.dark-only .u-pearl.disabled .u-pearl-icon,body.dark-only .u-pearl.disabled .u-pearl-number {
    background: #1d1e26;
    border: 2px solid #1d1e26
}

body.dark-only .u-pearl.disabled:after {
    background-color: #334053
}

body.dark-only .u-pearl.error:after {
    background-color: #1d1e26
}

body.dark-only .note-editor.note-frame {
    border-color: #1d1e26
}

body.dark-only .note-editor.note-frame .note-editing-area .note-editable {
    background-color: #262932;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .swal-modal {
    background-color: #262932
}

body.dark-only .swal-modal .swal-title {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .swal-modal .swal-text {
    color: #98a6ad
}

body.dark-only .swal-modal .swal-content__input {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .nav-tabs {
    border-bottom: 1px solid #374558
}

body.dark-only .nav-tabs .nav-link {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .nav-tabs .nav-link.active {
    background-color: #262932;
    color: hsla(0,0%,100%,.6);
    border-color: #374558 #374558 #262932
}

body.dark-only .nav-tabs .nav-link:focus,body.dark-only .nav-tabs .nav-link:hover {
    border-color: #374558 #374558 #323846
}

body.dark-only .nav-tabs .nav-item.show .nav-link {
    background-color: #262932;
    color: hsla(0,0%,100%,.6);
    border-color: #1d1e26 #1d1e26 #262932
}

body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.active,body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.focus,body.dark-only .nav-tabs.nav-bottom .nav-item .nav-link.hover {
    border-color: #262932 #1d1e26 #1d1e26
}

body.dark-only .border-tab.nav-left .nav-link,body.dark-only .border-tab.nav-right .nav-link {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .border-tab.nav-left .nav-link.active,body.dark-only .border-tab.nav-left .show>.nav-link,body.dark-only .border-tab.nav-right .nav-link.active,body.dark-only .border-tab.nav-right .show>.nav-link {
    color: var(--theme-deafult)
}

body.dark-only .border-tab.nav-left.nav-secondary .nav-item.show,body.dark-only .border-tab.nav-left.nav-secondary .nav-link.active,body.dark-only .border-tab.nav-left.nav-secondary .nav-link:focus,body.dark-only .border-tab.nav-left.nav-secondary .nav-link:hover,body.dark-only .border-tab.nav-left.nav-secondary .show>.nav-link {
    border-left-color: var(--theme-secondary);
    color: var(--theme-secondary)!important
}

body.dark-only .border-tab.nav-left.nav-success .nav-link.active,body.dark-only .border-tab.nav-left.nav-success .nav-link:focus,body.dark-only .border-tab.nav-left.nav-success .nav-link:hover {
    color: #9e65c2!important
}

body.dark-only .border-tab.nav-left.nav-success .nav-item.show,body.dark-only .border-tab.nav-left.nav-success .show>.nav-link {
    border-left-color: #9e65c2;
    color: #9e65c2!important
}

body.dark-only .border-tab.nav-right.nav-info .nav-link.active,body.dark-only .border-tab.nav-right.nav-info .nav-link:focus,body.dark-only .border-tab.nav-right.nav-info .nav-link:hover {
    color: #a927f9!important
}

body.dark-only .border-tab.nav-right.nav-info .nav-item.show,body.dark-only .border-tab.nav-right.nav-info .show>.nav-link {
    border-left-color: #a927f9;
    color: #a927f9!important
}

body.dark-only .border-tab.nav-secondary .nav-item.show,body.dark-only .border-tab.nav-secondary .nav-link.active,body.dark-only .border-tab.nav-secondary .nav-link:focus,body.dark-only .border-tab.nav-secondary .nav-link:hover {
    color: var(--theme-secondary)!important
}

body.dark-only .border-tab.nav-success .nav-item.show,body.dark-only .border-tab.nav-success .nav-link.active,body.dark-only .border-tab.nav-success .nav-link:focus,body.dark-only .border-tab.nav-success .nav-link:hover {
    color: #9e65c2!important
}

body.dark-only .dropdown-divider {
    border-top: 1px solid #1d1e26
}

body.dark-only .icon-hover-bottom {
    background-color: #262932;
    box-shadow: 0 0 1px 1px #1d1e26
}

body.dark-only .icon-hover-bottom .icon-title {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .icon-hover-bottom span {
    color: #98a6ad
}

body.dark-only .icon-hover-bottom .form-group input {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6);
    border: 1px solid #1d1e26
}

body.dark-only .icon-hover-bottom .icon-first i {
    color: #98a6ad
}

body.dark-only code {
    background-color: #1d1e26;
    border-radius: 2px
}

body.dark-only #cd-timeline:before {
    background: #1d1e26
}

body.dark-only .timeliny {
    border-top: 1px solid #1d1e26;
    border-bottom: 1px solid #1d1e26
}

body.dark-only .timeliny:before {
    background-color: #fff
}

body.dark-only .timeliny .timeliny-dot {
    background-color: #262932;
    border: 1px solid #fff
}

body.dark-only .timeliny .timeliny-dot:before,body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot:before {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot:after {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6);
    border: none
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover {
    background-color: #fff
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock:not(.inactive):not(.active) .timeliny-dot:hover:before {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover:after {
    background-color: #262932;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #262932;
    border-bottom: 1px solid #1d1e26
}

body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
    color: #fff
}

body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
    background: #262932;
    border: 1px solid #1d1e26
}

body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult)
}

body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #9e65c2!important
}

body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #262932;
    border: 1px solid #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only .user-profile .ttl-info h6 {
    color: #98a6ad
}

body.dark-only .user-profile .hovercard .info .title a,body.dark-only .user-profile .ttl-info span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .user-profile .hovercard .user-image .avatar img {
    border: 10px solid #262932
}

body.dark-only .user-profile .hovercard .user-image .icon-wrapper {
    background-color: #262932
}

body.dark-only .user-profile .hovercard .tabs-scoial {
    border-bottom: none!important
}

body.dark-only .user-profile .follow .follow-num,body.dark-only .user-profile .profile-img-style .user-name {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .user-profile .profile-img-style p {
    color: #98a6ad
}

body.dark-only .introjs-helperLayer {
    background-color: rgba(54,64,74,.9);
    border: hsla(0,0%,100%,.5)
}

body.dark-only .jstree-default .jstree-icon,body.dark-only .jstree-default .jstree-node {
    color: #455869!important
}

body.dark-only .jstree-default .jstree-anchor {
    color: #98a6ad
}

body.dark-only .jstree-default .jstree-clicked {
    color: #fff;
    background-color: transparent
}

body.dark-only .jstree-default .jstree-hovered {
    background-color: #1d1e26;
    border: 1px solid #1d1e26
}

body.dark-only span.twitter-typeahead .tt-menu {
    background-color: #1d1e26;
    color: hsla(0,0%,100%,.6)
}

body.dark-only span.twitter-typeahead .tt-suggestion {
    color: hsla(0,0%,100%,.6)
}

body.dark-only span.twitter-typeahead .tt-suggestion:focus,body.dark-only span.twitter-typeahead .tt-suggestion:hover {
    background-color: #262932
}

body.dark-only .typography small {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .code-box-copy pre,body.dark-only .code-box-copy pre code {
    background-color: #1d1e26
}

body.dark-only .code-box-copy pre[class*=language-] {
    border: 1px solid #1d1e26
}

body.dark-only .code-box-copy .code-box-copy__btn {
    background-color: #1d1e26;
    border: 1px solid #1d1e26;
    color: #fff
}

body.dark-only .code-box-copy code[class*=language-],body.dark-only .code-box-copy pre[class*=language-] {
    text-shadow: 0 1px #000
}

body.dark-only .code-box-copy code[class*=language-] ::selection,body.dark-only .code-box-copy pre[class*=language-] ::selection {
    text-shadow: none;
    background: #262932
}

body.dark-only table.fixedHeader-floating {
    background-color: #1d1e26
}

body.dark-only .note textarea {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .dt-button-info {
    background-color: #262932;
    border: 1px solid #1d1e26
}

body.dark-only .dt-button-info h2 {
    background-color: #262932;
    border-bottom: 1px solid #1d1e26
}

body.dark-only pre {
    background-color: #1d1e26
}

body.dark-only #auto-fill_wrapper .dataTables_paginate,body.dark-only #basic-colreorder_wrapper .dataTables_paginate,body.dark-only #basic-fixed-header_wrapper .dataTables_paginate,body.dark-only #basic-key-table_wrapper .dataTables_paginate,body.dark-only #basic-row-reorder_wrapper .dataTables_paginate,body.dark-only #class-button_wrapper .dataTables_paginate,body.dark-only #column-selector_wrapper .dataTables_paginate,body.dark-only #cust-json_wrapper .dataTables_paginate,body.dark-only #custom-button_wrapper .dataTables_paginate,body.dark-only #excel-cust-bolder_wrapper .dataTables_paginate,body.dark-only #export-button_wrapper .dataTables_paginate,body.dark-only #fixed-header-footer_wrapper .dataTables_paginate,body.dark-only #focus-cell_wrapper .dataTables_paginate,body.dark-only #full-row_wrapper .dataTables_paginate,body.dark-only #keyboard-btn_wrapper .dataTables_paginate,body.dark-only #keytable_wrapper .dataTables_paginate,body.dark-only #multilevel-btn_wrapper .dataTables_paginate,body.dark-only #new-cons_wrapper .dataTables_paginate,body.dark-only #pagelength-btn_wrapper .dataTables_paginate,body.dark-only #real-time_wrapper .dataTables_paginate,body.dark-only #responsive_wrapper .dataTables_paginate,body.dark-only #rest-column_wrapper .dataTables_paginate,body.dark-only #show-hidden-row_wrapper .dataTables_paginate,body.dark-only #state-saving_wrapper .dataTables_paginate {
    border: none
}

body.dark-only #example-style-8_wrapper table.dataTable.display tbody tr.odd,body.dark-only #example-style-8_wrapper table.dataTable.stripe tbody tr.odd {
    background-color: #1d1e26
}

body.dark-only .error-wrapper {
    background-color: rgba(54,64,74,.8)
}

body.dark-only .error-wrapper .sub-content {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .b-light {
    border: 1px solid #1d1e26!important
}

body.dark-only .modal-content {
    background-color: #262932
}

body.dark-only .modal-content .modal-header {
    border-bottom: 1px solid #374558
}

body.dark-only .modal-content .modal-header .close {
    color: hsla(0,0%,100%,.6);
    font-weight: 400
}

body.dark-only .modal-content .ui-front .form-control {
    background-color: #262932;
    color: hsla(0,0%,100%,.6);
    border: 1px solid #374558
}

body.dark-only .stepwizard .stepwizard-row:before {
    background-color: #374558
}

body.dark-only .modal .theme-close {
    background-color: #262932!important;
    color: hsla(0,0%,100%,.2)
}

body.dark-only .token.atrule,body.dark-only .token.attr-value,body.dark-only .token.keyword {
    color: #a927f9
}

body.dark-only .token.boolean,body.dark-only .token.constant,body.dark-only .token.deleted,body.dark-only .token.number,body.dark-only .token.property,body.dark-only .token.symbol,body.dark-only .token.tag {
    color: #6670bd
}

body.dark-only .loader-box.card-loader {
    background-color: #262932
}

body.dark-only .my-gallery.gallery-with-description img {
    border: 1px solid #1d1e26!important;
    border-bottom: none!important
}

body.dark-only .alert-danger.inverse,body.dark-only .alert-dark.inverse,body.dark-only .alert-info.inverse,body.dark-only .alert-light.inverse,body.dark-only .alert-primary.inverse,body.dark-only .alert-secondary.inverse,body.dark-only .alert-success.inverse,body.dark-only .alert-warning.inverse {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .alert-theme span+span+span {
    border-left: 5px solid var(--theme-deafult);
    background-color: #1d1e26;
    border-radius: 4px
}

body.dark-only .alert-theme i {
    color: #fff;
    padding: 20px;
    margin-right: 20px!important
}

body.dark-only .user-card .user-deatils h6 {
    color: #98a6ad
}

body.dark-only .user-card .card-footer>div:first-child {
    border-right: 1px solid #1d1e26
}

body.dark-only .user-card .card-footer .user-footer h6,body.dark-only .user-card .card-footer .user-footer svg path,body.dark-only .user-card .card-footer .user-footer svg rect {
    color: #98a6ad
}

body.dark-only .order-history table .qty-box button {
    background-color: #1d1e26!important;
    border: none!important
}

body.dark-only .order-history table .qty-box .input-group {
    border-color: #374558
}

body.dark-only .order-history table thead tr th {
    background-color: #1d1e26
}

body.dark-only .order-history table tr td,body.dark-only .order-history table tr th {
    border-top: none!important
}

body.dark-only .order-history .title-orders {
    background-color: #1d1e26
}

body.dark-only .navigation-option ul li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .navigation-option ul li:hover {
    background-color: #1d1e26
}

body.dark-only .product-box .product-details h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .product-box .product-details span {
    color: #98a6ad
}

body.dark-only .product-box .product-img .product-hover ul li {
    background-color: #262932
}

body.dark-only .product-box .product-img .product-hover ul li:hover {
    background-color: #000;
    color: #fff
}

body.dark-only .browse .browse-articles ul li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .browse .browse-articles ul li:hover {
    background-color: #1d1e26
}

body.dark-only .radio-primary input[type=radio]+label:before {
    border-color: var(--theme-deafult)!important
}

body.dark-only .radio-primary input[type=radio]+label:after {
    background-color: var(--theme-deafult)
}

body.dark-only .radio-primary input[type=radio]:checked+label:before {
    border-color: var(--theme-deafult)!important
}

body.dark-only .radio-primary input[type=radio]:checked+label:after {
    background-color: var(--theme-deafult)
}

body.dark-only .radio-secondary input[type=radio]+label:before {
    border-color: #ef3f3e!important
}

body.dark-only .radio-secondary input[type=radio]+label:after {
    background-color: #ef3f3e
}

body.dark-only .radio-secondary input[type=radio]:checked+label:before {
    border-color: #ef3f3e!important
}

body.dark-only .radio-secondary input[type=radio]:checked+label:after {
    background-color: #ef3f3e
}

body.dark-only .radio-success input[type=radio]+label:before {
    border-color: #9e65c2!important
}

body.dark-only .radio-success input[type=radio]+label:after {
    background-color: #9e65c2
}

body.dark-only .radio-success input[type=radio]:checked+label:before {
    border-color: #9e65c2!important
}

body.dark-only .radio-success input[type=radio]:checked+label:after {
    background-color: #9e65c2
}

body.dark-only .radio-danger input[type=radio]+label:before {
    border-color: #6670bd!important
}

body.dark-only .radio-danger input[type=radio]+label:after {
    background-color: #6670bd
}

body.dark-only .radio-danger input[type=radio]:checked+label:before {
    border-color: #6670bd!important
}

body.dark-only .radio-danger input[type=radio]:checked+label:after {
    background-color: #6670bd
}

body.dark-only .radio-info input[type=radio]+label:before {
    border-color: #a927f9!important
}

body.dark-only .radio-info input[type=radio]+label:after {
    background-color: #a927f9
}

body.dark-only .radio-info input[type=radio]:checked+label:before {
    border-color: #a927f9!important
}

body.dark-only .radio-info input[type=radio]:checked+label:after {
    background-color: #a927f9
}

body.dark-only .radio-light input[type=radio]+label:before {
    border-color: #f4f4f4!important
}

body.dark-only .radio-light input[type=radio]+label:after {
    background-color: #f4f4f4
}

body.dark-only .radio-light input[type=radio]:checked+label:before {
    border-color: #f4f4f4!important
}

body.dark-only .radio-light input[type=radio]:checked+label:after {
    background-color: #f4f4f4
}

body.dark-only .radio-dark input[type=radio]+label:before {
    border-color: #2c323f!important
}

body.dark-only .radio-dark input[type=radio]+label:after {
    background-color: #2c323f
}

body.dark-only .radio-dark input[type=radio]:checked+label:before {
    border-color: #2c323f!important
}

body.dark-only .radio-dark input[type=radio]:checked+label:after {
    background-color: #2c323f
}

body.dark-only .radio-warning input[type=radio]+label:before {
    border-color: #747dc6!important
}

body.dark-only .radio-warning input[type=radio]+label:after {
    background-color: #747dc6
}

body.dark-only .radio-warning input[type=radio]:checked+label:before {
    border-color: #747dc6!important
}

body.dark-only .radio-warning input[type=radio]:checked+label:after {
    background-color: #747dc6
}

body.dark-only .checkbox-primary label:before {
    border-color: var(--theme-deafult)!important
}

body.dark-only .checkbox-secondary label:before {
    border-color: #ef3f3e!important
}

body.dark-only .checkbox-success label:before {
    border-color: #9e65c2!important
}

body.dark-only .checkbox-danger label:before {
    border-color: #6670bd!important
}

body.dark-only .checkbox-info label:before {
    border-color: #a927f9!important
}

body.dark-only .checkbox-light label:before {
    border-color: #f4f4f4!important
}

body.dark-only .checkbox-dark label:before {
    border-color: #2c323f!important
}

body.dark-only .checkbox-warning label:before {
    border-color: #747dc6!important
}

body.dark-only .checkbox-solid-primary input[type=checkbox]:checked+label:before,body.dark-only .checkbox-solid-primary label:before {
    background-color: var(--theme-deafult)!important;
    border-color: var(--theme-deafult)!important;
    color: #fff!important
}

body.dark-only .checkbox-solid-primary input[type=checkbox]:checked+label:after {
    color: #fff!important
}

body.dark-only .checkbox-solid-secondary input[type=checkbox]:checked+label:before,body.dark-only .checkbox-solid-secondary label:before {
    background-color: #ef3f3e!important;
    border-color: #ef3f3e!important;
    color: #fff!important
}

body.dark-only .checkbox-solid-secondary input[type=checkbox]:checked+label:after {
    color: #fff!important
}

body.dark-only .checkbox-solid-success input[type=checkbox]:checked+label:before,body.dark-only .checkbox-solid-success label:before {
    background-color: #9e65c2!important;
    border-color: #9e65c2!important;
    color: #fff!important
}

body.dark-only .checkbox-solid-success input[type=checkbox]:checked+label:after {
    color: #fff!important
}

body.dark-only .checkbox-solid-danger input[type=checkbox]:checked+label:before,body.dark-only .checkbox-solid-danger label:before {
    background-color: #6670bd!important;
    border-color: #6670bd!important;
    color: #fff!important
}

body.dark-only .checkbox-solid-danger input[type=checkbox]:checked+label:after {
    color: #fff!important
}

body.dark-only .checkbox-solid-info input[type=checkbox]:checked+label:before,body.dark-only .checkbox-solid-info label:before {
    background-color: #a927f9!important;
    border-color: #a927f9!important;
    color: #fff!important
}

body.dark-only .checkbox-solid-info input[type=checkbox]:checked+label:after {
    color: #fff!important
}

body.dark-only .checkbox-solid-light input[type=checkbox]:checked+label:before,body.dark-only .checkbox-solid-light label:before {
    background-color: #f4f4f4!important;
    border-color: #f4f4f4!important;
    color: #fff!important
}

body.dark-only .checkbox-solid-light input[type=checkbox]:checked+label:after {
    color: #fff!important
}

body.dark-only .checkbox-solid-dark input[type=checkbox]:checked+label:before,body.dark-only .checkbox-solid-dark label:before {
    background-color: #2c323f!important;
    border-color: #2c323f!important;
    color: #fff!important
}

body.dark-only .checkbox-solid-dark input[type=checkbox]:checked+label:after {
    color: #fff!important
}

body.dark-only .checkbox-solid-warning input[type=checkbox]:checked+label:before,body.dark-only .checkbox-solid-warning label:before {
    background-color: #747dc6!important;
    border-color: #747dc6!important;
    color: #fff!important
}

body.dark-only .checkbox-solid-warning input[type=checkbox]:checked+label:after {
    color: #fff!important
}

body.dark-only .bootstrap-datetimepicker-widget ul li {
    color: hsla(0,0%,100%,.6);
    border-bottom: 1px solid #1d1e26
}

body.dark-only .bootstrap-datetimepicker-widget tr td span:hover,body.dark-only .bootstrap-datetimepicker-widget tr td.next:hover,body.dark-only .bootstrap-datetimepicker-widget tr td.prev:hover,body.dark-only .bootstrap-datetimepicker-widget tr td:hover,body.dark-only .bootstrap-datetimepicker-widget tr th span:hover,body.dark-only .bootstrap-datetimepicker-widget tr th.next:hover,body.dark-only .bootstrap-datetimepicker-widget tr th.prev:hover,body.dark-only .bootstrap-datetimepicker-widget tr th:hover,body.dark-only .bootstrap-datetimepicker-widget tr:first-child th:hover {
    background-color: #262932
}

body.dark-only .btn-transparent {
    color: hsla(0,0%,100%,.6)
}

body.dark-only #cal-basic .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,body.dark-only #cal-basic .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after,body.dark-only #cal-basic .fc-toolbar .fc-right .fc-next-button .fc-icon-right-single-arrow:after,body.dark-only #cal-basic .fc-toolbar .fc-right .fc-prev-button .fc-icon-left-single-arrow:after {
    color: #98a6ad
}

body.dark-only #cal-basic .fc-toolbar .fc-left .fc-button-group .fc-month-button {
    color: #fff!important
}

body.dark-only .fc-button-group .fc-agendaDay-button,body.dark-only .fc-button-group .fc-agendaWeek-button,body.dark-only .fc-button-group .fc-basicDay-button,body.dark-only .fc-button-group .fc-basicWeek-button {
    color: #000!important
}

body.dark-only .fc-button-group .fc-month-button {
    color: #fff!important
}

body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .btn-light,body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #000!important
}

body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button {
    color: #fff!important
}

body.dark-only #cal-agenda-view .fc-toolbar .fc-right .fc-button-group .fc-agendaWeek-button:hover,body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .btn-light,body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .btn-light,body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button,body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .btn-light,body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-basicWeek-button {
    color: #000!important
}

body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button,body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button,body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button {
    color: #fff!important
}

body.dark-only #cal-bg-events .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,body.dark-only #cal-event-colors .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover,body.dark-only .basic-calendar .fc-toolbar .fc-right .fc-button-group .fc-month-button:hover {
    color: #000!important
}

body.dark-only .categories ul li a {
    color: #98a6ad
}

body.dark-only .categories ul li:hover {
    background-color: #1d1e26
}

body.dark-only .socialprofile .likes-profile h5 span {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .filter-cards-view .comment-number i,body.dark-only .filter-cards-view p,body.dark-only .social-status .media .media-body .light-span,body.dark-only .social-status .media .media-body p,body.dark-only .social-status .media .media-body span+span,body.dark-only .socialprofile span,body.dark-only .timeline-content .comment-number i,body.dark-only .timeline-content p {
    color: #98a6ad
}

body.dark-only .filter-cards-view .comments-box .input-group .form-control,body.dark-only .timeline-content .comments-box .input-group .form-control {
    border: none!important
}

body.dark-only .filter-cards-view .comments-box .input-group .input-group-append,body.dark-only .timeline-content .comments-box .input-group .input-group-append {
    background-color: #1d1e26
}

body.dark-only .social-chat .media-body {
    border: 1px solid #1d1e26
}

body.dark-only .social-chat .media-body:after {
    border-right: 7px solid #262932
}

body.dark-only .activity-log .my-activity p,body.dark-only .details-about .your-details p,body.dark-only .social-chat span span {
    color: #98a6ad
}

body.dark-only .bookmark ul li a {
    color: hsla(0,0%,100%,.6)
}

@media screen and (max-width: 1366px) {
    body.dark-only .earning-card.card .card-body .earning-content {
        border-bottom:1px solid #374558
    }
}

@media only screen and (max-width: 991.98px) {
    body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
        border-right:1px solid #374558
    }

    body.dark-only .page-wrapper.compact-sidebar .left-header .mega-menu svg,body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu svg {
        stroke: hsla(0,0%,100%,.6)
    }
}

@media only screen and (max-width: 767.98px) {
    body.dark-only .page-wrapper.compact-sidebar .left-header .mega-menu svg,body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu svg {
        stroke:#fff
    }

    body.dark-only .page-wrapper.compact-sidebar .left-header .mega-menu .nav-link,body.dark-only .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link {
        border-left: 1px solid #374558
    }

    body.dark-only .page-wrapper.material-icon .page-header {
        background-color: #262932
    }

    body.dark-only .chart_data_left .card-body .chart-main>div:first-child,body.dark-only .chart_data_left .card-body .chart-main>div:nth-child(3) {
        border-right: 1px solid #374558
    }
}

body.dark-only .apexcharts-tooltip.light {
    border-color: #374558;
    background-color: #1d1e26
}

body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-title {
    border-color: #374558
}

body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-label,body.dark-only .apexcharts-tooltip.light .apexcharts-tooltip-text-value {
    color: #fff
}

body.dark-only .single-section .description-section.tab-section .menu-top .nav-tabs {
    background-color: #1d1e26!important
}

body.dark-only .btn-outline,body.dark-only .single-section .description-section .menu-top li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .single-section .description-section .description-details .menu-part {
    background-color: #262932
}

body.dark-only .single-section .description-section .description-details .menu-part.about .about-sec h6,body.dark-only .single-section .description-section .description-details .menu-part.about .about-sec p,body.dark-only .single-section .description-section .description-details .menu-part.about .about-sec ul li {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .dark-body {
    background-color: #1d1e26!important
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
    content: "";
    color: hsla(0,0%,100%,.6)
}

body.dark-only .order-menu .search-bar .search input {
    background-color: #1d1e26
}

body.dark-only .order-menu .search-bar .search input:focus {
    outline: none;
    border: none
}

body.dark-only .order-menu .search-bar {
    border-color: rgba(242,249,252,.122)
}

body.dark-only .order-menu .nav .nav-link {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .order-menu-section {
    border-color: rgba(242,249,252,.122)
}

body.dark-only .order-menu-section .order-section .order-items .items h5,body.dark-only .order-menu-section .order-section .order-items .items p,body.dark-only .order-menu-section .order-section .order-title h6,body.dark-only .order-menu-section .order-section h4 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .cab-single-detail {
    background-color: #262932
}

body.dark-only .cab-single-detail .description,body.dark-only .cab-single-detail .overview h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .cab-single-detail .overview ul li img {
    filter: invert(1)
}

body.dark-only .cab-single-detail .details h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .order-menu-section .order-section .order-items .items+.items {
    border-color: rgba(242,249,252,.122)
}

body.dark-only .order-menu .nav .nav .nav-link.active {
    color: #98a6ad
}

body.dark-only .order-menu .nav .nav-link.active {
    background-color: #262932
}

body.dark-only .order-menu .nav {
    background-color: #1d1e26
}

body.dark-only .single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon .facility-box img,body.dark-only .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li img,body.dark-only .single-section .description-section .description-details .menu-part.facility h6 img {
    filter: invert(1)
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body--modifay {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .single-section .description-section .description-details .menu-part .list-view .list-box {
    background-color: #1d1e26
}

body.dark-only .single-section .description-section .description-details .menu-part .list-view .list-box .list-content h5,body.dark-only .single-section .description-section .description-details .menu-part .list-view .list-box .list-content p,body.dark-only .single-section .description-section .description-details .menu-part.review .review-box h6 {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .single-section .description-section .description-details .menu-part.review .review-box+.review-box {
    border-top: 1px solid rgba(242,249,252,.122)
}

body.dark-only .single-section .description-section .description-details .menu-part.review .review-box p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .review-users:not(:last-of-type) {
    border-bottom: 1px solid rgba(242,249,252,.122)!important
}

body.dark-only .hotel_title_section .hotel-name .left-part p {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .rooms-box tr {
    background-color: #262932
}

body.dark-only .single-section .description-section .description-details .menu-part .facility h6,body.dark-only .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li,body.dark-only .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li i {
    color: hsla(0,0%,100%,.6)
}

body.dark-only .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li img {
    filter: invert(1)
}

body.dark-only .single-section .description-section .description-details .menu-part.about p,body.dark-only .single-section .description-section .description-details .menu-part.facility h6,body.dark-only .single-section .description-section .description-details .menu-part.facility ul li i,body.dark-only .single-section .description-section .description-details .menu-part.policy p {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult)
}

body.dark-sidebar .page-wrapper .sidebar-main-title p {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background-color: #262932
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active {
    background-color: rgba(74,164,217,.2)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: hsla(0,0%,100%,.6);
    font-weight: 400
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container:after {
    background-color: hsla(0,0%,100%,.2)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span,body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult)
}

body.dark-sidebar .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    background: #262932
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    background-color: #262932
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu {
    background: #262932
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a.active,body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover {
    color: var(--theme-deafult)
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container,body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu {
    background: #262932
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,body.dark-sidebar .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
    background-color: #262932;
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div {
    background: #262932
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    border-bottom: 1px solid #374558
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    background-color: #262932
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a,body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    border-bottom: 1px solid #374558
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active {
    background-color: rgba(74,164,217,.2)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active span {
    color: var(--theme-deafult)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: hsla(0,0%,100%,.6);
    font-weight: 400
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container:after {
    background-color: hsla(0,0%,100%,.2)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span,body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    color: hsla(0,0%,100%,.6)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult)
}

body.dark-sidebar .page-wrapper.compact-sidebar .page-body-wrapper .according-menu i {
    color: hsla(0,0%,100%,.6)
}

body .for-dark {
    display: none
}

body[class*=dark-] .for-dark {
    display: block
}

body[class*=dark-] .for-light {
    display: none
}

/* .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=border-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=border-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link {
    border-bottom: 1px solid rgba(74,164,217,.1);
    transition: all .3s ease
} */

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1) svg {
    color: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1):hover a svg {
    stroke: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+1):hover a:hover {
    background-color: hsla(0,0%,96%,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2) svg {
    color: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+2):hover a:hover {
    background-color: rgba(102,112,189,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3) svg {
    color: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3):hover a svg {
    stroke: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+3):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4):hover a svg {
    stroke: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+4):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+5):hover a:hover {
    background-color: rgba(74,164,217,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+6):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7) svg {
    color: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+7):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8) svg {
    color: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8):hover a svg {
    stroke: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+8):hover a:hover {
    background-color: rgba(158,101,194,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9) svg {
    color: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+9):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10) svg {
    color: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+10):hover a:hover {
    background-color: rgba(158,101,194,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+11):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12) svg {
    color: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+12):hover a:hover {
    background-color: rgba(116,125,198,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13) svg {
    color: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13):hover a svg {
    stroke: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+13):hover a:hover {
    background-color: hsla(0,0%,96%,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+14):hover a:hover {
    background-color: rgba(116,125,198,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15) svg {
    color: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+15):hover a:hover {
    background-color: rgba(74,164,217,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16) svg {
    color: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+16):hover a:hover {
    background-color: rgba(102,112,189,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+17):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18) svg {
    color: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+18):hover a:hover {
    background-color: rgba(116,125,198,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+19):hover a:hover {
    background-color: rgba(116,125,198,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20) svg {
    color: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+20):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+21):hover a:hover {
    background-color: rgba(74,164,217,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+22):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23) svg {
    color: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+23):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24) svg {
    color: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24):hover a svg {
    stroke: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+24):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+25):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26) svg {
    color: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+26):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+27):hover a:hover {
    background-color: rgba(102,112,189,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28):hover a svg {
    stroke: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+28):hover a:hover {
    background-color: rgba(102,112,189,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29) svg {
    color: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+29):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30) svg {
    color: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+30):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31) svg {
    color: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31):hover a svg {
    stroke: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+31):hover a:hover {
    background-color: rgba(102,112,189,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32):hover a svg {
    stroke: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+32):hover a:hover {
    background-color: rgba(158,101,194,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33) svg {
    color: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+33):hover a:hover {
    background-color: hsla(0,0%,96%,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34) svg {
    color: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+34):hover a:hover {
    background-color: rgba(74,164,217,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35) svg {
    color: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+35):hover a:hover {
    background-color: hsla(0,0%,96%,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+36):hover a:hover {
    background-color: rgba(116,125,198,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+37):hover a:hover {
    background-color: rgba(158,101,194,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+38):hover a:hover {
    background-color: rgba(116,125,198,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39) svg {
    color: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+39):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+40):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41) svg {
    color: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+41):hover a:hover {
    background-color: hsla(0,0%,96%,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42):hover a svg {
    stroke: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+42):hover a:hover {
    background-color: rgba(158,101,194,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43):hover a svg {
    stroke: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+43):hover a:hover {
    background-color: rgba(74,164,217,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44):hover a svg {
    stroke: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+44):hover a:hover {
    background-color: rgba(102,112,189,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+45):hover a:hover {
    background-color: hsla(0,0%,96%,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46) svg {
    color: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+46):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47) svg {
    color: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+47):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48):hover a svg {
    stroke: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+48):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49) svg {
    color: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49):hover a svg {
    stroke: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+49):hover a:hover {
    background-color: rgba(169,39,249,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50) svg {
    color: #9ba2d4!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+50):hover a:hover {
    background-color: rgba(74,164,217,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51) svg {
    color: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51):hover a svg {
    stroke: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+51):hover a:hover {
    background-color: rgba(116,125,198,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52) svg {
    color: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52):hover a svg {
    stroke: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+52):hover a:hover {
    background-color: rgba(116,125,198,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53) svg {
    color: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+53):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54):hover a svg {
    stroke: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+54):hover a:hover {
    background-color: rgba(102,112,189,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55) svg {
    color: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55):hover a svg {
    stroke: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+55):hover a:hover {
    background-color: rgba(158,101,194,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56) svg {
    color: #c19cd8!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56):hover a svg {
    stroke: #f58585!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+56):hover a:hover {
    background-color: hsla(0,0%,96%,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57) svg {
    color: #89c4e6!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+57):hover a:hover {
    background-color: rgba(158,101,194,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58):hover a svg {
    stroke: #aab0dc!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+58):hover a:hover {
    background-color: rgba(102,112,189,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59):hover a svg {
    stroke: #c771fb!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+59):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60) svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60) svg {
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60):hover a svg,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60):hover a svg {
    stroke: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60):hover a:hover,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper[sidebar-layout=iconcolor-sidebar] .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:nth-child(7n+60):hover a:hover {
    background-color: rgba(239,63,62,.15)!important
}

.customizer-links {
    position: fixed;
    right: 0;
    top: 50%;
    margin-right: -8px;
    z-index: 3;
    transform: translateY(-50%) rotate(90deg);
    box-shadow: 0 0 37px rgba(8,21,66,.2);
    border-radius: 5px
}

.customizer-links .rtl-btn {
    background-color: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    color: #4aa4d9
}

.customizer-links>.nav {
    border-radius: 8px;
    padding: 10px;
    background-color: #fff
}

.customizer-links.open {
    right: 330px;
    border-radius: 8px 0 0 8px;
    transition: all .3s ease
}

.customizer-links .nav-link {
    padding: 0;
    position: relative
}

.customizer-links .nav-link:before {
    height: 100%;
    width: 100%;
    background-color: rgba(115,102,255,.1);
    border-radius: 5px
}

.customizer-links .nav-link:after,.customizer-links .nav-link:before {
    content: "";
    position: absolute;
    transform: scale(0);
    transition: all .3s ease
}

.customizer-links .nav-link:after {
    width: 0;
    height: 0;
    top: 12px;
    border-color: transparent transparent transparent #b3d9ef;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    opacity: 0;
    color: #fff;
    left: -10px;
    z-index: 2
}

.customizer-links .nav-link:hover i {
    color: var(--theme-deafult)
}

.customizer-links .nav-link:hover span,.customizer-links .nav-link:hover:after,.customizer-links .nav-link:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease
}

.customizer-links .nav-link:hover span {
    right: 48px
}

.customizer-links .nav-link+.nav-link {
    margin-bottom: 5px
}

.customizer-links .nav-link span {
    position: absolute;
    right: -60px;
    width: max-content;
    text-align: right;
    padding: 7px 10px;
    display: block;
    top: 0;
    border-radius: 5px;
    transform: scale(0);
    transition: all .3s ease;
    opacity: 0;
    color: var(--theme-deafult);
    background-color: #b3d9ef;
    box-shadow: 0 0 37px rgba(8,21,66,.1)
}

.customizer-links .nav-link i {
    font-size: 17px;
    padding: 8px 10px;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    color: gray;
    border-radius: 5px
}

.customizer-contain {
    direction: ltr;
    position: fixed;
    height: 100vh;
    top: 82px;
    width: 333px;
    right: -335px;
    background-color: #fff;
    z-index: 8;
    transition: all .3s ease
}

.customizer-contain.open {
    right: 0;
    transition: all .3s ease;
    box-shadow: 0 0 10px 1px rgba(68,102,242,.05)
}

.customizer-contain li {
    position: relative
}

.customizer-contain li.active {
    box-shadow: 0 0 11px 5px hsla(0,0%,89%,.5)
}

.customizer-contain h6 {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .5px;
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 10px
}

.customizer-contain .customizer-header {
    padding: 15px 25px;
    border-bottom: 1px solid #f4f4f4
}

.customizer-contain .customizer-header .icon-close {
    position: absolute;
    font-size: 18px;
    cursor: pointer;
    font-weight: 900;
    right: 24px;
    color: var(--theme-deafult)
}

.customizer-contain .customizer-header h5 {
    font-weight: 700;
    text-transform: uppercase
}

.customizer-contain .customizer-body {
    padding: 15px 25px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll
}

.customizer-contain .customizer-body .fade:not(.show) {
    display: none
}

.customizer-contain .customizer-body .unlimited-color-layout {
    display: flex;
    align-items: center
}

.customizer-contain .customizer-body .unlimited-color-layout .btn {
    font-size: 15px;
    padding: 4px 20px
}

.customizer-contain .customizer-body .unlimited-color-layout input {
    border: 1px solid #ccc;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    background-color: #fff;
    margin-right: 5px
}

.customizer-contain .customizer-body .layout-grid.customizer-mix .color-layout {
    height: 70px;
    width: 80px;
    border: 1px solid #f6f7fb;
    border-radius: 5px
}

.customizer-contain .customizer-body .tab-pane>h6:first-child {
    padding-top: 0;
    margin-top: 0
}

.customizer-contain .customizer-body li {
    cursor: pointer;
    opacity: .9
}

.customizer-contain .customizer-body li.active {
    opacity: 1
}

.customizer-contain .customizer-body .color-layout {
    height: 35px;
    width: 35px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #b8b8b8;
    padding: 3px
}

.customizer-contain .customizer-body .color-layout>div {
    background-color: #7366ff;
    height: 100%;
    width: 100%;
    border-radius: 5px
}

.customizer-contain .customizer-body .color-layout[data-attr=color-2] div {
    background-color: #4831d4
}

.customizer-contain .customizer-body .color-layout[data-attr=color-3] div {
    background-color: #d64dcf
}

.customizer-contain .customizer-body .color-layout[data-attr=color-4] div {
    background-color: #4c2fbf
}

.customizer-contain .customizer-body .color-layout[data-attr=color-5] div {
    background-color: #7c4dff
}

.customizer-contain .customizer-body .color-layout[data-attr=color-6] div {
    background-color: #3949ab
}

.customizer-contain .customizer-body .dark>li {
    background-color: #2f3c4e
}

.customizer-contain .customizer-body .main-layout>li {
    height: 65px;
    width: 85px;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    display: inline-block
}

.customizer-contain .customizer-body .main-layout>li+li {
    margin-left: 7px
}

.customizer-contain .customizer-body .main-layout .box-layout .body .badge {
    left: -14px
}

.customizer-contain .customizer-body .sidebar-setting>li,.customizer-contain .customizer-body .sidebar-type>li {
    height: 70px;
    width: 85px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    display: inline-block
}

.customizer-contain .customizer-body .sidebar-setting>li+li,.customizer-contain .customizer-body .sidebar-type>li+li {
    margin-left: 7px
}

.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.bg-dark,.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.sidebar {
    width: 100%;
    height: 10px;
    display: block
}

.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.bg-light,.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar] .body ul li.body {
    height: calc(100% - 10px);
    width: 100%
}

.customizer-contain .customizer-body .sidebar-type li[data-attr=normal-sidebar].body-compact .body ul li.body {
    width: calc(100% - 25px)
}

.customizer-contain .customizer-body .layout-types {
    margin-bottom: -30px
}

.customizer-contain .customizer-body .layout-types>li {
    display: block;
    width: unset;
    height: unset;
    margin-bottom: 30px
}

.customizer-contain .customizer-body .layout-types>li .layout-img h6 {
    padding-top: 0;
    text-transform: inherit;
    text-align: center
}

.customizer-contain .customizer-body .layout-types .box-layout {
    background: unset
}

.layout-grid:not(.customizer-color) li {
    padding: 5px
}

.layout-grid:not(.customizer-color) li>.header {
    height: 9px;
    border-radius: 3px;
    position: relative
}

.layout-grid:not(.customizer-color) li>.header ul {
    position: absolute;
    top: -8px;
    left: 5px
}

.layout-grid:not(.customizer-color) li>.header ul>li {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    top: calc(50% - 3px);
    background-color: var(--theme-deafult);
    margin-right: 2px;
    padding: 0
}

.layout-grid:not(.customizer-color) li>.header ul>li:nth-child(2) {
    background-color: var(--theme-secondary)
}

.layout-grid:not(.customizer-color) li>.header ul>li:nth-child(3) {
    background-color: #9e65c2
}

.layout-grid:not(.customizer-color) li>.body {
    background-color: #f4f4f4;
    height: calc(100% - 16px);
    border-radius: 3px;
    position: relative;
    margin-top: 5px;
    text-align: center;
    line-height: 3.1
}

.layout-grid:not(.customizer-color) li>.body ul {
    height: 100%;
    background-color: #fff
}

.layout-grid:not(.customizer-color) li>.body ul .sidebar {
    width: 18px;
    height: 100%;
    border-radius: 3px;
    display: inline-block;
    margin-right: 3px;
    padding: 0
}

.layout-grid:not(.customizer-color) li>.body ul .sidebar.compact {
    width: 12px
}

.layout-grid:not(.customizer-color) li>.body ul .sidebar.compact~.body {
    width: calc(100% - 19px)
}

.layout-grid:not(.customizer-color) li>.body ul .body {
    width: calc(100% - 25px);
    padding: 0;
    margin: 0;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px
}

.layout-grid:not(.customizer-color) li>.body ul .body .badge {
    position: absolute
}

.jsgrid-filter-row input,.jsgrid-filter-row select {
    padding: 6px 10px;
    border: 1px solid #f2f4ff;
    background: #fff
}

.popover {
    background-color: #fff;
    border: none;
    box-shadow: 0 0 20px rgba(74,164,217,.1)
}

.popover .popover-header {
    background-color: #eae8ff;
    color: #4aa4d9;
    border-bottom: none
}

.popover .popover-body {
    color: rgba(43,43,43,.7)
}

.tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #eae8ff
}

.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #eae8ff;
    border-top-color: transparent
}

.tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #eae8ff;
    border-top-color: transparent
}

.tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #eae8ff;
    border-top-color: transparent
}

.tooltip .tooltip-inner {
    background-color: #eae8ff;
    color: #4aa4d9
}

.tooltip .tooltip-arrow:before {
    border-top-color: #eae8ff
}

.dropdown-basic .dropdown .dropdown-content a {
    padding: 6px 16px;
    color: #2b2b2b;
    opacity: .6;
    font-size: 13px;
    border-top: 1px solid #efefef;
    background: #fff
}

.dropdown-basic .dropdown .dropdown-content a:hover {
    background-color: #fff
}

.dropdown-basic .dropdown .dropdown-content .dropdown-header {
    padding: 8px 16px;
    font-weight: 400;
    color: #2c323f;
    font-size: 13px
}

.dropdown-basic .dropup .dropup-content {
    top: auto
}

.default-according .card .card-header {
    padding: 0;
    border: none;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.default-according .card .card-header.bg-primary .btn,.default-according .card .card-header.bg-secondary .btn {
    border-color: transparent
}

.default-according .card .card-header i {
    position: static;
    font-size: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px
}

.default-according .card .card-header h5 {
    margin-top: 0
}

.default-according .card .card-header .btn-link {
    padding: 12px 20px;
    width: 100%;
    text-align: left;
    letter-spacing: .7px;
    font-family: Roboto;
    border: 1px solid #efefef;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.default-according .card .card-body {
    padding: 15px 20px;
    line-height: 22px;
    font-size: 13px;
    border-color: #efefef;
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #2c323f
}

.nav-tabs {
    border-bottom-color: #efefef
}

.nav-tabs .nav-bottom .nav-item .nav-link.active {
    border-color: #efefef
}

.nav-tabs .nav-item.show .nav-link {
    font-weight: 500
}

.nav-tabs .nav-link {
    color: #2c323f
}

.nav-tabs .nav-link.active {
    font-weight: 500
}

.nav-tabs.nav-bottom .nav-item .nav-link.active {
    border-color: #ecf3fa #ecf3fa #fff
}

.dropdown-menu {
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    border: none;
    padding: 0
}

.dropdown-menu .dropdown-item {
    color: #2b2b2b;
    opacity: .6;
    font-size: 13px;
    padding: 6px 12px;
    border-top: 1px solid #efefef;
    background: #fff
}

.dropdown-menu .dropdown-item:hover {
    background-color: #fff
}

.dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: 1px solid #ccc
}

.border-tab .nav-tabs .nav-item .nav-link.active,.border-tab .nav-tabs .nav-item .nav-link.show,.border-tab .nav-tabs .nav-item .nav-link:focus {
    border-bottom: 2px solid #4aa4d9
}

.tabbed-card .nav-tabs .nav-item .nav-link {
    top: 17px
}

.timeliny .timeliny-dot:before {
    font-size: 18px
}

.form-builder-2-header,.form-builder-header-1 {
    background-color: #f7f6ff
}

.form-builder-2-header .nav-primary .nav-link,.form-builder-header-1 .nav-primary .nav-link {
    color: #2c323f;
    font-weight: 400
}

.form-builder-2-header .nav-primary .nav-link.active,.form-builder-header-1 .nav-primary .nav-link.active {
    color: #fff
}

.form-builder-2-header h6,.form-builder-header-1 h6 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: 36px
}

.component .input-group .btn {
    line-height: 32px;
    text-transform: capitalize
}

.form-builder .drag-box fieldset {
    margin-top: 0
}

.login-card .login-main .theme-form label {
    font-size: 14px
}

.login-card .login-main .theme-form .show-hide {
    top: 50%
}

.faq-accordion .card .btn-link svg {
    margin-left: 20px
}

.job-filter .faq-form .form-control {
    font-size: 14px
}

.job-filter .faq-form .search-icon {
    width: 16px;
    height: 16px
}

.accordion-button:focus {
    box-shadow: none
}

#bar-chart-earning .apexcharts-canvas .apexcharts-legend {
    bottom: -2px!important
}

.dzu-dropzone {
    background-color: #f2f9fc;
    border: 2px dashed #ced4da;
    overflow: unset
}

.dzu-dropzone .dzu-inputLabel {
    color: #242934
}

.rbt-token {
    background-color: var(--theme-deafult);
    color: #fff;
    font-size: 14px;
    border-radius: 0
}

.rbt-input-multi {
    background-color: #f2f9fc;
    border: 1px solid #efefef;
    display: block;
    padding: 13px 10px;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text
}

.custom-map svg {
    fill: var(--theme-deafult);
    height: 390px;
    width: 100%
}

.btn-theme:hover {
    background-color: var(--theme-deafult);
    color: #fff
}

.input-group .react-datepicker-wrapper {
    min-width: 100%
}

.input-group .input-group-text {
    position: absolute;
    right: 0;
    height: 100%
}

.input-group .rc-time-picker {
    width: 100%
}

.input-group .rc-time-picker .rc-time-picker-input {
    padding: 24px 20px
}

.input-group .rc-time-picker .rc-time-picker-clear {
    top: 11px;
    right: 10px
}

.input-group .rc-time-picker .rc-time-picker-clear .rc-time-picker-clear-icon:after {
    font-size: 23px
}

.react-datepicker-popper .react-datepicker .react-datepicker__triangle {
    left: -19px!important
}

.react-datepicker-popper .react-datepicker .react-datepicker__navigation-icon {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: var(--theme-deafult);
    right: -2px
}

.react-datepicker-popper .react-datepicker .react-datepicker__navigation-icon:before {
    right: 8px;
    top: 8px;
    border-width: 2px 2px 0 0;
    width: 7px;
    height: 7px;
    border-color: #fff
}

.react-datepicker-popper .react-datepicker .react-datepicker__navigation-icon--next:before {
    left: 6px
}

.react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__current-month {
    color: var(--theme-deafult)
}

.react-datepicker-popper .react-datepicker .day--selected:hover {
    background-color: var(--theme-deafult)
}

.theme-form .dropzone-container {
    background: unset;
    background-color: rgba(74,164,217,.05)
}

.footer {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    padding: 15px;
    bottom: 0;
    left: 0;
    margin-left: 280px;
    transition: .5s
}

.footer.footer-dark {
    background-color: #242934
}

.footer.footer-dark p {
    color: #fff
}

.footer-fix {
    width: calc(100% - 280px);
    position: fixed
}

.grid-showcase {
    margin-bottom: -10px
}

.grid-showcase span {
    display: block;
    border: 1px solid #f4f4f4;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #fff
}

.grid-align {
    margin-bottom: -30px
}

.grid-align .row {
    padding: 15px 0;
    min-height: 10rem;
    border: 1px solid rgba(74,164,217,.02);
    margin-bottom: 30px;
    background-color: rgba(74,164,217,.02)
}

.offcanvas .page-wrapper .page-body-wrapper .page-body,.offcanvas-bookmark .page-wrapper .page-body-wrapper .page-body {
    position: relative;
    filter: blur(5px) grayscale(100%)
}

.header-title {
    font-size: calc(16px + 7*(100vw - 320px)/1600)
}

.toggle-sidebar {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer
}

.toggle-sidebar svg {
    width: 20px;
    height: 20px
}

.toggle-sidebar:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgba(74,164,217,.1);
    border-radius: 100%;
    left: -11px;
    z-index: -2;
    top: -8px;
    transform: scale(0);
    transition: all .3s ease
}

.toggle-sidebar:hover:before {
    height: 40px;
    width: 40px;
    transform: scale(1);
    transition: all .3s ease
}

.toggle-sidebar:hover>svg {
    color: var(--theme-deafult)!important;
    stroke: var(--theme-deafult)!important
}

.onhover-dropdown {
    cursor: pointer;
    position: relative
}

.onhover-show-div {
    top: 80px;
    position: absolute;
    z-index: 8;
    background-color: #fff;
    transition: all .3s linear
}

.onhover-show-div li a svg {
    margin-top: 0!important
}

.onhover-show-div li a svg line,.onhover-show-div li a svg path {
    color: #2b2b2b!important
}

.left-header .level-menu .nav-link {
    display: inline-block;
    border-radius: 5px;
    background-color: rgba(239,63,62,.002);
    transition: all .3s ease;
    color: var(--theme-secondary);
    margin-left: 10px
}

.left-header .level-menu .nav-link.active {
    background-color: var(--theme-secondary);
    color: #fff;
    transition: all .3s ease
}

.left-header .level-menu .nav-link.active svg {
    stroke: #fff
}

.left-header .level-menu .nav-link svg {
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    stroke: var(--theme-secondary)
}

.left-header .level-menu .header-level-menu {
    position: absolute;
    top: 59px;
    background-color: #fff;
    border-radius: 5px;
    width: 180px;
    height: 0;
    padding: .7rem .5rem;
    box-shadow: 0 0 37px rgba(8,21,66,.1);
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    display: block!important;
    transition: all .2s ease-in-out
}

.left-header .level-menu .header-level-menu.show {
    opacity: 1;
    visibility: visible;
    height: 225px
}

.left-header .level-menu .header-level-menu li {
    padding: .5rem 1rem;
    width: 100%;
    transition: all .3s ease
}

.left-header .level-menu .header-level-menu li:hover {
    background-color: rgba(74,164,217,.1);
    border-radius: 5px;
    transition: all .3s ease
}

.left-header .level-menu .header-level-menu li:hover>a>span {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.left-header .level-menu .header-level-menu li:hover>a>svg {
    stroke: var(--theme-deafult);
    transition: all .3s ease
}

.left-header .level-menu .header-level-menu>li {
    position: relative;
    width: 100%
}

.left-header .level-menu .header-level-menu>li:hover .header-level-sub-menu {
    opacity: 1;
    box-shadow: 0 0 37px rgba(8,21,66,.1);
    animation: fadeInLeft .3s ease-in-out
}

.left-header .level-menu .header-level-menu>li a {
    color: #2c323f
}

.left-header .level-menu .header-level-menu>li svg {
    width: 16px;
    vertical-align: middle;
    margin-right: 5px;
    stroke: #2c323f
}

.left-header .level-menu .header-level-menu>li span {
    vertical-align: middle
}

.left-header .level-menu .header-level-menu>li>.header-level-sub-menu {
    position: absolute;
    padding: .7rem .5rem;
    left: 173px;
    z-index: 9;
    background-color: #fff;
    width: 170px;
    border-radius: 5px;
    top: 0;
    opacity: 0;
    animation: fadeInLeft .3s ease-in-out
}

.left-header .mega-menu .nav-link {
    display: inline-block;
    border-radius: 5px;
    background-color: rgba(74,164,217,.001);
    transition: all .3s ease
}

.left-header .mega-menu .nav-link.active {
    transition: all .3s ease;
    color: #fff;
    background-color: var(--theme-deafult)
}

.left-header .mega-menu .nav-link .according-menu {
    display: none
}

.left-header .mega-menu .nav-link svg {
    height: 18px;
    margin-right: 5px;
    vertical-align: middle
}

.left-header .mega-menu-container {
    min-width: 1100px;
    position: absolute;
    width: calc(100vw - 800px);
    height: 0;
    border-radius: 0;
    background-color: #fff;
    top: 59px;
    left: -30px;
    border-top: 1px solid #efefef;
    padding-bottom: 20px;
    padding-top: 10px;
    padding-left: 20px;
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    opacity: 0;
    visibility: hidden;
    display: block!important;
    transition: all .2s ease-in-out
}

.left-header .mega-menu-container.show {
    opacity: 1;
    visibility: visible;
    height: 300px
}

.left-header .mega-menu-container .link-section>div h6 {
    margin-top: 20px
}

.left-header .mega-menu-container .link-section li {
    width: 100%;
    padding: 7px 0 7px 15px
}

.left-header .mega-menu-container .link-section li a {
    transition: all .3s ease
}

.left-header .mega-menu-container .link-section li:hover a {
    color: var(--theme-deafult);
    letter-spacing: 1.5px;
    transition: all .3s ease
}

.left-header .mega-menu-container .mega-box+.mega-box {
    padding-left: 30px;
    border-left: 1px solid #efefef
}

.left-header .mega-menu-container .mega-box .doted li {
    position: relative
}

.left-header .mega-menu-container .mega-box .doted li:hover:before {
    background-color: var(--theme-deafult);
    transition: all .3s ease
}

.left-header .mega-menu-container .mega-box .doted li:before {
    content: "";
    position: absolute;
    top: 15px;
    height: 5px;
    width: 5px;
    background-color: #999;
    left: 0;
    border-radius: 100%;
    transition: all .3s ease
}

.left-header .mega-menu-container .mega-box .dashed-links li {
    position: relative
}

.left-header .mega-menu-container .mega-box .dashed-links li:hover:before {
    background-color: var(--theme-deafult);
    transition: all .3s ease
}

.left-header .mega-menu-container .mega-box .dashed-links li:before {
    content: "";
    position: absolute;
    top: 16px;
    height: 2px;
    width: 6px;
    background-color: #999;
    left: 0
}

.left-header .mega-menu-container .mega-box .icon li {
    position: relative
}

.left-header .mega-menu-container .mega-box .icon li:hover:before {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.left-header .mega-menu-container .mega-box .icon li:before {
    content: "";
    font-family: fontawesome;
    position: absolute;
    top: 7px;
    left: 0
}

.left-header .mega-menu-container .mega-box .svg-icon~div h6 {
    margin-top: 10px;
    margin-bottom: 5px
}

.left-header .mega-menu-container .mega-box .svg-icon li {
    padding-left: 0
}

.left-header .mega-menu-container .mega-box .svg-icon li:hover:before {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.left-header .mega-menu-container .mega-box .svg-icon li a svg {
    width: 16px;
    margin-right: 5px;
    vertical-align: middle
}

.left-header .mega-menu-container .submenu-title {
    margin-top: 20px;
    margin-left: 20px
}

.left-header .mega-menu-container .according-menu {
    display: none
}

.left-header .horizontal-menu li {
    display: inline-block
}

.mega-menu .default-according .card .btn-link {
    font-weight: 500;
    color: gray
}

.mega-menu .default-according .card .card-body {
    font-size: 12px
}

.mega-menu .onhover-show-div {
    width: 1500px
}

.mega-menu .card-body {
    padding: 20px
}

.mega-menu div>div a {
    margin-bottom: 0;
    display: inline-block;
    color: rgba(43,43,43,.7)
}

.mega-menu .list-unstyled div a {
    padding: 8px 35px 8px 0;
    transition: .5s
}

.mega-menu .list-unstyled div a:hover {
    padding: 8px 35px 8px 10px;
    transition: .5s
}

#accordionoc #collapseicon,#accordionoc #collapseicon1 {
    padding-top: 0
}

#accordionoc li button {
    display: flex;
    align-items: center
}

.navs-icon.default-according.style-1 li button {
    position: relative
}

.navs-icon.default-according.style-1 li button:hover {
    color: var(--theme-deafult)!important
}

.navs-icon.default-according.style-1 li button[aria-expanded=false]:before,.navs-icon.default-according.style-1 li button[aria-expanded=true]:before {
    right: 2px;
    top: 6px
}

.navs-icon {
    padding: 30px
}

.navs-icon li {
    padding: 9px 0
}

.navs-icon li a {
    color: #2b2b2b
}

.navs-icon li a:hover {
    color: var(--theme-deafult)
}

.navs-icon li ul {
    padding-top: 9px
}

.onhover-dropdown.navs-dropdown:hover .onhover-show-div:after,.onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
    right: 77px;
    left: unset
}

.icon-lists {
    font-family: Rubik,sans-serif
}

.pl-navs-inline {
    padding-left: 30px!important
}

.inline-nav li {
    line-height: 1.3
}

.search-page .theme-form input {
    border: 1px solid var(--theme-deafult);
    padding-left: 20px;
    border-radius: 10px 0 0 10px;
    flex: 1 1 auto
}

.search-page .theme-form input::placeholder {
    color: #4aa4d9
}

.search-page .theme-form input:focus {
    outline: none
}

.search-page .theme-form .input-group .btn {
    line-height: 32px;
    font-size: 16px
}

.search-page .theme-form .input-group .form-control-plaintext {
    background: transparent
}

.search-page h6 {
    line-height: 1.4
}

.search-page .nav-link {
    font-weight: 500;
    text-transform: uppercase
}

.search-page .border-tab.nav-tabs .material-border {
    border-bottom-width: 1px
}

.search-page .border-tab.nav-tabs .nav-item .nav-link {
    font-size: 15px;
    padding: 10px 18px
}

.search-page .media .media-body {
    overflow: hidden
}

.search-page .info-block {
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #f4f4f4
}

.search-page .info-block a {
    color: #656565;
    margin-bottom: 3px;
    display: block
}

.search-page .info-block h6 {
    color: #4aa4d9
}

.search-page .info-block+.info-block {
    margin-top: 20px
}

.search-page .border-tab.nav-tabs {
    align-items: left;
    justify-content: flex-end
}

.search-page .border-tab.nav-tabs .nav-item {
    width: auto
}

.search-page .search-links h6 {
    margin-bottom: 10px
}

.search-page p {
    text-transform: lowercase;
    margin-bottom: 0;
    color: #a5a2a2
}

.search-page ul.search-info li {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: #586082
}

.search-page ul.search-info li+li {
    border-left: 1px solid #a8b0c2;
    padding-left: 8px;
    margin-left: 8px
}

.search-page ul.search-info li i {
    color: #747dc6
}

.search-page ul.search-info li i:not(:last-child) {
    margin-right: 4px
}

.search-page #video-links .embed-responsive+.embed-responsive {
    margin-top: 30px
}

.search-list {
    margin-bottom: 30px;
    width: auto;
    display: inline-flex;
    border-radius: 10px;
    overflow: hidden;
    border: none
}

.search-list .nav-item {
    background-color: rgba(74,164,217,.1)
}

.search-list .nav-item .nav-link {
    border: none;
    padding: .7rem 1.5rem;
    opacity: .5
}

.search-list .nav-item .nav-link.active {
    background-color: rgba(74,164,217,.1);
    color: var(--theme-deafult);
    opacity: 1
}

.search-list .nav-item.active,.search-list .nav-item.show {
    background-color: rgba(74,164,217,.1)
}

.select2 {
    max-width: 100%
}

.add-post #cke_text-box {
    border: 1px solid #efefef
}

.add-post form .m-checkbox-inline label {
    margin-bottom: 0
}

.add-post form .form-control {
    border: 1px solid #efefef
}

.add-post form .col-form-label {
    padding-bottom: 0;
    padding-top: 0
}

.add-post form .col-form-label .select2-container--default {
    margin-top: 10px;
    max-width: 100%
}

.add-post form .col-form-label .select2-container--default .selection .select2-selection .select2-search__field {
    padding: 2px
}

.add-post form .col-form-label .select2-container--default .select2-selection--multiple {
    border: 1px solid #efefef;
    max-width: 100%
}

.add-post form .col-form-label .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin-top: 6px!important
}

.add-post .dropzone {
    margin-bottom: 30px
}

.select2-container--open .select2-dropdown {
    z-index: 7
}

.select2-container {
    width: 100%!important
}

.select2-drpdwn .select2-selection {
    border-radius: 0!important;
    border-color: #f4f4f4!important;
    height: 40px!important;
    padding: 5px
}

.select2-drpdwn .form-control {
    border-radius: 5px
}

.select2-drpdwn .form-control-primary {
    border-color: var(--theme-deafult);
    color: var(--theme-deafult)
}

.select2-drpdwn .form-control-secondary {
    border-color: var(--theme-secondary);
    color: var(--theme-secondary)
}

.select2-drpdwn .form-control-success {
    border-color: #9e65c2;
    color: #9e65c2
}

.select2-drpdwn .form-control-info {
    border-color: #a927f9;
    color: #a927f9
}

.select2-drpdwn .form-control-warning {
    border-color: #747dc6;
    color: #747dc6
}

.select2-drpdwn .form-control-danger {
    border-color: #6670bd;
    color: #6670bd
}

.select2-drpdwn .form-control-inverse {
    border-color: #2c323f;
    color: #2c323f
}

.select2-drpdwn .form-control-primary-fill {
    background-color: var(--theme-deafult);
    color: #fff
}

.select2-drpdwn .form-control-secondary-fill {
    background-color: var(--theme-secondary);
    color: #fff
}

.select2-drpdwn .form-control-success-fill {
    background-color: #9e65c2;
    color: #fff
}

.select2-drpdwn .form-control-info-fill {
    background-color: #a927f9;
    color: #fff
}

.select2-drpdwn .form-control-warning-fill {
    background-color: #747dc6;
    color: #fff
}

.select2-drpdwn .form-control-danger-fill {
    background-color: #6670bd;
    color: #fff
}

.select2-drpdwn .form-control-inverse-fill {
    background-color: #2c323f;
    color: #fff
}

.selection .select2-selection {
    border-radius: 5px!important
}

.selection .select2-selection .select2-search__field {
    margin-top: 0;
    padding: 3px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    padding: 2px 6px!important;
    margin-top: 0!important;
    background-color: var(--theme-deafult)!important;
    border-color: #2a8cc6!important;
    color: #fff;
    margin-right: 8px!important
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff!important;
    float: right;
    margin-left: .5rem
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #e0e0e0!important;
    color: #424242!important
}

.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: var(--theme-deafult)!important;
    color: #fff!important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px!important;
    right: 10px!important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 2px 6px!important;
    margin-top: 0!important;
    background-color: var(--theme-deafult)!important;
    border-color: #2a8cc6!important;
    color: #fff;
    margin-right: 8px!important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff!important;
    float: right;
    margin-left: .5rem
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e0e0e0!important;
    color: #424242!important
}

.select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: var(--theme-deafult)!important;
    color: #fff!important
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5:after,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:after {
    position: absolute;
    content: "";
    top: 48%;
    width: 6px;
    border-top: 2px solid #595c60
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:after {
    position: absolute;
    content: "";
    top: 49%;
    width: 5px;
    height: 1px;
    border-radius: 100%;
    background-color: #59667a
}

.onhover-show-div {
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    left: 0
}

.onhover-dropdown:hover .onhover-show-div {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    border-radius: 5px;
    overflow: hidden
}

.onhover-dropdown:hover .onhover-show-div:before {
    border-bottom: 7px solid #fff;
    z-index: 2
}

.onhover-dropdown:hover .onhover-show-div:after,.onhover-dropdown:hover .onhover-show-div:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    top: -7px;
    position: absolute;
    left: 10px
}

.onhover-dropdown:hover .onhover-show-div:after {
    border-bottom: 7px solid #d7e2e9;
    z-index: 1
}

.page-wrapper {
    position: relative
}

.page-wrapper .page-header {
    max-width: 100vw;
    position: fixed;
    top: 0;
    z-index: 5;
    transition: .5s;
    height: 90px;
     background-color: #fff; 
     box-shadow: 0 0 20px rgba(89,102,122,.1) 
}

.page-wrapper .page-header .header-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    /* padding: 22px 30px; */
    padding:  0px 2px;
    position: relative
}

.page-wrapper .page-header .header-wrapper .search-full {
    position: relative;
    z-index: 1;
    height: auto;
    flex: 1 0 23%;
    transition: all .3s ease
}

.page-wrapper .page-header .header-wrapper .search-full.open {
    display: block;
    height: 100%;
    width: 100%;
    animation: zoomIn .5s ease-in-out;
    transform: scale(1);
    transition: all .3s ease
}

.page-wrapper .page-header .header-wrapper .search-full input {
    font-size: 16px;
    line-height: 40px;
    padding-left: 60px;
    width: 100%!important;
    background-color: #f2f9fc;
    border-radius: 10px
}

.page-wrapper .page-header .header-wrapper .search-full input:focus {
    outline: none!important
}

.page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    position: absolute;
    font-size: 15px;
    right: 20px;
    width: 18px;
    height: 25px;
    top: 30px;
    display: none;
    color: #898989;
    cursor: pointer
}

.page-wrapper .page-header .header-wrapper .search-full .form-group:before {
    position: absolute;
    left: 50px;
    top: 50%;
    z-index: 1;
    cursor: pointer;
    transform: translate(-50%,-50%);
    content: "";
    font-size: 16px;
    color: #898989;
    font-family: FontAwesome
}

.page-wrapper .page-header .header-wrapper .nav-right {
    justify-content: flex-end
}

.page-wrapper .page-header .header-wrapper .nav-right ul li svg {
    vertical-align: middle;
    width: 20px
}

.page-wrapper .page-header .header-wrapper .nav-right ul li svg path {
    color: #242934
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode {
    cursor: pointer;
    width: 20px;
    text-align: center
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i {
    font-size: 21px;
    font-weight: 200;
    transition: all .3s ease
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode i.fa-lightbulb-o {
    font-weight: 500;
    font-size: 22px;
    transition: all .3s ease;
    animation: zoomIn .3s ease-in-out
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .header-search {
    cursor: pointer;
    display: none
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
    margin-left: 15px
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body span {
    font-weight: 600;
    font-size: 15px;
    color: inherit
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
    font-size: 12px;
    line-height: 1;
    color: rgba(43,43,43,.7)
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .user-profile {
    width: 40px;
    height: 40px;
    object-fit: cover
}

.page-wrapper .page-header .header-wrapper .nav-right>ul {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.page-wrapper .page-header .header-wrapper .nav-right>ul>li {
    padding: 6px 10px;
    margin-right: 5px;
    font-size: 18px;
    display: inline-block;
    position: relative
}

.page-wrapper .page-header .header-wrapper .nav-right>ul>li .badge {
    position: absolute;
    right: -5px;
    top: -6px;
    padding: 2px 4px;
    font-size: 11px;
    font-weight: 700;
    font-family: Nunito,sans-serif
}

.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul {
    left: inherit;
    right: -10px;
    width: 130px
}

.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul:after,.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul:before {
    left: inherit;
    right: 10px
}

.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul li {
    display: block
}

.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul li a {
    font-size: 14px;
    color: #2c323f
}

.page-wrapper .page-header .header-wrapper .nav-right>ul>li span ul li a i {
    margin-left: 10px;
    font-size: 13px;
    color: #2c323f
}

.page-wrapper .page-header .header-wrapper .nav-right>ul .flag-icon {
    font-size: 16px
}

.page-wrapper .page-header .header-wrapper .nav-right .bookmark-flip {
    width: unset!important;
    box-shadow: unset!important;
    background-color: transparent!important;
    overflow: initial
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card {
    width: 220px;
    height: 245px;
    background-color: transparent
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner {
    position: relative;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back,.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(89,102,122,.1);
    width: 220px;
    height: 240px
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button,.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button {
    background-color: transparent;
    color: #4aa4d9;
    border: none
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button:focus,.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front button:focus {
    outline: transparent
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front {
    background-color: #fff;
    transition: .3s
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg {
    margin-bottom: 15px;
    stroke: #2c323f;
    transition: all .3s ease
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .front svg:hover {
    stroke: var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back {
    background-color: #fff;
    transform: rotateY(180deg)
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:first-child {
    margin-top: 20px;
    height: 160px!important
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back li:last-child {
    padding: 20px 0;
    border-top: 1px solid #ddd
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back button {
    width: 100%
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner .back .flip-back-content input {
    border-radius: 25px;
    padding: 6px 12px;
    width: 100%;
    border: 1px solid #ddd
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped {
    transform: rotateY(180deg)
}

.page-wrapper .page-header .header-wrapper .nav-right .flip-card .flip-card-inner.flipped .front {
    opacity: 0
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child {
    padding: 20px;
    background-color: #4aa4d9;
    color: #fff;
    font-weight: 600!important
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child svg {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    opacity: .05
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
    width: 330px;
    top: 50px;
    font-size: 16px;
    right: 0;
    left: unset
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li {
    padding: 0 20px 0 17px
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li h6 {
    font-weight: 700
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li p {
    opacity: .6
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li+li {
    padding-top: 15px;
    padding-bottom: 0;
    border-top: 1px solid #f5f5f5
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li:last-child {
    padding-bottom: 15px
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media {
    position: relative
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media img {
    width: 40px;
    position: relative
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .status-circle {
    left: -4px
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body>span {
    letter-spacing: .8px;
    padding-right: 10px;
    font-weight: 500;
    color: inherit;
    display: inline-block
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body p {
    margin-bottom: 15px
}

.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:after,.page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:before {
    right: 10px!important;
    left: unset!important
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-box {
    position: relative
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-box svg {
    animation: tada 1.5s ease infinite
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-box {
    position: relative
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-box svg {
    animation: swing 1.5s ease infinite
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li .media {
    align-items: center
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown li+li {
    padding-bottom: 10px
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown p {
    line-height: 1.3;
    margin-top: 3px;
    opacity: .6
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    position: absolute;
    right: 0;
    top: 0
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .close-circle svg {
    width: 14px
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group {
    width: 80px
}

.page-wrapper .page-header .header-wrapper .nav-right .cart-dropdown .qty-box .input-group .btn {
    padding: 0 2px
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    top: 52px;
    width: 300px;
    right: -20px!important;
    left: unset
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li {
    padding-top: 8px
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li+li p {
    margin-bottom: 8px
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li:last-child {
    text-align: center;
    border-top: 1px solid #ecf3fa
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown li p span {
    color: rgba(27,49,85,.4)
}

.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:after,.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown:before {
    right: 28px!important;
    left: unset!important
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
   width: 120px;
    top: 28px;
    left: -94px;
    padding: 0 10px;
    font-size: 14px
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li {
    padding: 10px!important
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
    color: var(--theme-deafult);
    transition: color .3s ease
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg,.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg path {
    stroke: var(--theme-deafult);
    transition: stroke .3s ease
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:last-child {
    padding-top: 10px!important
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span {
    color: #2c323f
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    width: 16px;
    vertical-align: bottom;
    margin-right: 10px;
    stroke: #2c323f
}

.page-wrapper .page-body-wrapper {
    background-color: #faf4f0
}

.page-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 136px);
    margin-top: 136px;
    padding: 0 15px;
    position: relative;
    transition: .5s;
    overflow-x: scroll;
}

.page-wrapper .page-body-wrapper .page-body:before {
    animation: fadeIn .5s ease-in-out
}

.page-wrapper .page-body-wrapper .page-title {
    padding-top: 30px;
    padding-bottom: 30px
}

.page-wrapper .page-body-wrapper .page-title>.row .col-6:first-child {
    display: flex
}

.page-wrapper .page-body-wrapper .page-title>.row .col-6:first-child h3 {
    padding-right: 20px
}

.page-wrapper .page-body-wrapper .page-title .row {
    align-items: center
}

.page-wrapper .page-body-wrapper .page-title .row h3 {
    font-size: 24px;
    margin-bottom: 0;
    text-transform: capitalize
}

.page-wrapper .page-body-wrapper .page-title .row h3 small {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: capitalize;
    color: rgba(43,43,43,.7)
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
    align-items: center;
    justify-content: flex-end
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb li {
    font-size: 13px;
    letter-spacing: 1px;
    font-family: Nunito,sans-serif
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "/"
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a {
    color: var(--theme-deafult)
}

.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
    width: 16px;
    height: 16px;
    color: #2c323f;
    vertical-align: text-top
}

.page-wrapper.horizontal-wrapper [data-simplebar] {
    position: relative
}

.page-wrapper.horizontal-wrapper .footer {
    margin-left: 0
}

.page-wrapper.horizontal-wrapper .header-logo-wrapper {
    width: 150px
}

.page-wrapper.horizontal-wrapper .header-logo-wrapper .toggle-sidebar {
    display: none
}

.page-wrapper.horizontal-wrapper .left-header {
    padding-right: 0
}

.page-wrapper.horizontal-wrapper .page-body-wrapper li {
    display: inline-block
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
    height: 54px;
    line-height: inherit;
    top: 81px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(89,102,122,.05);
    overflow-x: hidden;
    z-index: 1;
    overflow-y: visible;
    position: fixed;
    width: 100vw;
    border-top: 1px solid #efefef
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .badge {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 1
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
    display: none
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main {
    text-align: left;
    position: relative
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
    position: absolute;
    top: 0;
    padding: 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow.disabled,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow.disabled {
    display: none
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .left-arrow {
    left: 0
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .right-arrow {
    right: 10px
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    list-style: none;
    margin: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    display: -webkit-box!important;
    padding: 0 5px;
    transition: all .5s ease;
    white-space: nowrap
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a.active .according-menu i:before {
    content: "-"
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list a .according-menu {
    display: none
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult)
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-list ul.sidebar-submenu li a.active:after {
    background-color: var(--theme-deafult)
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover>a>span {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover a {
    background-color: rgba(74,164,217,.002);
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover a svg {
    fill: rgba(74,164,217,.001);
    stroke: var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:first-child {
    display: none!important
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a {
    display: block;
    color: #2b2b2b;
    line-height: 23px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 5px 15px;
    margin: 0 3px;
    letter-spacing: .04em;
    position: relative;
    border-radius: 5px;
    font-weight: 500;
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a.active {
    background-color: #a7d3ec;
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a.active span,.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a.active svg {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a .badge {
    position: absolute;
    top: -5px;
    margin-left: 1px;
    right: 10px;
    padding: .2em .7em
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a svg {
    width: 16px;
    vertical-align: bottom;
    margin-right: 10px;
    stroke-width: 2.5px
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu {
    position: fixed;
    z-index: 4;
    box-shadow: 0 0 1px 0 #898989;
    padding: 15px 0;
    background: #fff
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li {
    border: 0;
    float: none;
    position: relative;
    display: block
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    background: transparent;
    padding: 4px 30px;
    display: block;
    transition: all .5s ease;
    line-height: 1.9;
    color: rgba(43,43,43,.6);
    letter-spacing: .06em;
    font-weight: 500;
    font-family: Nunito,sans-serif;
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:after {
    left: 20px
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover {
    color: var(--theme-deafult);
    letter-spacing: 1.5px;
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover:after {
    background-color: var(--theme-deafult)
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container {
    position: fixed;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 4;
    box-shadow: 0 0 1px 0 #898989;
    padding: 30px;
    background: #fff;
    width: 95%;
    border-radius: 4px;
    display: block!important
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box {
    width: 20%
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    text-transform: uppercase;
    font-size: 14px;
    margin-left: -13px
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content {
    box-shadow: none;
    background-color: transparent;
    position: relative;
    display: block;
    padding: 0
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li {
    border: 0;
    float: none;
    position: relative;
    display: block
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a {
    border: 0!important;
    background: transparent;
    color: #2b2b2b;
    border-radius: 0!important;
    text-transform: capitalize;
    padding: 3px 0;
    font-size: 13px;
    display: block;
    letter-spacing: .07em;
    line-height: 1.9;
    position: relative;
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a:hover {
    color: var(--theme-deafult);
    letter-spacing: 1.5px;
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a:hover:after {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content li a:after {
    position: absolute;
    content: "";
    left: -12px;
    top: 50%;
    width: 5px;
    height: 1px;
    background-color: #59667a
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover>a:after {
    left: 0;
    right: 0;
    opacity: 1
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.mega-menu {
    position: unset
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper.overlay-white {
    background-color: hsla(0,0%,100%,.08)
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav i {
    font-size: 24px
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
    margin-top: 135px
}

.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main-title {
    display: none!important
}

.page-wrapper.horizontal-wrapper .page-body-wrapper.scorlled .sidebar-wrapper {
    display: none;
    transition: all .3s ease
}

.page-wrapper.horizontal-wrapper .page-header {
    width: 100%;
    box-shadow: none
}

.page-wrapper.horizontal-wrapper .page-header .header-wrapper .form-control-plaintext {
    width: auto!important
}

.page-wrapper.horizontal-wrapper.enterprice-type footer {
    margin-left: 0
}

.page-wrapper.material-icon .left-header .level-menu .nav-link,.page-wrapper.material-icon .left-header .mega-menu .nav-link {
    border-radius: 10px
}

.page-wrapper.material-icon .card {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(74,164,217,.1)
}

.page-wrapper .sidebar-main-title>div {
    background-color: rgba(74,164,217,.06);
    padding: 15px 17px;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-wrapper .sidebar-main-title h6 {
    color: var(--theme-deafult);
    margin-bottom: 5px;
    letter-spacing: .4px
}

.page-wrapper .sidebar-main-title p {
    color: #2c323f;
    font-size: 11px;
    margin-bottom: 0;
    text-transform: capitalize;
    line-height: 1;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-wrapper.compact-wrapper .page-header {
    margin-left: 280px;
    width: calc(100% - 280px)
}

.page-wrapper.compact-wrapper .page-header.close_icon {
    margin-left: 90px;
    width: calc(100% - 90px)
}

.page-wrapper.compact-wrapper .page-header .header-wrapper .logo-wrapper,.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 7;
    height: auto;
    line-height: inherit;
    background: #fff;
    width: 250px;
    text-align: left;
    transition: .3s;
    /* box-shadow: 0 0 21px 0 rgba(89,102,122,.1) */
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
    padding: 27px 30px;
    box-shadow: -9px 0 20px rgba(89,102,122,.1)
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
    width: auto;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .badge {
    opacity: 0;
    width: 0;
    padding: 0
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li {
    max-width: 86px;
    margin: 0;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a {
    padding: 12px 14px;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main-title {
    display: none!important;
    opacity: 0;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-wrapper {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
    text-align: right;
    display: block
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
    width: 280px;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .badge {
    opacity: 1;
    width: auto;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li {
    max-width: unset;
    margin: initial;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a {
    display: block
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a {
    padding: 12px 15px;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a span {
    display: inline-block
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .sidebar-main-title {
    opacity: 1;
    display: block!important;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
    display: block
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .mobile-sidebar {
    transform: translate(183px)
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon~.page-body,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon~footer {
    margin-left: 100px;
    transition: .5s
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon~.footer-fix {
    width: calc(100% - 90px)
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
    height: calc(100vh - 118px)
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link:before {
    right: 20px;
    left: unset
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .according-menu,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active~.sidebar-submenu,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a span {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 115px);
    left: -300px;
    z-index: 99;
    transition: color 1s ease;
    overflow: auto;
    color: transparent;
    margin-top: 20px;
    margin-bottom: 30px
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
    font-weight: 500
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    letter-spacing: .7px;
    font-family: Nunito,sans-serif;
    text-transform: capitalize
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.link-nav .according-menu {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li:last-child {
    border-bottom: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links.opennav {
    left: 0
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn {
    display: block;
    width: 100%;
    padding: 0
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .back-btn .mobile-back {
    padding: 20px;
    color: #242934;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #efefef;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li {
    display: block;
    width: 100%;
    padding: 0 20px;
    position: relative
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.active ul.sidebar-submenu {
    display: block
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li ul.sidebar-submenu {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-main-title {
    padding-top: 15px;
    padding-bottom: 13px
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list .badge {
    position: absolute;
    right: 50px;
    top: 14.5px;
    padding: .44em .7em .32em;
    z-index: 1
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list:hover>a:hover {
    background-color: rgba(74,164,217,.12);
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover .sidebar-link:not(.active):hover svg {
    fill: rgba(74,164,217,.001);
    stroke: var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover .sidebar-link:not(.active):hover .according-menu i,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:hover .sidebar-link:not(.active):hover span {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a {
    padding: 12px 15px;
    position: relative;
    color: #222;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg {
    width: 18px;
    margin-right: 10px;
    vertical-align: bottom;
    float: none;
    stroke-width: 2.3px;
    color: #2c323f;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a .sub-arrow {
    right: 20px;
    position: absolute;
    top: 10px
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a .sub-arrow i,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a .sub-arrow:before {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li:first-child {
    display: none!important
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu {
    width: 100%;
    padding: 0;
    position: relative!important
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu>li a {
    padding-left: 40px!important;
    font-weight: 400
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu .submenu-title .according-menu {
    top: 7px
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu.opensubmenu {
    display: block
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li:hover>a {
    color: var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li:hover>a:after {
    border-top: 2px solid var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu {
    display: none;
    position: relative!important;
    right: 0;
    width: 100%;
    padding: 0
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu.opensubchild {
    display: block
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu li a {
    padding: 6px 45px;
    padding-left: 56px!important
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu li a:after {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    padding: 7px 25px;
    font-size: 14px;
    color: rgba(43,43,43,.6);
    display: block;
    position: relative;
    letter-spacing: .06em;
    font-weight: 500;
    font-family: Nunito,sans-serif;
    transition: all .3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a.active {
    color: var(--theme-deafult)!important;
        
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:after {
    left: 20px
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover {
    margin-left: 0
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.mega-menu .sidebar-title.active~.mega-menu-container {
    display: block!important
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container {
    padding: 0;
    position: relative
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container.opensubmenu {
    display: block
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box {
    width: 100%;
    padding: 0
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section:hover h5 {
    color: var(--theme-deafult)!important;
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section:hover h5:after {
    border-top: 2px solid var(--theme-deafult);
    transition: all .3s ease
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title {
    position: relative
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    margin-bottom: 0;
    line-height: 1.9;
    padding: 6px 25px 6px 45px;
    font-size: 14px;
    position: relative;
    color: rgba(43,43,43,.6);
    display: block;
    letter-spacing: .06em;
    font-weight: 500;
    font-family: Nunito,sans-serif;
    cursor: pointer
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
    left: 25px
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
    top: 8px
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    margin-bottom: 0;
    line-height: 1.9;
    padding: 6px 25px 6px 45px;
    font-size: 14px;
    position: relative;
    color: rgba(43,43,43,.6);
    display: block;
    letter-spacing: .06em;
    font-weight: 500;
    font-family: Nunito,sans-serif
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a:after {
    display: none
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a.active {
    color: var(--theme-deafult)
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    line-height: 1.9
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    margin-left: 0
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link {
    border-radius: 5px;
    transition: all .5s ease;
    display: block
}
/* hover color */
 .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link:focus span,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link:focus svg {
    color: #c36825!important;
    
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active {
    transition: all .5s ease;
    position: relative;
    margin-bottom: 10px;
    color:#c36825 !important;
    /* background-color: var(--theme-deafult)!important */
    background-color:#ffeee2 !important;
    border:2px solid #ffeee2
}
.page-wrapper.compact-wrapper 
  .page-body-wrapper 
  .sidebar-wrapper 
  .sidebar-main 
  .sidebar-links 
  .simplebar-wrapper 
  .simplebar-mask 
  .simplebar-content-wrapper 
  .simplebar-content > li .sidebar-link.active {
    
    transition: all 0.5s ease;
    position: relative;
    margin-bottom: 10px;
    background-color: #ffeee2 !important;  /* Light peach */
    border-radius: 8px; /* Optional: smooth corners */
    color: #000;        /* Text color */
    font-weight: 600;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active .according-menu i {
    color: #fff;
    transform: rotate(90deg)
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active span,.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg {
    color: #fff;
    transition: all .3s ease;
    background-color:#ffeee2;
}

.page-wrapper.compact-wrapper .page-body-wrapper .mega-box.col {
    flex-basis: unset
}

.page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    position: absolute;
    right: 15px;
    top: 13px;
    display: block
}

.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    vertical-align: middle;
    color: rgba(0,0,0,.8);
    font-weight: 600
}

.page-wrapper.compact-wrapper .page-body-wrapper .main-menu.border-section {
    border: none
}

.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav {
    position: absolute;
    z-index: 2;
    right: 145px;
    top: 6px
}

.page-wrapper.compact-wrapper .page-body-wrapper .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
    font-size: 18px;
    padding-left: 5px;
    text-transform: uppercase
}

.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 108px;
    margin-left: 280px
}

.page-wrapper.compact-wrapper.color-sidebar .toggle-sidebar svg,.page-wrapper.compact-wrapper.dark-sidebar .toggle-sidebar svg {
    stroke: var(--theme-deafult)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper {
    background-color: #262932
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: hsla(0,0%,100%,.6)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    stroke: hsla(0,0%,100%,.6)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: hsla(0,0%,100%,.6)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu li a {
    color: hsla(0,0%,100%,.6);
    font-weight: 400
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container:after,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container:after {
    background-color: hsla(0,0%,100%,.2)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active {
    background-color: rgba(74,164,217,.2)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active svg {
    color: var(--theme-deafult);
    stroke: var(--theme-deafult)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span,.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    color: hsla(0,0%,100%,.6)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
    color: var(--theme-deafult)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-light,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-light {
    display: none
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper .logo-wrapper .for-dark,.page-wrapper.compact-wrapper.dark-sidebar div.sidebar-wrapper .logo-wrapper .for-dark {
    display: block
}

.page-wrapper.compact-wrapper.color-sidebar .according-menu i,.page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title p,.page-wrapper.compact-wrapper.dark-sidebar .according-menu i,.page-wrapper.compact-wrapper.dark-sidebar .sidebar-main-title p {
    color: hsla(0,0%,100%,.6)
}

.page-wrapper.compact-wrapper.color-sidebar div.sidebar-wrapper {
    background-color: #2f3c4e
}

.page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title p {
    display: none
}

.page-wrapper.compact-wrapper.color-sidebar .sidebar-main-title h6 {
    margin-bottom: 0
}

.page-wrapper.compact-sidebar~.bg-overlay1 {
    transition: .8s
}

.page-wrapper.compact-sidebar~.bg-overlay1.active {
    z-index: 8;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,.2);
    position: fixed;
    top: 0
}

.page-wrapper.compact-sidebar .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px
}

.page-wrapper.compact-sidebar .logo-wrapper,.page-wrapper.compact-sidebar .sidebar-main-title {
    display: none
}

.page-wrapper.compact-sidebar .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 33px 30px;
    box-shadow: -9px 0 20px rgba(89,102,122,.1)
}

.page-wrapper.compact-sidebar .page-header {
    margin-left: 150px;
    width: calc(100% - 150px)
}

.page-wrapper.compact-sidebar .page-header .header-wrapper .logo-wrapper {
    display: none
}

.page-wrapper.compact-sidebar .page-header.close_icon {
    margin-left: 0;
    width: calc(100% - 0px)
}

.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-top: 80px;
    margin-left: 150px
}

.page-wrapper.compact-sidebar .page-body-wrapper .footer {
    margin-left: 0
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 9
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div {
    height: auto;
    line-height: inherit;
    background: #fff;
    width: 150px;
    text-align: left;
    transition: .3s;
    box-shadow: 0 0 21px 0 rgba(89,102,122,.1)
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .left-arrow,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .right-arrow {
    display: none
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    margin: 30px 0;
    height: calc(100vh - 113px);
    overflow: auto
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
    color: #2c323f
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    letter-spacing: .7px;
    font-family: Nunito,sans-serif;
    text-transform: capitalize;
    color: #2c323f;
    font-size: 13px
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active {
    background: rgba(74,164,217,.1);
    color: #4aa4d9;
    border-radius: 20px;
    margin: 0 10px
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active span {
    color: #4aa4d9
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active~.mega-menu-container,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active~.sidebar-submenu {
    animation: fadeInLeft .3s ease-in-out
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f3
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    position: fixed;
    top: 0;
    height: calc(100vh - 0px);
    overflow: auto;
    left: 150px;
    width: 230px;
    background-color: #fff;
    box-shadow: 0 16px 15px 15px rgba(126,55,216,.03);
    transition: all .5s ease-in-out;
    display: none;
    padding-top: 20px;
    z-index: -1
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    padding: 15px 15px 15px 40px;
    display: block;
    position: relative;
    border-bottom: 1px solid #f1f1f1
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow {
    display: none
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu {
    position: absolute;
    right: 20px;
    top: 16px
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a.active,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a.active {
    background-color: rgba(74,164,217,.1);
    color: #4aa4d9;
    transition: all .3s ease
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li .submenu-content li a.active,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li .submenu-content li a.active {
    background-color: transparent
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container>li>a:after,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu>li>a:after {
    position: absolute;
    content: "";
    left: 20px;
    top: 48%;
    width: 6px;
    border-top: 2px solid #595c60
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section {
    text-align: left
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5 {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 15px 15px 40px;
    letter-spacing: 1px;
    margin-bottom: 0
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5:after,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5:after {
    position: absolute;
    content: "";
    left: 20px;
    top: 48%;
    width: 6px;
    border-top: 2px solid #595c60
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list {
    position: relative
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    position: absolute;
    left: 53%;
    top: 7px;
    font-weight: 500;
    font-size: 9px
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
    text-align: center
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    display: block;
    margin: 0 auto 6px
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link>span {
    display: block;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link .according-menu {
    display: none
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu {
    text-align: center;
    padding: 0
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    display: block;
    margin: 0 auto 6px
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    position: absolute;
    right: 20px;
    top: 13px
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px)
}

.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon~.footer,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon~.page-body {
    margin-left: 0
}

.page-wrapper.compact-small .toggle-sidebar {
    position: relative;
    right: unset;
    top: unset;
    margin-right: 15px
}

.page-wrapper.compact-small .logo-wrapper,.page-wrapper.compact-small .sidebar-main-title {
    display: none
}

.page-wrapper.compact-small .logo-icon-wrapper {
    display: block;
    text-align: center;
    padding: 33px 30px;
    box-shadow: -9px 0 20px rgba(89,102,122,.1)
}

.page-wrapper.compact-small .page-header {
    margin-left: 90px;
    width: calc(100% - 90px)
}

.page-wrapper.compact-small .page-header .header-wrapper .logo-wrapper {
    display: none
}

.page-wrapper.compact-small .page-header.close_icon {
    margin-left: 0;
    width: calc(100% - 0px)
}

.page-wrapper.compact-small .page-body-wrapper .footer,.page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-left: 90px
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper>div {
    width: 90px
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-title {
    display: block;
    padding: 15px 0
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    left: 90px
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    padding: 10px 15px 10px 40px
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .sub-arrow,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .sub-arrow {
    display: none
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu {
    top: 11px
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    display: none
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link svg {
    display: block;
    margin: 0 auto;
    width: 20px
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link>span {
    display: none
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu svg {
    margin: 0 auto
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu a>span {
    display: none
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(-150px)
}

.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon~.footer,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper.close_icon~.page-body {
    margin-left: 0
}

.page-wrapper.only-body,.page-wrapper.only-body .page-body-wrapper {
    background-color: #f2f0fa
}

.page-wrapper.only-body .page-header {
    position: relative
}

.page-wrapper.only-body .page-header .nav-menus .profile-nav .media-body>p,.page-wrapper.only-body .page-header .nav-menus .profile-nav .media-body>span {
    color: #fff!important
}

.page-wrapper.only-body .page-header .nav-menus>li>a>svg,.page-wrapper.only-body .page-header .nav-menus>li>svg {
    stroke: #fff
}

.page-wrapper.only-body .page-header .nav-menus>li>div .lang-txt,.page-wrapper.only-body .page-header .nav-menus>li>div i,.page-wrapper.only-body .page-header .nav-menus>li>span .lang-txt,.page-wrapper.only-body .page-header .nav-menus>li>span i {
    color: #fff
}

.page-wrapper.only-body .page-header .nav-menus>li>div svg,.page-wrapper.only-body .page-header .nav-menus>li>span svg {
    stroke: #fff
}

.page-wrapper.only-body .page-header .header-logo-wrapper,.page-wrapper.only-body .page-header .left-header {
    display: none
}

.page-wrapper.only-body .page-header .header-wrapper {
    padding: 0!important
}

.page-wrapper.only-body .page-header .header-wrapper .nav-right {
    position: absolute;
    right: 60px;
    top: 58px
}

.page-wrapper.only-body .page-header .header-wrapper .search-full {
    top: 37px;
    width: calc(100% - 50px);
    left: 25px
}

.page-wrapper.only-body .page-header .header-wrapper .search-full .form-group .Typeahead .u-posRelative {
    background-color: #fff;
    border-radius: 15px
}

.page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
    top: 78px;
    width: calc(100% - 30px);
    margin: 0 auto;
    right: 0
}

.page-wrapper.only-body .page-body-wrapper .breadcrumb-item+.breadcrumb-item:before {
    color: #fff
}

.page-wrapper.only-body .page-body-wrapper .page-title {
    padding-top: 20px;
    padding-bottom: 20px
}

.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb li,.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb-item a svg,.page-wrapper.only-body .page-body-wrapper .page-title .row h3 {
    color: #fff
}

.page-wrapper.only-body .sidebar-wrapper,.page-wrapper.only-body footer {
    display: none
}

.page-wrapper.only-body .page-body-wrapper .page-body {
    margin-top: 0;
    min-height: calc(100vh - 0px)
}

.page-wrapper.only-body .page-body-wrapper .page-title {
    background: linear-gradient(26deg,var(--theme-deafult) 0,#a26cf8 100%);
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
    border-radius: 15px;
    margin-top: 30px
}

.page-wrapper.only-body .page-body-wrapper .page-title>.row .col-6 {
    flex: 0 0 100%;
    max-width: 100%
}

.page-wrapper.only-body .page-body-wrapper .page-title .breadcrumb {
    margin-top: 5px;
    justify-content: flex-start
}

.page-wrapper.modern-type .ecommerce-widget {
    border: 1px solid #a7d3ec!important
}

.page-wrapper.modern-type .theme-form input[type=date],.page-wrapper.modern-type .theme-form input[type=datetime-local],.page-wrapper.modern-type .theme-form input[type=email],.page-wrapper.modern-type .theme-form input[type=file],.page-wrapper.modern-type .theme-form input[type=month],.page-wrapper.modern-type .theme-form input[type=number],.page-wrapper.modern-type .theme-form input[type=password],.page-wrapper.modern-type .theme-form input[type=search],.page-wrapper.modern-type .theme-form input[type=tel],.page-wrapper.modern-type .theme-form input[type=text],.page-wrapper.modern-type .theme-form input[type=time],.page-wrapper.modern-type .theme-form input[type=url],.page-wrapper.modern-type .theme-form input[type=week],.page-wrapper.modern-type .theme-form select,.page-wrapper.modern-type textarea {
    background-color: #f8f8f8
}

.page-wrapper.modern-type .file-sidebar .pricing-plan {
    border: 1px solid #a7d3ec!important
}

.page-wrapper.modern-type .alert-primary {
    color: #4aa4d9
}

.page-wrapper.modern-type .project-box {
    background-color: #a7d3ec
}

.page-wrapper.modern-type .nav-tabs .nav-link.active {
    background-color: transparent
}

.page-wrapper.modern-type .activity-timeline .media .activity-line {
    background-color: #a7d3ec
}

.page-wrapper.modern-type .simplebar-mask {
    top: 28px
}

.page-wrapper.modern-type .chart_data_left .card-body .chart-main>div:last-child .media,.page-wrapper.modern-type .chart_data_right .card-body .chart-main>div:last-child .media {
    border-right: none!important
}

.page-wrapper.modern-type .page-header,.page-wrapper.modern-type .page-header.close_icon {
    margin-left: 0;
    width: calc(100% - 0px)
}

.page-wrapper.modern-type .page-header .header-wrapper .header-logo-wrapper {
    display: flex;
    flex: 1 0 auto;
    align-items: center
}

.page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    display: block;
    /* margin-right: calc(10px + 20*(100vw - 320px)/1600);  */
    width:250px;
    /* width: calc(94px + 26*(100vw - 320px)/1600)  */
}

.page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    display: block;
    position: relative;
    top: unset;
    right: unset;
    margin-right: 15px;
    margin-left:19px;
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
    margin: -9px !important;
    top: 99px;
    bottom: 0;
    /* border-radius: 15px */
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper,.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
    display: none
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
    height: calc(100vh - 160px)
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper {
    display: none
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon~.page-body,.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon~footer {
    margin-left: 0
}

.page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-wrapper {
    display: none
}

.page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-left: 234px
}

.page-wrapper.material-type {
    position: relative
}

.page-wrapper.material-type:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 300px;
    background-image: linear-gradient(26deg,var(--theme-deafult) 0,#a26cf8 100%)
}

.page-wrapper.material-type .card {
    box-shadow: 0 0 20px rgba(0,0,0,.05)
}

.page-wrapper.material-type .page-header {
    position: relative;
    max-width: 1560px;
    margin: 50px auto 0;
    border-radius: 15px 15px 0 0
}

.page-wrapper.material-type .page-body-wrapper {
    background-blend-mode: overlay;
    background-color: hsla(0,0%,100%,.5)
}

.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
    position: relative;
    max-width: 1560px;
    margin: 0 auto;
    top: unset;
    height: unset
}

.page-wrapper.material-type .page-body-wrapper .page-body {
    margin: 0 auto;
    max-width: 1560px;
    /* background-color: #f0e0d1; */
    box-shadow: 0 0 20px 7px rgba(8,21,66,.05);
    border-radius: 0 0 15px 15px
}

.page-wrapper.material-type .footer {
    margin-top: 40px
}

.page-wrapper.advance-layout {
    background-blend-mode: overlay;
    background-color: rgba(251,254,255,.7)
}

.page-wrapper.advance-layout .card {
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ecf3fa
}

.page-wrapper.advance-layout .page-header {
    position: relative;
    background-color: #fff;
    margin: 0 auto
}

.page-wrapper.advance-layout .page-body-wrapper {
    background: transparent
}

.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
    position: relative!important;
    top: unset!important;
    height: unset;
    box-shadow: none;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

.page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper>div {
    overflow-x: hidden
}

.page-wrapper.advance-layout .page-body-wrapper .page-body {
    margin-top: 0!important
}

@keyframes pagebody {
    0% {
        opacity: 0;
        transform: scale3d(.98,.98,.98) translate(-20px,-50px)
    }

    50% {
        opacity: 1
    }
}

@media screen and (max-width: 1480px) {
    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container {
        right:-18%;
        width: 91%
    }
}

@media screen and (max-width: 1460px) {
    .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container {
        right:-54%;
        width: 75%
    }

    .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li {
        margin-right: 8px
    }
}

@media screen and (max-width: 1366px) {
    .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container {
        right:-49%;
        width: 70%
    }

    .profile-dropdown.onhover-show-div {
        right: 0;
        left: unset!important
    }

    .profile-dropdown.onhover-show-div:after,.profile-dropdown.onhover-show-div:before {
        right: 10px!important;
        left: unset!important
    }
}

@media screen and (max-width: 1199px) {
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li {
        padding:6px
    }

    .left-header .mega-menu-container .submenu-title {
        margin: 20px 20px 0
    }

    .mobile-title.d-none {
        display: flex!important;
        justify-content: space-between;
        padding: 20px 30px 17px;
        border-bottom: 1px solid #ddd;
        margin: 0 -15px
    }

    .mobile-title.d-none h5 {
        color: var(--theme-deafult)
    }

    .mobile-title.d-none svg {
        stroke: var(--theme-deafult)!important
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container {
        right: -35%;
        width: 56%
    }
}

@media screen and (min-width: 992px) {
    .page-header .header-wrapper .nav-right .notification-dropdown {
        top:46px
    }

    .responsive-btn {
        display: none
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-mask {
        top: 0
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu {
        width: 200px;
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
        transition: all .5s ease
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a .sub-arrow {
        position: absolute;
        right: 20px;
        color: #59667a;
        font-weight: 100;
        transition: all .5s ease;
        font-size: 15px;
        top: 5px
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li .nav-sub-childmenu {
        display: none;
        border-radius: 4px
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li:hover .nav-sub-childmenu {
        display: block;
        position: absolute;
        left: 200px;
        background-color: #fff;
        top: -10px;
        padding: 15px 0;
        box-shadow: 0 0 1px 0 #898989
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a:hover .sub-arrow {
        right: 16px;
        transition: all .5s ease
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .mega-menu-container {
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .sidebar-submenu {
        opacity: 1;
        visibility: visible;
        margin-top: 8px;
        transition: all .5s ease
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.hoverd .mega-menu-container {
        opacity: 1;
        visibility: visible;
        margin-top: 20px;
        transition: all .5s ease
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .toggle-nav {
        display: none
    }

    .page-wrapper.horizontal-wrapper .page-body-wrapper .mobile-back {
        display: none!important
    }
}

@media only screen and (min-width: 768px) {
    .page-wrapper.material-icon {
        position:relative
    }

    .page-wrapper.material-icon:before {
        position: absolute;
        content: "";
        left: 0;
        width: 100%;
        height: 240px;
        background: linear-gradient(26deg,var(--theme-deafult) 0,#a26cf8 100%)
    }

    .page-wrapper.material-icon .toggle-sidebar {
        color: hsla(0,0%,100%,.8)
    }

    .page-wrapper.material-icon .toggle-sidebar:hover>svg {
        color: #fff!important;
        stroke: #fff!important
    }

    .page-wrapper.material-icon .left-header .level-menu .nav-link,.page-wrapper.material-icon .left-header .mega-menu .nav-link {
        background-color: hsla(0,0%,100%,.09);
        color: hsla(0,0%,100%,.7)
    }

    .page-wrapper.material-icon .left-header .level-menu .nav-link svg,.page-wrapper.material-icon .left-header .mega-menu .nav-link svg {
        stroke: hsla(0,0%,100%,.7)
    }

    .page-wrapper.material-icon .page-header {
        position: relative;
        background: transparent;
        padding-left: 90px;
        max-width: 1660px;
        margin: 0 auto;
        width: calc(100% - 0px)
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li {
        color: #fff
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li .cart-box svg,.page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li .notification-box svg,.page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li>a>svg,.page-wrapper.material-icon .page-header .header-wrapper .nav-right>ul>li>svg {
        stroke: #fff
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right .language-nav .more_lang,.page-wrapper.material-icon .page-header .header-wrapper .nav-right .onhover-show-div {
        color: #2b2b2b
    }

    .page-wrapper.material-icon .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p {
        color: hsla(0,0%,100%,.7)
    }

    .page-wrapper.material-icon .page-header.close_icon {
        padding-left: 0;
        margin: 0 auto!important
    }

    .page-wrapper.material-icon .page-body-wrapper .page-body {
        margin-top: 0!important;
        padding-left: 90px;
        max-width: 1660px;
        margin: 0 auto
    }

    .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon~.page-body {
        padding-left: 15px;
        margin: 0 auto!important
    }

    .page-wrapper.material-icon .page-body-wrapper .page-title,.page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
        color: #fff
    }

    .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
        color: hsla(0,0%,100%,.6)
    }

    .page-wrapper.material-icon .page-body-wrapper .page-title .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
        color: hsla(0,0%,100%,.8)
    }
}

@media screen and (max-width: 767px) {
    .sidebar-wrapper .menu .brand-logo img {
        width:120px
    }
}

@media screen and (max-width: 576px) {
    .toggle-nav i {
        font-size:20px
    }
}

.active-color a:active span,.active-color a:active svg {
    color: blue!important
}

.cke_1 {
    border: 1px solid #efefef!important
}

html[dir=rtl] .alert-theme button {
    right: unset!important;
    left: 20px!important
}

html[dir=rtl] ul {
    padding-right: 0
}

html[dir=rtl] .f-right {
    float: left
}

html[dir=rtl] .form-check-inline {
    margin-right: unset;
    margin-left: 1rem
}

html[dir=rtl] .color-box button+button {
    margin-left: unset;
    margin-right: 5px
}

html[dir=rtl] .knowledgebase-search .form-inline svg {
    left: unset;
    right: 20px
}

html[dir=rtl] .switch-showcase .form-check .form-check-input {
    float: left
}

html[dir=rtl] .pill-input-group span:last-child {
    border-top-right-radius: unset!important;
    border-bottom-right-radius: unset!important;
    border-top-left-radius: 1.3rem!important;
    border-bottom-left-radius: 1.3rem!important
}

html[dir=rtl] .pill-input-group span:first-child {
    border-top-left-radius: unset!important;
    border-top-right-radius: unset!important;
    border-top-right-radius: 1.3rem!important;
    border-bottom-right-radius: 1.3rem!important
}

html[dir=rtl] .dashboard-table tbody tr td,html[dir=rtl] .dashboard-table tbody tr th,html[dir=rtl] .dashboard-table thead tr td,html[dir=rtl] .dashboard-table thead tr th {
    padding: .75rem 0 .75rem .75rem
}

html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div li .media .media-body>span {
    padding-left: 10px;
    padding-right: unset
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
    text-align: right
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .toggle-sidebar {
    right: unset;
    left: 30px
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
    padding: 0
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .badge {
    left: 50px!important;
    right: unset!important
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon {
    margin-right: 0;
    margin-left: unset
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper {
    text-align: left
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .logo-icon-wrapper img {
    margin-left: 8px
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon~.page-body,html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon~footer {
    margin-left: 0;
    margin-right: 100px;
    transition: .5s
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg {
    margin-left: 0
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active~.sidebar-submenu {
    display: none!important
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .according-menu {
    display: none
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg {
    margin-left: 13px
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover {
    transform: translate(0)
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .sidebar-list .sidebar-title.active~.sidebar-submenu {
    display: block!important
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg {
    float: none
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:hover .according-menu {
    display: block
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu:after {
    right: 30px;
    left: unset
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu>li a {
    padding-right: 45px!important;
    padding-left: unset!important
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu>li a:after {
    right: 26px;
    left: unset
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: unset;
    margin-right: 280px
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li a svg {
    margin-right: unset;
    margin-left: 15px
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu {
    right: unset;
    left: 20px
}

html[dir=rtl] .page-wrapper.only-body .page-header .header-wrapper .nav-right {
    right: unset;
    left: 30px
}

html[dir=rtl] .single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header button {
    text-align: right
}

html[dir=rtl] .input-group .rc-time-picker .rc-time-picker-clear {
    left: 10px;
    right: unset
}

html[dir=rtl] .input-group .input-group-text {
    left: 0;
    right: unset
}

html[dir=rtl] .date-details>div+div {
    margin-left: unset;
    margin-right: 10px
}

html[dir=rtl] .order-menu-section .order-section .order-items .items.non-veg h6,html[dir=rtl] .order-menu-section .order-section .order-items .items.veg h6 {
    padding-right: 25px;
    padding-left: unset
}

html[dir=rtl] .order-menu-section .order-section .order-items .items.non-veg h6:before,html[dir=rtl] .order-menu-section .order-section .order-items .items.veg h6:before {
    left: unset;
    right: 3px;
    content: ""
}

html[dir=rtl] .order-menu-section .order-section .order-items .items.non-veg h6:after,html[dir=rtl] .order-menu-section .order-section .order-items .items.veg h6:after {
    left: unset;
    right: 0;
    content: ""
}

html[dir=rtl] .pie-chart,html[dir=rtl] .traffic-chart {
    direction: ltr
}

html[dir=rtl] .modal-body .btn--no {
    margin-left: 15px
}

html[dir=rtl] .modal-body .btn-close {
    left: 15px;
    right: unset
}

html[dir=rtl] .uplode-img label {
    right: 0;
    left: unset
}

html[dir=rtl] .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li img {
    margin-right: unset;
    margin-left: 5px
}

html[dir=rtl] .personal-info__uplode {
    margin-right: calc(10px + 38*(100vw - 320px)/1600);
    margin-left: unset
}

html[dir=rtl] .review-users__detail {
    margin-right: 10px;
    margin-left: unset
}

html[dir=rtl] .choose input {
    padding-right: 108px!important;
    padding-left: unset!important
}

html[dir=rtl] .choose input[type=file]::-webkit-file-upload-button {
    padding: 25px 10px 14px;
    right: 11px;
    left: unset
}

html[dir=rtl] .choose input[type=file]::file-selector-button {
    padding: 25px 10px 14px;
    right: 11px;
    left: unset
}

html[dir=rtl] .show-hide {
    left: 20px;
    right: unset
}

html[dir=rtl] .login-card .login-main .theme-form .link,html[dir=rtl] .login-card .login-main .theme-form .or:before {
    left: 0;
    right: unset
}

html[dir=rtl] .login-card .login-main .theme-form .form-group a.ms-2,html[dir=rtl] .login-card .login-main .theme-form p a.ms-2 {
    margin-left: .5rem!important
}

html[dir=rtl] .all-driver-table tbody tr td:nth-child(4) i {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .login-card .btn-showcase .btn {
    margin: 0
}

html[dir=rtl] .order-menu .search-bar .search i {
    left: 16px;
    right: unset
}

html[dir=rtl] .login-card .btn-showcase .btn+.btn {
    margin-right: 11px;
    margin-left: unset
}

html[dir=rtl] .category-box {
    direction: rtl
}

html[dir=rtl] .category-box .img-category .top-bar {
    left: unset;
    right: 25px
}

html[dir=rtl] .category-box .img-category .like-cls {
    left: 13%;
    right: unset
}

html[dir=rtl] .category-box .content-category .top h3 {
    margin-left: 15px;
    margin-right: unset
}

html[dir=rtl] .dashboard-table tbody tr td:nth-child(4) span svg,html[dir=rtl] .dashboard-table tbody tr td:nth-child(6) span svg {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
    text-align: right;
    padding-left: 28px;
    padding-right: unset
}

html[dir=rtl] .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
    content: "";
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    right: unset;
    left: 15px
}

html[dir=rtl] .single-section .description-section .description-details .menu-part .list-view .list-box .list-content {
    margin-right: 25px;
    margin-left: unset
}

html[dir=rtl] .single-section .description-section .description-details .menu-part.about .about-sec ul {
    padding-left: unset;
    padding-right: 25px
}

@media only screen and (max-width: 767.98px) {
    html[dir=rtl] .single-section .description-section .description-details .menu-part .list-view .list-box .list-content {
        margin-right:0
    }
}

html[dir=rtl] .rooms-box td:nth-child(2) .room-title {
    margin-right: 15px;
    margin-left: unset
}

html[dir=rtl] .btn-theme svg {
    margin-left: calc(6px + 4*(100vw - 320px)/1600);
    margin-right: unset
}

html[dir=rtl] .contact-editform.ps-0 {
    padding-left: 20px!important
}

html[dir=rtl] .contact-options li .btn-category {
    padding-left: unset!important;
    padding-right: 40px
}

html[dir=rtl] .list-persons .profile-mail .email-general ul {
    padding-right: unset;
    padding-left: 20px
}

html[dir=rtl] .list-persons .profile-mail .email-general ul li>span {
    float: left
}

html[dir=rtl] .list-persons .profile-mail .media .media-body ul li+li {
    padding-left: unset;
    padding-right: 10px;
    margin-left: unset;
    margin-right: 5px;
    border-left: unset;
    border-right: 1px solid #f4f4f4
}

html[dir=rtl] .file-content .form-inline i {
    padding-right: unset;
    padding-left: 10px
}

html[dir=rtl] .file-sidebar .btn svg {
    margin-right: unset;
    margin-left: 8px
}

html[dir=rtl] .form-select {
    background-position: left .75rem center;
    padding: .375rem .75rem .375rem 1.75rem
}

html[dir=rtl] .customers ul li+li {
    margin-left: unset;
    margin-right: -10%
}

html[dir=rtl] .project-list .border-tab.nav-tabs .nav-item .nav-link {
    padding: 5px 0 5px 30px
}

html[dir=rtl] .project-box .badge {
    right: unset;
    left: 30px
}

html[dir=rtl] .kanban-board {
    float: right
}

html[dir=rtl] .kanban-item .kanban-box .customers ul li+li {
    margin-left: unset;
    margin-right: -10px
}

html[dir=rtl] .kanban-item .list li i {
    margin-right: unset;
    margin-left: 10px
}

html[dir=rtl] .page-wrapper.horizontal-wrapper .header-logo-wrapper {
    text-align: right
}

html[dir=rtl] .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body,html[dir=rtl] .page-wrapper.horizontal-wrapper .page-body-wrapper footer {
    margin-right: 0
}

html[dir=rtl] .page-wrapper.material-type .page-body-wrapper .page-body {
    margin-right: auto
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li:first-child {
    margin-right: 0
}

html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body {
    margin-right: 15px;
    margin-left: unset
}

html[dir=rtl] .page-header .header-wrapper .toggle-sidebar {
    margin-left: 2px;
    margin-right: unset
}

html[dir=rtl] .hotel_title_section .hotel-name .left-part .top .rating {
    margin-right: 15px;
    margin-left: unset
}

html[dir=rtl] .order-menu .nav {
    text-align: right
}

html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div:not(.profile-dropdown) li:first-child svg {
    right: unset;
    left: 0
}

html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown {
    left: -20px!important;
    right: unset!important
}

html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full input {
    padding-left: unset;
    padding-right: 60px;
    text-align: right
}

html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
    left: unset;
    right: 30px
}

html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
    right: unset;
    left: 20px
}

html[dir=rtl] .page-wrapper.compact-sidebar .toggle-sidebar {
    margin-left: 15px;
    margin-right: unset
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-header {
    margin-left: unset;
    margin-right: 150px
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-header.close_icon {
    margin-right: 0
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper .footer,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
    margin-left: unset;
    margin-right: 150px
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div {
    text-align: right
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active~.mega-menu-container,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active~.sidebar-submenu {
    animation: fadeInRight 1s ease-in-out
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    right: 150px;
    left: unset
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a {
    padding: 15px 40px 15px 15px
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container li a .according-menu,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li a .according-menu {
    right: 20px
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container>li>a:after,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu>li>a:after {
    left: unset;
    right: 20px
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section {
    text-align: right
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5 {
    padding: 15px 40px 15px 15px
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container .mega-box .link-section .submenu-title h5:after,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu .mega-box .link-section .submenu-title h5:after {
    left: unset;
    right: 20px
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .badge {
    left: unset;
    right: 53%
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list .sidebar-link {
    text-align: center
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .mega-menu .according-menu {
    right: unset;
    left: 20px
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
    transform: translateX(150px)
}

html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon~.footer,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon~.page-body {
    margin-right: 0
}

html[dir=rtl] .page-wrapper.compact-small .page-header {
    margin-right: 90px
}

html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
    right: 90px
}

html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper .footer,html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper .page-body {
    margin-right: 90px
}

html[dir=rtl] .page-wrapper.material-icon .page-header {
    padding-left: unset;
    padding-right: 90px;
    margin: 0 auto
}

html[dir=rtl] .page-wrapper.material-icon .page-header.close_icon {
    padding-right: 0
}

html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper .page-body {
    padding-left: 15px;
    padding-right: 90px;
    margin: 0 auto
}

html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper div.sidebar-wrapper.close_icon~.page-body {
    padding-right: 15px;
    margin: 0 auto!important
}

html[dir=rtl] .email-wrap .btn-mail {
    text-align: right
}

html[dir=rtl] .email-wrap .email-app-sidebar ul li a {
    padding-left: unset;
    padding-right: 20px
}

html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .favourite-icon {
    text-align: center
}

html[dir=rtl] .bookmark-tabcontent .details-bookmark .bookmark-card.card .title-bookmark {
    text-align: right
}

html[dir=rtl] .bookmark-wrap .details-bookmark .row>div+div {
    padding-left: 15px!important
}

html[dir=rtl] .earning-card.card .card-body .chart-left {
    padding: 40px 40px 40px 0
}

html[dir=rtl] .earning-card.card .card-body .inner-top-left ul li,html[dir=rtl] .earning-card.card .card-body .inner-top-right ul li {
    margin-left: unset;
    margin-right: 35px
}

html[dir=rtl] .earning-card.card .card-body .inner-top-left ul li:first-child,html[dir=rtl] .earning-card.card .card-body .inner-top-right ul li:first-child {
    margin-right: 0
}

html[dir=rtl] .earning-card.card .card-body .inner-top-right {
    padding-left: 15px
}

html[dir=rtl] .earning-card.card .card-body .media .media-left {
    margin-right: unset;
    margin-left: 15px
}

html[dir=rtl] .chart_data_left .card-body .chart-main .media,html[dir=rtl] .chart_data_right .card-body .chart-main .media,html[dir=rtl] .earning-card.card .card-body .earning-content {
    border-right: unset;
    border-left: 1px solid #ecf3fa
}

html[dir=rtl] .chart_data_left .card-body .chart-main .media .media-body .right-chart-content,html[dir=rtl] .chart_data_right .card-body .chart-main .media .media-body .right-chart-content {
    margin-left: unset;
    margin-right: 30px
}

html[dir=rtl] .chart_data_left .card-body .chart-main .media.border-none,html[dir=rtl] .chart_data_right .card-body .chart-main .media.border-none {
    border-left: none
}

html[dir=rtl] .chart_data_right .card-body .media .right-chart-content h4 .new-box {
    margin-left: unset;
    margin-right: 10px
}

html[dir=rtl] .appointment-table table tr td .status-circle {
    left: unset;
    right: 35px
}

html[dir=rtl] .notification .card .media .media-body h6 .dot-notification {
    float: left
}

html[dir=rtl] .notification .card .media .media-body p .badge {
    margin-left: unset;
    margin-right: 10px
}

html[dir=rtl] .notification .card .media .media-body .inner-img:first-child {
    margin-right: unset;
    margin-left: 20px
}

@media only screen and (max-width: 600px) {
    html[dir=rtl] .uplode-img label {
        left:50%;
        right: unset;
        transform: translateX(-50%)
    }

    html[dir=rtl] .personal-info__uplode {
        margin-right: unset;
        margin-left: unset
    }
}

html[dir=rtl] .chat-default .card-body.chat-box .left-side-chat .media-body .main-chat {
    margin-left: unset;
    margin-right: 15px
}

html[dir=rtl] .chat-default .card-body.chat-box .left-side-chat .media-body .main-chat .message-main span {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 30px
}

html[dir=rtl] .chat-default .card-body.chat-box .right-side-chat .media-body .message-main span {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 0
}

html[dir=rtl] .chat-default .card-body.chat-box .input-group .form-control {
    border-left: unset;
    border-right: 1px solid var(--theme-deafult)
}

html[dir=rtl] .chat-default .card-body.chat-box .input-group .send-msg svg {
    transform: rotate(-135deg);
    margin-left: 5px
}

html[dir=rtl] .dash-chart .media .media-body p .font-roboto {
    float: right
}

html[dir=rtl] .progress-gradient-primary {
    background-image: linear-gradient(to right,var(--theme-deafult),transparent)
}

html[dir=rtl] .progress-gradient-primary:after {
    right: unset;
    left: -1px
}

html[dir=rtl] .progress-gradient-primary .animate-circle {
    right: unset;
    left: -8px
}

html[dir=rtl] .progress-gradient-secondary {
    background-image: linear-gradient(90deg,#ef3f3e,transparent)
}

html[dir=rtl] .progress-gradient-secondary:after {
    right: unset;
    left: -1px
}

html[dir=rtl] .progress-gradient-secondary .animate-circle {
    right: unset;
    left: -8px
}

html[dir=rtl] .progress-gradient-success {
    background-image: linear-gradient(90deg,#9e65c2,transparent)
}

html[dir=rtl] .progress-gradient-success:after {
    right: unset;
    left: -1px
}

html[dir=rtl] .progress-gradient-success .animate-circle {
    right: unset;
    left: -8px
}

html[dir=rtl] .progress-gradient-danger {
    background-image: linear-gradient(90deg,#6670bd,transparent)
}

html[dir=rtl] .progress-gradient-danger:after {
    right: unset;
    left: -1px
}

html[dir=rtl] .progress-gradient-danger .animate-circle {
    right: unset;
    left: -8px
}

html[dir=rtl] .progress-gradient-info {
    background-image: linear-gradient(90deg,#a927f9,transparent)
}

html[dir=rtl] .progress-gradient-info:after {
    right: unset;
    left: -1px
}

html[dir=rtl] .progress-gradient-info .animate-circle {
    right: unset;
    left: -8px
}

html[dir=rtl] .progress-gradient-light {
    background-image: linear-gradient(90deg,#f4f4f4,transparent)
}

html[dir=rtl] .progress-gradient-light:after {
    right: unset;
    left: -1px
}

html[dir=rtl] .progress-gradient-light .animate-circle {
    right: unset;
    left: -8px
}

html[dir=rtl] .progress-gradient-dark {
    background-image: linear-gradient(90deg,#2c323f,transparent)
}

html[dir=rtl] .progress-gradient-dark:after {
    right: unset;
    left: -1px
}

html[dir=rtl] .progress-gradient-dark .animate-circle {
    right: unset;
    left: -8px
}

html[dir=rtl] .progress-gradient-warning {
    background-image: linear-gradient(90deg,#747dc6,transparent)
}

html[dir=rtl] .progress-gradient-warning:after {
    right: unset;
    left: -1px
}

html[dir=rtl] .progress-gradient-warning .animate-circle {
    right: unset;
    left: -8px
}

html[dir=rtl] .progress-animate span {
    left: -10px;
    right: unset
}

html[dir=rtl] .best-seller-table table tr td:first-child,html[dir=rtl] .our-product table tr td:first-child {
    padding-left: 20px;
    padding-right: 0
}

html[dir=rtl] .best-seller-table table tr td:last-child,html[dir=rtl] .our-product table tr td:last-child {
    padding-right: 20px;
    padding-left: 0;
    text-align: left
}

html[dir=rtl] .best-seller-table table tbody tr td .align-middle .status-circle {
    left: unset;
    right: 32px
}

html[dir=rtl] .best-seller-table table tbody tr td .fa-check-circle {
    left: unset;
    right: 30px
}

html[dir=rtl] .activity-timeline .media .media-body {
    margin-left: unset;
    margin-right: 20px
}

html[dir=rtl] .activity-timeline .media .activity-line {
    left: unset;
    right: 46px
}

html[dir=rtl] .offer-box .offer-slider .carousel-control-next,html[dir=rtl] .offer-box .offer-slider .carousel-control-prev {
    right: unset;
    left: 0
}

html[dir=rtl] .total-users .goal-status .progress {
    background-image: linear-gradient(90deg,transparent 15%,rgba(169,39,249,.1) 25%,transparent)
}

html[dir=rtl] .total-users .goal-status .progress-gradient-primary {
    background-image: linear-gradient(to right,var(--theme-deafult) 25%,rgba(169,39,249,.1),transparent)
}

html[dir=rtl] .cal-date-widget .cal-info .pe-3 {
    padding-right: 1rem!important
}

html[dir=rtl] .me-4 {
    margin-left: 1.5rem!important;
    margin-right: unset!important
}

html[dir=rtl] .pe-4 {
    padding-left: 1.5rem!important;
    padding-right: unset!important
}

html[dir=rtl] .me-1 {
    margin-left: .25rem!important;
    margin-right: unset!important
}

html[dir=rtl] .navs-dropdown .onhover-show-div {
    right: 0
}

html[dir=rtl] .default-according.style-1 button {
    text-align: right
}

html[dir=rtl] .default-according.style-1 button:before {
    left: 20px;
    right: unset
}

html[dir=rtl] .default-according .card .card-header i,html[dir=rtl] .default-according.style-1 button i {
    right: 18px;
    left: unset
}

html[dir=rtl] .ProfileCard-details {
    float: right
}

html[dir=rtl] .ProfileCard-details,html[dir=rtl] .starter-main .card-body ul {
    padding-right: 30px;
    padding-left: unset
}

html[dir=rtl] .theme-tab .tab-title li a svg {
    margin-left: 5px;
    margin-right: unset
}

html[dir=rtl] .spent .spent-graph .project-budget {
    margin-left: 30px;
    margin-right: unset
}

html[dir=rtl] .support-table table tbody tr td:first-child {
    padding-right: 0;
    padding-left: unset
}

html[dir=rtl] .widget-joins .row .pe-0 {
    padding-right: 15px!important
}

html[dir=rtl] .widget-joins .row .ps-0 {
    padding-left: 15px!important
}

html[dir=rtl] .order-box .qty .shipping-class .shopping-checkout-option,html[dir=rtl] .order-box .qty .shipping-class span,html[dir=rtl] .order-box .qty li .count,html[dir=rtl] .order-box .qty li .shopping-checkout-option,html[dir=rtl] .order-box .qty li span,html[dir=rtl] .order-box .sub-total .shipping-class .shopping-checkout-option,html[dir=rtl] .order-box .sub-total .shipping-class span,html[dir=rtl] .order-box .sub-total li .count,html[dir=rtl] .order-box .sub-total li .shopping-checkout-option,html[dir=rtl] .order-box .sub-total li span,html[dir=rtl] .order-box .total .shipping-class .shopping-checkout-option,html[dir=rtl] .order-box .total .shipping-class span,html[dir=rtl] .order-box .total li .count,html[dir=rtl] .order-box .total li .shopping-checkout-option,html[dir=rtl] .order-box .total li span {
    float: left
}

html[dir=rtl] .img-paypal {
    margin-right: 15px;
    margin-left: unset
}

html[dir=rtl] .cart .qty-box .input-group .btn {
    border-radius: 0!important
}

html[dir=rtl] .product-qnty fieldset .input-group .input-group-prepend .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .grid-options {
    margin-right: 10px;
    margin-left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-1 {
    right: 12px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-2 {
    right: 18px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-3 {
    right: 36px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-4 {
    right: 42px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-5 {
    right: 48px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-6 {
    right: 66px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-7 {
    right: 72px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-8 {
    right: 78px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-9 {
    right: 84px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-10 {
    right: 103px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-11 {
    right: 109px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-12 {
    right: 115px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-13 {
    right: 121px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-14 {
    right: 127px;
    left: unset
}

html[dir=rtl] .grid-options ul li a .line-grid-15 {
    right: 133px;
    left: unset
}

html[dir=rtl] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
    margin-right: calc(25% + 9px);
    margin-left: unset
}

html[dir=rtl] .product-filter.new-products .owl-theme .owl-nav {
    left: 0;
    right: unset
}

html[dir=rtl] .product-filter.new-products .owl-theme .owl-item .item .product-box .product-details.text-start {
    text-align: left!important
}

html[dir=rtl] .product-sidebar .filter-section .card .card-header h6 .pull-right i {
    left: auto;
    right: unset
}

html[dir=rtl] .prooduct-details-box .btn {
    right: unset;
    left: 15px
}

html[dir=rtl] .prooduct-details-box .close {
    right: unset;
    left: 10px
}

html[dir=rtl] .collection-filter-block svg {
    margin-right: unset;
    margin-left: 10px
}

html[dir=rtl] .feature-products form .form-group i {
    left: 30px;
    right: unset
}

html[dir=rtl] .product-wrapper-grid.list-view .product-box .product-details {
    text-align: right
}

html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
    margin-left: unset
}

html[dir=rtl] .bookmark ul li+li {
    margin-left: unset;
    margin-right: 10px
}

html[dir=rtl] .bookmark ul li .search-form .form-control-search {
    left: -50px;
    right: unset
}

html[dir=rtl] .bookmark ul li .search-form .form-control-search:before {
    right: 50px;
    left: unset
}

html[dir=rtl] .bookmark ul li .search-form .form-control-search:after {
    right: 20px;
    left: unset
}

html[dir=rtl] .me-0 {
    margin-left: 0!important;
    margin-right: unset!important
}

html[dir=rtl] .footer .pull-right {
    float: none
}

html[dir=rtl] .checkbox_animated,html[dir=rtl] .radio_animated {
    margin: 0 8px 0 16px
}

html[dir=rtl] .button.remove {
    left: -10px;
    right: unset
}

html[dir=rtl] .code-box-copy__btn {
    left: 11px;
    right: unset
}

html[dir=rtl] ul.nav-menus {
    border-bottom: none
}

html[dir=rtl] ul.notification-dropdown.onhover-show-div li {
    text-align: right
}

html[dir=rtl] .badge+.badge {
    margin-right: 5px;
    margin-left: unset
}

html[dir=rtl] .offset-xl-3 {
    margin-right: 25%;
    margin-left: unset
}

html[dir=rtl] .m-l-10 {
    margin-right: 10px!important;
    margin-left: unset!important
}

html[dir=rtl] .m-r-20 {
    margin-left: 20px;
    margin-right: unset
}

html[dir=rtl] .m-r-30 {
    margin-left: 30px;
    margin-right: unset
}

html[dir=rtl] .m-r-5 {
    margin-left: 5px;
    margin-right: unset
}

html[dir=rtl] .text-start {
    text-align: right!important
}

html[dir=rtl] .m-r-10 {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .pe-3 {
    padding-left: 1rem!important;
    padding-right: unset!important
}

html[dir=rtl] .p-r-0 {
    padding-left: 0;
    padding-right: 15px
}

html[dir=rtl] .m-l-20 {
    margin-right: 20px!important;
    margin-left: unset!important
}

html[dir=rtl] .ps-3 {
    padding-right: 1rem!important
}

html[dir=rtl] .b-r-light {
    border-left: 1px solid #f4f4f4!important;
    border-right: unset!important
}

html[dir=rtl] .float-end {
    float: left!important
}

html[dir=rtl] .float-start {
    float: right!important
}

html[dir=rtl] .text-end {
    text-align: left!important
}

html[dir=rtl] .border-right {
    border-left: 1px solid #dee2e6!important;
    border-right: unset!important
}

html[dir=rtl] .pe-0 {
    padding-left: 0!important;
    padding-right: unset!important
}

html[dir=rtl] .ps-0 {
    padding-right: 0!important;
    padding-left: unset!important
}

html[dir=rtl] .ms-1 {
    margin-left: unset!important;
    margin-right: .25rem!important
}

html[dir=rtl] .owl-carousel {
    direction: ltr
}

html[dir=rtl] .btn-group>.btn:not(:last-child):not(.dropdown-toggle),html[dir=rtl] .btn-group>:not(:last-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .btn-group>.btn:not(:first-child) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .btn-group>.btn:nth-child(2) {
    border-radius: 0!important
}

html[dir=rtl] .btn-group .btn-group>:not(:first-child)>.btn {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .btn-group .btn+.btn,html[dir=rtl] .btn-group .btn+.btn-group {
    margin-right: -1px;
    border-right: none
}

html[dir=rtl] .btn-group .btn-group+.btn,html[dir=rtl] .btn-group .btn-group+.btn-group,html[dir=rtl] .btn-group .btn-group-vertical .btn+.btn,html[dir=rtl] .btn-group .btn-group-vertical .btn+.btn-group,html[dir=rtl] .btn-group .btn-group-vertical .btn-group+.btn,html[dir=rtl] .btn-group .btn-group-vertical .btn-group+.btn-group {
    margin-right: -1px
}

html[dir=rtl] .me-3 {
    margin-right: unset!important;
    margin-left: 1rem!important
}

html[dir=rtl] .me-5 {
    margin-left: 3rem!important;
    margin-right: unset!important
}

html[dir=rtl] .ms-3 {
    margin-right: 1rem!important;
    margin-left: unset!important
}

html[dir=rtl] .m-r-15 {
    margin-left: 15px;
    margin-right: unset
}

html[dir=rtl] .b-l-light {
    border-right: 1px solid #f4f4f4!important;
    border-left: unset!important
}

html[dir=rtl] .p-l-0 {
    padding-left: unset;
    padding-right: 0
}

html[dir=rtl] .ps-4 {
    padding-right: 1.5rem!important;
    padding-left: unset!important
}

html[dir=rtl] .me-2 {
    margin-left: .5rem!important;
    margin-right: unset!important
}

html[dir=rtl] .ms-2 {
    margin-right: .5rem!important;
    margin-left: unset!important
}

html[dir=rtl] .pe-2 {
    padding-right: unset!important;
    padding-left: .5rem!important
}

html[dir=rtl] .alert {
    text-align: right
}

html[dir=rtl] .pull-right {
    float: left
}

html[dir=rtl] .form-inline .form-group {
    margin-left: 15px;
    margin-right: 0
}

html[dir=rtl] .card {
    text-align: right
}

html[dir=rtl] .card .card-header h5:not(.mb-0) {
    float: right
}

html[dir=rtl] .card .card-header span {
    clear: both
}

html[dir=rtl] .card .card-header .card-header-right {
    left: 35px;
    right: unset
}

html[dir=rtl] .card .card-header .card-header-right .card-option {
    text-align: left
}

html[dir=rtl] .card .card-header .card-header-right .card-option.list-unstyled {
    padding-right: 0;
    padding-left: unset
}

html[dir=rtl] .card .card-header .pull-left {
    float: right
}

html[dir=rtl] .card.full-card {
    left: 0;
    right: unset
}

html[dir=rtl] .card .card-body .alert svg {
    margin-left: 4px;
    margin-right: unset
}

html[dir=rtl] .card .card-body .value-left {
    margin-left: 30px;
    margin-right: unset
}

html[dir=rtl] .card .card-body .square {
    margin-left: 5px;
    margin-right: unset
}

html[dir=rtl] .modal-header .btn-close {
    margin: -.5rem auto -.5rem -.5rem
}

html[dir=rtl] .modal-footer>:not(:first-child) {
    margin-right: .5rem;
    margin-left: 0
}

html[dir=rtl] .form-inline .form-group .col-form-label {
    margin-left: 5px;
    margin-right: 0
}

html[dir=rtl] .breadcrumb-item+.breadcrumb-item {
    padding-right: .5rem;
    padding-left: unset
}

html[dir=rtl] .breadcrumb-item+.breadcrumb-item:before {
    padding-left: .5rem;
    padding-right: unset;
    float: right
}

html[dir=rtl] code[class*=language-],html[dir=rtl] pre[class*=language-] {
    text-align: right
}

html[dir=rtl] .input-group-prepend {
    margin-left: -1px;
    margin-right: unset
}

html[dir=rtl] .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),html[dir=rtl] .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: unset;
    margin-right: -1px;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .form-control.is-invalid,html[dir=rtl] .form-control.is-valid,html[dir=rtl] .was-validated .form-control:invalid,html[dir=rtl] .was-validated .form-control:valid {
    background-position: left calc(.375em + .1875rem) center;
    padding-left: calc(1.5em + .75rem);
    padding-right: 12px
}

html[dir=rtl] .input-group>.form-control:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),html[dir=rtl] .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),html[dir=rtl] .input-group>.input-group-append:not(:last-child)>.btn,html[dir=rtl] .input-group>.input-group-append:not(:last-child)>.input-group-text,html[dir=rtl] .input-group>.input-group-prepend>.btn,html[dir=rtl] .input-group>.input-group-prepend>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .input-group>.input-group-append>.btn,html[dir=rtl] .input-group>.input-group-append>.input-group-text,html[dir=rtl] .input-group>.input-group-prepend:first-child>.btn:not(:first-child),html[dir=rtl] .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),html[dir=rtl] .input-group>.input-group-prepend:not(:first-child)>.btn,html[dir=rtl] .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .border-tab.nav-left .nav-link {
    text-align: left
}

html[dir=rtl] .socialprofile .social-group ul li:nth-child(4) {
    margin-right: -22px
}

html[dir=rtl] .social-status form .form-group .form-control-social {
    padding-right: 15px;
    padding-left: unset
}

html[dir=rtl] .social-status .media .social-status {
    right: 35px;
    left: unset
}

html[dir=rtl] .social-chat .other-msg {
    margin-right: 40px;
    margin-left: unset
}

html[dir=rtl] .social-chat .media-body:before {
    left: 100%;
    right: unset;
    border-left: 7px solid var(-semi-dark);
    border-right: unset
}

html[dir=rtl] .social-chat .media-body:after {
    left: 100%;
    right: unset;
    border-left: 7px solid #fff;
    border-right: unset
}

html[dir=rtl] .timeline-content .comment-number i {
    margin-left: 20px;
    margin-right: unset
}

html[dir=rtl] .photos ul li {
    margin-right: unset;
    margin-left: 10px
}

html[dir=rtl] .avatar-showcase .friend-pic {
    margin-left: 8px;
    margin-right: unset
}

html[dir=rtl] .avatar-showcase .pepole-knows ul li {
    margin-left: 21px;
    margin-right: unset
}

html[dir=rtl] .avatar-showcase .pepole-knows ul li:last-child {
    margin-left: 0
}

html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
    left: 100px;
    right: unset
}

html[dir=rtl] .user-profile .hovercard .user-image .share-icons li {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .user-profile .hovercard .user-image .share-icons li:last-child {
    margin-left: 0
}

html[dir=rtl] .faq-form .search-icon {
    left: 12px;
    right: unset
}

html[dir=rtl] .faq-widgets .media-body p {
    padding-left: 20px;
    padding-right: unset
}

html[dir=rtl] .faq-title,html[dir=rtl] .header-faq {
    text-align: right
}

html[dir=rtl] .faq-accordion .faq-header svg {
    left: 30px;
    right: unset
}

html[dir=rtl] .faq-accordion .card .btn-link svg {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .navigation-option ul li {
    padding: 15px 0 15px 15px
}

html[dir=rtl] .navigation-option ul li a {
    padding-right: 40px;
    padding-left: unset
}

html[dir=rtl] .navigation-option ul li a svg {
    right: 15px;
    left: unset
}

html[dir=rtl] .updates-faq {
    margin-right: unset;
    margin-left: 30px
}

html[dir=rtl] .browse .browse-articles span svg {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .categories .learning-header {
    padding-right: 30px;
    padding-left: unset
}

html[dir=rtl] .main .langChoice {
    left: 30px;
    right: unset
}

html[dir=rtl] .pricing-block svg {
    direction: ltr
}

html[dir=rtl] .avatars .avatar,html[dir=rtl] p.data-attributes svg {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .avatars .avatar:last-child {
    margin-left: 0
}

html[dir=rtl] .avatars .avatar .status {
    left: 4px;
    right: unset
}

html[dir=rtl] .customers.avatar-group {
    margin-left: 30px;
    margin-right: unset
}

html[dir=rtl] .card .card-header h5 {
    float: none!important
}

html[dir=rtl] .knob-chart .chart-clock-main .clock-small {
    right: 10px;
    left: unset
}

html[dir=rtl] .weather-widget-two .top-bg-whether {
    left: -28px;
    right: unset
}

html[dir=rtl] .weather-widget-two .bottom-whetherinfo svg {
    left: unset;
    right: -35px
}

html[dir=rtl] .mobile-clock-widget .bg-svg {
    left: unset;
    right: -25px
}

html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks {
    left: 30px;
    right: unset
}

html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset
}

html[dir=rtl] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
    text-align: left
}

html[dir=rtl] .todo .notification-popup {
    left: 10px;
    right: unset
}

html[dir=rtl] .todo-options .badges-todo h6 {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .todo-options .badges-todo h6:last-child {
    margin-left: 0
}

html[dir=rtl] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
    padding-right: 14px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: unset;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset
}

html[dir=rtl] .todo-list-btns .dropdown-basic .separated-btn {
    margin-right: -6px;
    margin-left: unset
}

html[dir=rtl] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px
}

html[dir=rtl] .search-todo .dropdown-basic .btn-group {
    margin-left: 18px;
    margin-right: unset
}

html[dir=rtl] .sticky-note .note {
    float: right
}

html[dir=rtl] .mega-menu .list-unstyled div a {
    padding: 8px 0 8px 35px
}

html[dir=rtl] .mega-menu .list-unstyled div a:hover {
    padding: 8px 10px 8px 35px
}

html[dir=rtl] #testimonial .owl-stage-outer .owl-stage .owl-item .slide--item .media .me-3 {
    margin-right: 1rem!important;
    margin-left: unset!important
}

html[dir=rtl] .form-row .input-group>.custom-select:not(:last-child),html[dir=rtl] .form-row .input-group>.form-control:not(:last-child),html[dir=rtl] .needs-validation .input-group>.custom-select:not(:last-child),html[dir=rtl] .needs-validation .input-group>.form-control:not(:last-child) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .form-check {
    padding-right: 1.25rem;
    padding-left: unset
}

html[dir=rtl] .form-check .form-check-input {
    float: right;
    margin-left: unset;
    margin-right: -1.5em
}

html[dir=rtl] .mega-menu .default-according .card .btn-link {
    text-align: right
}

html[dir=rtl] .mega-menu .default-according.style-1 button[aria-expanded=false]:before,html[dir=rtl] .mega-menu .default-according.style-1 button[aria-expanded=true]:before {
    right: unset;
    left: 20px
}

html[dir=rtl] .email-wrap .row .col-xl-6 {
    padding-right: 0;
    padding-left: 15px
}

html[dir=rtl] .email-wrap .row .col-xl-3+.col-xl-3 {
    padding-left: 0;
    padding-right: 15px
}

html[dir=rtl] .email-wrap .email-app-sidebar .main-menu>li {
    text-align: right
}

html[dir=rtl] .email-wrap .email-app-sidebar .main-menu>li a i {
    margin-right: unset;
    margin-left: 10px
}

html[dir=rtl] .email-wrap .email-app-sidebar ul {
    padding-right: 0
}

html[dir=rtl] .email-wrap .email-content .email-top .user-emailid:after {
    float: left
}

html[dir=rtl] .email-wrap .email-right-aside .email-body .pe-0 {
    padding-right: unset!important
}

html[dir=rtl] .email-wrap .email-right-aside .radius-left {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-radius: 4px
}

html[dir=rtl] #renderRange {
    float: left;
    padding-left: unset;
    padding-right: 12px
}

html[dir=rtl] .event-calendar {
    direction: ltr
}

html[dir=rtl] .calendar-wrap .fc {
    direction: rtl;
    text-align: right
}

html[dir=rtl] .calendar-wrap .fc .fc-toolbar .fc-left {
    float: right
}

html[dir=rtl] .calendar-wrap .fc .fc-toolbar .fc-right {
    float: left
}

html[dir=rtl] .calendar-wrap .fc .fc-toolbar>*>* {
    margin-left: 0
}

html[dir=rtl] .calendar-wrap .fc-events-container {
    text-align: right
}

html[dir=rtl] .calendar-wrap .fc-scroller {
    margin-right: unset;
    margin-left: -17px
}

html[dir=rtl] .fc-agenda-view .fc-day-grid .fc-row,html[dir=rtl] .fc-unthemed .fc-row {
    margin-right: 0!important
}

html[dir=rtl] .btn-group-showcase .btn-group {
    margin-left: 20px;
    margin-right: unset
}

html[dir=rtl] .btn-showcase .btn {
    margin-right: unset;
    margin-left: 18px
}

html[dir=rtl] .btn-square.dropdown-toggle {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

html[dir=rtl].button-builder .color-slelector,html[dir=rtl].button-builder ul.the-icons li {
    float: right
}

html[dir=rtl].button-builder .custom-button-color .form-control {
    border-radius: 0 5px 5px 0
}

html[dir=rtl].button-builder .custom-button-color .form-control.pull-left {
    float: right
}

html[dir=rtl].button-builder .hint-label {
    float: right;
    padding: 4px 20px 0 0
}

html[dir=rtl] #customer-review .owl-item img {
    order: 2
}

html[dir=rtl] .options>div {
    margin: 0 0 8px 8px
}

html[dir=rtl] .modal-dialog .modal-content .modal-body p a {
    margin-left: 0
}

html[dir=rtl] .drag-box fieldset .component .form-group .text-lg-left {
    text-align: right!important
}

html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn,html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .btn-right,html[dir=rtl] .drag-box fieldset .component .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .drag-box fieldset .component .form-group .input-group #prependedcheckbox {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

html[dir=rtl] .drag-box fieldset .component .form-group .input-group #appendedcheckbox {
    border-right-color: #efefef
}

html[dir=rtl] .drag-box fieldset .component .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px
}

html[dir=rtl] .drag form,html[dir=rtl] .drag form input {
    text-align: right
}

html[dir=rtl] .drag form label {
    text-align: right!important
}

html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .btn,html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .btn-right,html[dir=rtl] .drag form .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .drag form .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px
}

html[dir=rtl] .draggable label {
    text-align: right
}

html[dir=rtl] .form-builder-column .tab-content .tab-pane .theme-form .ui-draggable .input-group>.input-group-prepend>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .form-group .input-group #buttondropdown,html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group #buttondropdown {
    margin-right: unset;
    margin-left: 15px
}

html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .form-group .input-group .input-group-btn button,html[dir=rtl] .form-builder-column #pills-tabContent .theme-form .ui-draggable .input-group .input-group-btn button {
    border-radius: 4px!important
}

html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .text-lg-left {
    text-align: right!important
}

html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn,html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .btn-right,html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group .input-group-prepend .checkbox-radius {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group #prependedcheckbox {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

html[dir=rtl] .form-horizontal.theme-form fieldset .tab-content .tab-pane .component .form-group .input-group #appendedcheckbox {
    border-right-color: #efefef
}

html[dir=rtl] .form-builder .component .form-group .input-group #buttondropdown {
    margin-right: unset;
    margin-left: -1px
}

html[dir=rtl] .form-builder .component .form-group .pl-md-radios {
    padding-right: 37px;
    padding-left: unset
}

html[dir=rtl] .page-wrapper .page-body-wrapper .logo-wrapper {
    box-shadow: 9px 0 20px rgba(89,102,122,.1)!important
}

html[dir=rtl] .page-wrapper .page-body-wrapper .logo-wrapper a {
    transform: translate(-64px)
}

html[dir=rtl] .search-page .nav i {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .product-stts {
    display: inline-block
}

html[dir=rtl] .product-stts .ms-1 {
    margin-right: .25rem!important;
    margin-left: unset!important
}

html[dir=rtl] .search-form input {
    padding: 10px 70px 10px 10px;
    text-align: right
}

html[dir=rtl] .icon-hover-bottom .icon-title {
    text-align: right
}

html[dir=rtl] .icon-hover-bottom .icon-popup .icon-last .form-inline .form-group .btn {
    margin-right: 15px;
    margin-left: unset
}

html[dir=rtl] .icon-lists div i {
    margin: 0 10px 0 15px
}

html[dir=rtl] .icon-lists ul {
    padding-right: 0
}

html[dir=rtl] ul.icon-lists {
    padding-right: 30px
}

html[dir=rtl] .floated-customizer-btn.third-floated-btn {
    left: 35px;
    right: unset
}

html[dir=rtl] .floated-customizer-btn>span {
    margin-right: 10px
}

html[dir=rtl] .floated-customizer-panel {
    text-align: right;
    left: -85px;
    right: unset
}

html[dir=rtl] .floated-customizer-panel.active {
    left: 35px;
    right: unset
}

html[dir=rtl] .floated-customizer-panel .close-customizer-btn {
    left: 30px;
    right: unset
}

html[dir=rtl] .floated-customizer-panel ul {
    padding-right: 0
}

html[dir=rtl] .form-builder-2-header>div nav {
    float: left
}

html[dir=rtl] .radio label {
    padding-left: 0;
    padding-right: 15px
}

html[dir=rtl] .radio label:before {
    right: 0;
    margin-right: -20px;
    left: unset
}

html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .row h3 {
    text-align: right;
    padding-left: 20px;
    padding-right: unset!important
}

html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .row h6 {
    text-align: right
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-header {
    margin-right: 280px;
    margin-left: unset;
    width: calc(100% - 280px)
}

html[dir=rtl] .page-wrapper.compact-wrapper .page-header.close_icon {
    margin-right: 100px;
    margin-left: unset;
    width: calc(100% - 100px)
}

html[dir=rtl] .page-wrapper.modern-type .page-header,html[dir=rtl] .page-wrapper.modern-type .page-header.close_icon {
    margin-right: 0;
    width: calc(100% - 0px)
}

html[dir=rtl] .page-wrapper.modern-type .page-header .header-wrapper .logo-wrapper {
    margin-right: unset;
    margin-left: calc(10px + 20*(100vw - 320px)/1600)
}

html[dir=rtl] .page-wrapper.modern-type .page-header .header-wrapper .toggle-sidebar {
    margin-right: unset;
    margin-left: 15px
}

html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper .page-body {
    margin-right: 310px
}

html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon~.page-body,html[dir=rtl] .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper.close_icon~footer {
    margin-right: 0
}

html[dir=rtl] .left-header .level-menu .nav-link svg,html[dir=rtl] .left-header .mega-menu .nav-link svg {
    margin-right: unset;
    margin-left: 5px
}

html[dir=rtl] .left-header .level-menu .nav-link {
    margin-left: unset;
    margin-right: 10px
}

html[dir=rtl] .left-header .level-menu .header-level-menu>li svg {
    margin-right: unset;
    margin-left: 5px
}

html[dir=rtl] .left-header .level-menu .header-level-menu>li>.header-level-sub-menu {
    left: unset;
    right: 173px
}

html[dir=rtl] .left-header .mega-menu-container {
    left: unset;
    right: -30px
}

html[dir=rtl] .left-header .mega-menu-container .mega-box+.mega-box {
    padding-left: unset;
    padding-right: 30px;
    border-left: unset;
    border-right: 1px solid #efefef
}

html[dir=rtl] .page-header .header-wrapper .left-header {
    text-align: right
}

html[dir=rtl] .page-header .header-wrapper .left-header .mega-menu-container .mega-box .link-section li {
    padding: 7px 15px 7px 0
}

html[dir=rtl] .page-header .header-wrapper .left-header .mega-menu-container .mega-box .link-section li:before {
    right: 0;
    left: unset
}

html[dir=rtl] .page-header .header-wrapper .left-header .mega-menu-container .mega-box .svg-icon li {
    padding-right: 0
}

html[dir=rtl] .page-header .header-wrapper .left-header .mega-menu-container .mega-box .svg-icon li a svg {
    margin-right: unset;
    margin-left: 5px
}

html[dir=rtl] .page-header .header-wrapper .nav-right {
    text-align: right
}

html[dir=rtl] .page-header .header-wrapper .nav-right .onhover-show-div {
    right: unset;
    left: 0
}

html[dir=rtl] .page-header .header-wrapper .nav-right .chat-dropdown li .media .status-circle {
    left: unset;
    right: 0
}

html[dir=rtl] .page-header .header-wrapper .nav-right .cart-dropdown .close-circle {
    right: unset;
    left: 0
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li {
    margin-right: unset;
    margin-left: 5px;
    text-align: right
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li .lang-txt {
    margin-left: 0;
    margin-right: 8px
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li:before {
    right: 0;
    left: unset
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li .dot {
    left: 17px;
    right: unset
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li.onhover-dropdown:hover .onhover-show-div:after,html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: unset
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li.onhover-dropdown:last-child {
    padding-left: 0;
    padding-right: 20px;
    border-right: none
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li:last-child {
    padding-right: 20px;
    padding-left: 0
}

html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li i.ms-2 {
    margin-right: .5rem!important;
    margin-left: unset!important
}

html[dir=rtl] .page-header .header-wrapper .nav-right .profile-dropdown li svg {
    margin-right: unset;
    margin-left: 10px
}

html[dir=rtl] .page-header .header-wrapper .mobile-sidebar {
    padding-left: 20px;
    padding-right: unset
}

html[dir=rtl] .page-header.open {
    margin-right: 0
}

html[dir=rtl] ul.notification-dropdown.onhover-show-div {
    right: auto;
    left: -30px;
    padding: 0
}

html[dir=rtl] ul.notification-dropdown.onhover-show-div:after,html[dir=rtl] ul.notification-dropdown.onhover-show-div:before {
    right: inherit!important;
    left: 35px!important
}

html[dir=rtl] ul.notification-dropdown.onhover-show-div li {
    margin-right: 0!important
}

html[dir=rtl] ul.notification-dropdown.onhover-show-div li span.badge {
    margin-left: unset!important
}

html[dir=rtl] ul.notification-dropdown.onhover-show-div li span svg {
    margin-right: unset;
    margin-left: 10px
}

html[dir=rtl] ul.notification-dropdown.onhover-show-div li .notification-icon {
    margin-left: 20px;
    margin-right: unset
}

html[dir=rtl] .card-body .alert svg~p {
    padding-left: unset;
    padding-right: 20px
}

html[dir=rtl] .alert i {
    margin-left: 5px;
    margin-right: 0
}

html[dir=rtl] .inverse {
    padding: 13px 65px 13px 20px
}

html[dir=rtl] .inverse i {
    left: unset;
    right: 0
}

html[dir=rtl] .alert-primary.inverse:before {
    border-right: 7px solid #4aa4d9;
    right: 54px;
    left: unset;
    border-left: unset
}

html[dir=rtl] .alert-secondary.inverse:before {
    border-right: 7px solid #ef3f3e;
    right: 54px;
    left: unset;
    border-left: unset
}

html[dir=rtl] .alert-success.inverse:before {
    border-right: 7px solid #9e65c2;
    right: 54px;
    left: unset;
    border-left: unset
}

html[dir=rtl] .alert-danger.inverse:before {
    border-right: 7px solid #6670bd;
    right: 54px;
    left: unset;
    border-left: unset
}

html[dir=rtl] .alert-warning.inverse:before {
    border-right: 7px solid #747dc6;
    right: 54px;
    left: unset;
    border-left: unset
}

html[dir=rtl] .alert-info.inverse:before {
    border-right: 7px solid #a927f9;
    right: 54px;
    left: unset;
    border-left: unset
}

html[dir=rtl] .alert-light.inverse:before {
    border-right: 7px solid #f4f4f4;
    right: 54px;
    left: unset;
    border-left: unset
}

html[dir=rtl] .alert-dark.inverse:before {
    border-right: 7px solid #2c323f;
    right: 54px;
    left: unset;
    border-left: unset
}

html[dir=rtl] .alert-dismissible .btn-close {
    left: 0;
    right: unset
}

html[dir=rtl] .alert-dismissible .btn-close span {
    padding-left: 0;
    padding-right: unset
}

html[dir=rtl] .icofont.icofont-truck {
    display: inline-block
}

html[dir=rtl] .blog-box .blog-details {
    padding-left: 20px;
    text-align: right
}

html[dir=rtl] .blog-box .blog-details .blog-social {
    padding-right: 0
}

html[dir=rtl] .blog-box .blog-details .blog-social li {
    padding-left: 40px;
    padding-right: unset
}

html[dir=rtl] .blog-box .blog-details .blog-social li:first-child {
    border-left: 1px solid #777;
    border-right: unset;
    padding-left: 40px;
    padding-right: unset
}

html[dir=rtl] .blog-box .blog-details .blog-social li+li {
    margin-right: 30px;
    margin-left: unset;
    padding-left: 0
}

html[dir=rtl] .blog-box .blog-details-main .blog-social li {
    border-left: 1px dotted;
    border-right: unset
}

html[dir=rtl] .blog-box .blog-details-main .blog-social li:last-child {
    border-left: none
}

html[dir=rtl] .blog-box .blog-date span {
    font-size: 36px;
    font-weight: 500;
    padding-left: 5px
}

html[dir=rtl] .comment-box .media img {
    margin-left: 45px;
    margin-right: unset
}

html[dir=rtl] .comment-box .media h6 {
    text-align: right
}

html[dir=rtl] .comment-box ul ul {
    margin-right: 135px;
    margin-left: unset;
    padding-right: 0
}

html[dir=rtl] .comment-box .comment-social {
    text-align: left
}

html[dir=rtl] .comment-box .comment-social li {
    padding-left: 0;
    padding-right: 20px
}

html[dir=rtl] .comment-box .comment-social li:first-child {
    border-left: 1px solid #efefef;
    border-right: unset;
    padding-right: 0;
    padding-left: 20px
}

html[dir=rtl] .button-builder-wrap .form-group .btn {
    margin-left: 15px;
    margin-right: 0;
    padding: 9px
}

html[dir=rtl] .button-builder ul.the-icons {
    padding-right: 0!important
}

html[dir=rtl] .call-chat-body .chat-box .chat-right-aside .chat .chat-history .caller-img.ps-0 {
    padding-left: 15px!important
}

html[dir=rtl] .chat-box .user-image {
    float: right;
    margin-left: 5px;
    margin-right: 0
}

html[dir=rtl] .chat-box .people-list .search i {
    left: 10px;
    right: unset
}

html[dir=rtl] .chat-box .about {
    float: right;
    padding-right: 10px;
    padding-left: unset;
    text-align: right
}

html[dir=rtl] .chat-box .chat-menu {
    border-right: 1px solid #f4f4f4;
    border-left: unset
}

html[dir=rtl] .chat-box .chat-menu .nav {
    padding-right: 0
}

html[dir=rtl] .chat-box .chat-menu.ps-0 {
    padding-left: 15px!important
}

html[dir=rtl] .chat-box .chat-right-aside .chat .chat-message .smiley-box {
    margin-left: .5rem;
    margin-right: unset
}

html[dir=rtl] .chat-box .chat-right-aside .chat .chat-message .text-box .btn {
    border-radius: 5px 0 0 5px
}

html[dir=rtl] .chat-box .chat-right-aside.pe-0 {
    padding-right: 15px!important
}

html[dir=rtl] .chat-box .chat .chat-message .text-box .input-group-append {
    margin-right: -2px
}

html[dir=rtl] .chat-msg-box ul {
    padding-right: 0
}

html[dir=rtl] .chat-left-aside .status-circle {
    left: unset;
    right: 40px
}

html[dir=rtl] .chat-right-aside .chat .chat-header .chat-menu-icons {
    padding-left: 0;
    padding-right: unset
}

html[dir=rtl] .chat-right-aside .chat .chat-header .chat-menu-icons.float-sm-right {
    float: left!important
}

html[dir=rtl] .chat-right-aside .chat .chat-header img,html[dir=rtl] .cke_combo_text,html[dir=rtl] .cke_toolbar,html[dir=rtl] .cke_toolgroup,html[dir=rtl] a.cke_button {
    float: right
}

html[dir=rtl] .cke_reset_all,html[dir=rtl] .cke_reset_all *,html[dir=rtl] .cke_reset_all a,html[dir=rtl] .cke_reset_all textarea {
    text-align: right
}

html[dir=rtl] .cke_combo_text {
    padding-left: unset;
    padding-right: 10px
}

html[dir=rtl] #editor1 #cke_editor1 #cke_1_contents iframe html {
    direction: rtl!important
}

html[dir=rtl] #clockdiv ul {
    padding-right: 0
}

html[dir=rtl] .custom-card .card-footer>div+div {
    border-right: 1px solid #efefef;
    border-left: unset!important
}

html[dir=rtl] .card-social {
    padding-right: 0
}

html[dir=rtl] .card-absolute .card-header {
    right: 15px;
    left: unset
}

html[dir=rtl] .dataTables_wrapper .dataTables_filter input[type=search] {
    margin-right: 10px;
    margin-left: 0
}

html[dir=rtl] .dataTables_wrapper .dataTables_length {
    float: right
}

html[dir=rtl] .dataTables_wrapper .dataTables_filter {
    margin-left: unset;
    margin-right: 15px;
    float: left
}

html[dir=rtl] .dataTables_wrapper .dataTables_info {
    float: right
}

html[dir=rtl] .dataTables_wrapper .advance-5_filter {
    margin-left: 0
}

html[dir=rtl] .dataTables_wrapper .btn-group button {
    margin-left: 5px;
    margin-right: unset
}

html[dir=rtl] .dataTables_wrapper .btn-group button:last-child {
    margin-left: 0
}

html[dir=rtl] .dataTables_wrapper table.dataTable tbody td.select-checkbox:after,html[dir=rtl] .dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
    margin-left: 31px
}

html[dir=rtl] div.dataTables_wrapper div.dataTables_paginate {
    margin-right: 15px!important;
    margin-left: 0!important;
    float: left
}

html[dir=rtl] table.dataTable thead>tr>th {
    padding-left: 30px;
    padding-right: 12px
}

html[dir=rtl] table.dataTable thead>tr>th:before {
    left: 1em!important;
    right: unset
}

html[dir=rtl] table.dataTable thead>tr>th:after {
    left: .5em!important;
    right: unset
}

html[dir=rtl] table.dataTable thead .sorting:before,html[dir=rtl] table.dataTable thead .sorting_asc:before,html[dir=rtl] table.dataTable thead .sorting_asc_disabled:before,html[dir=rtl] table.dataTable thead .sorting_desc:before,html[dir=rtl] table.dataTable thead .sorting_desc_disabled:before {
    left: 1em!important;
    right: unset
}

html[dir=rtl] .dataTables_scrollHeadInner {
    padding-right: unset!important;
    padding-left: 0!important
}

html[dir=rtl] div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child,html[dir=rtl] div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
    padding-right: 0;
    padding-left: 0
}

html[dir=rtl] .dt-plugin-buttons button.m-r-10 {
    margin-left: 10px;
    margin-right: 0
}

html[dir=rtl] .datetime-picker .theme-form .form-group label {
    text-align: left!important
}

html[dir=rtl] .datetime-picker .theme-form .form-group .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .datetime-picker .theme-form .form-group .input-group .form-control {
    border-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .dropdown-basic .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

html[dir=rtl] .dropdown-basic .separated-btn .btn {
    border-radius: .25rem;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

html[dir=rtl] .dropdown-basic .btn-group {
    margin-right: unset;
    margin-left: 18px
}

html[dir=rtl] .error-wrapper .col-md-8.offset-md-2 {
    margin: 0 auto!important
}

html[dir=rtl] .product-price del {
    padding-left: 20px;
    padding-right: 0
}

html[dir=rtl] .product-box .modal .modal-header .btn-close {
    right: unset;
    left: 15px
}

html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-left.ribbon-info:before,html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-right.ribbon-info:before {
    border-left-color: #007bff
}

html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-left:before,html[dir=rtl] .product-box .ribbon-bookmark.ribbon-vertical-right:before {
    right: 0;
    left: unset;
    border-left: 15px solid #2a3142
}

html[dir=rtl] .product-box .ribbon-bookmark.ribbon-info:before {
    border-left-color: transparent
}

html[dir=rtl] .product-box .ribbon-warning.ribbon-clip:before {
    border-left-color: #ff850d;
    border-right-color: unset
}

html[dir=rtl] .product-box .ribbon-clip {
    right: -14px;
    left: unset
}

html[dir=rtl] .product-box .ribbon-clip:before {
    right: 0;
    left: unset
}

html[dir=rtl] .product-hover ul {
    padding-right: 0
}

html[dir=rtl] .customer-review .media img {
    margin-left: 25px;
    margin-right: 0
}

html[dir=rtl] .nav {
    padding-right: 0
}

html[dir=rtl] .custom-file-label:after {
    left: 0;
    right: unset
}

html[dir=rtl] .wizard-4 ul.anchor {
    float: right;
    padding-right: 0;
    padding-left: 30px
}

html[dir=rtl] .wizard-4 .step-container {
    clear: unset
}

html[dir=rtl] .wizard-4 .form-group {
    text-align: right
}

html[dir=rtl] .wizard-4 .action-bar .btn {
    float: left
}

html[dir=rtl] .f1 .f1-buttons {
    text-align: left
}

html[dir=rtl] .f1 .f1-steps .f1-step {
    float: right
}

html[dir=rtl] .static-top-widget .media-body {
    padding-right: 30px;
    padding-left: unset
}

html[dir=rtl] .static-top-widget .media-body .icon-bg {
    left: -20px;
    right: unset
}

html[dir=rtl] .widget-joins .media .details {
    border-right: 1px solid #efefef;
    border-left: unset
}

html[dir=rtl] .widget-joins .media .media-body {
    text-align: right
}

html[dir=rtl] .weather-widget-two .bottom-whetherinfo .whether-content {
    text-align: left
}

html[dir=rtl] .jstree-default .jstree-node {
    margin-left: unset;
    margin-right: 24px;
    background-position: -292px -4px;
    background-repeat: repeat-y
}

html[dir=rtl] .img-cropper .btn-group {
    margin-right: 0;
    margin-left: 10px
}

html[dir=rtl] .img-cropper .btn-group button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

html[dir=rtl] .img-cropper .btn-group button:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .docs-toggles .btn-group .btn {
    border-radius: 0
}

html[dir=rtl] .docs-toggles .btn-group .btn:last-child {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

html[dir=rtl] .docs-toggles .btn-group .btn:first-child {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

html[dir=rtl] .btn-group>.btn:not(:last-child):not(.dropdown-toggle)>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .jsgrid-button+.jsgrid-button {
    margin-right: 5px;
    margin-left: unset
}

html[dir=rtl] .list-group {
    padding-right: 0
}

html[dir=rtl] .list-group i,html[dir=rtl] .list-group img {
    margin-left: 10px;
    margin-right: 0
}

html[dir=rtl] .authentication-box {
    text-align: right
}

html[dir=rtl] .mega-horizontal .offset-sm-3 {
    margin-right: 25%;
    margin-left: unset
}

html[dir=rtl] .navs-icon .fa,html[dir=rtl] .navs-icon svg {
    margin-left: 10px;
    margin-right: unset
}

html[dir=rtl] .nav-list .nav-list-disc {
    text-align: right;
    padding-right: 0
}

html[dir=rtl] .pl-navs-inline {
    padding-right: 30px!important;
    padding-left: 0!important
}

html[dir=rtl] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:after,html[dir=rtl] .onhover-dropdown.navs-dropdown:hover .onhover-show-div:before {
    left: 77px;
    right: unset
}

html[dir=rtl] .navs-dropdown .onhover-show-div .navs-icon li {
    text-align: right
}

html[dir=rtl] .navs-icon.default-according.style-1 li button[aria-expanded=false]:before,html[dir=rtl] .navs-icon.default-according.style-1 li button[aria-expanded=true]:before {
    left: 2px;
    right: unset
}

html[dir=rtl] .search-form .form-group:after {
    right: 53px;
    left: unset
}

html[dir=rtl] .search-form .form-group:before {
    right: 82px;
    left: unset
}

html[dir=rtl] .order-history table tbody tr td .product-name .order-process .order-process-circle:before {
    right: -15px;
    left: unset
}

html[dir=rtl] .order-history table td:first-child,html[dir=rtl] .order-history table th:first-child {
    text-align: right
}

html[dir=rtl] .product-page-details span {
    padding-right: 15px;
    padding-left: 0
}

html[dir=rtl] .m-checkbox-inline label {
    margin-left: 20px;
    margin-right: 0
}

html[dir=rtl] .form-label-align-right label {
    text-align: left
}

html[dir=rtl] .br-theme-bars-1to10 .br-widget .br-current-rating,html[dir=rtl] .br-theme-bars-1to10 .br-widget a,html[dir=rtl] .br-theme-bars-movie .br-widget .br-current-rating,html[dir=rtl] .br-theme-bars-movie .br-widget a,html[dir=rtl] .br-theme-bars-reversed .br-widget .br-current-rating,html[dir=rtl] .br-theme-bars-reversed .br-widget a,html[dir=rtl] .br-theme-bars-square .br-widget .br-current-rating,html[dir=rtl] .br-theme-bars-square .br-widget a {
    float: right
}

html[dir=rtl] .ribbon-left {
    right: auto;
    left: -2px
}

html[dir=rtl] .ribbon-vertical-left,html[dir=rtl] .ribbon-vertical-right {
    right: auto;
    left: 12px
}

html[dir=rtl] .star-ratings ul.search-info {
    padding-right: 0
}

html[dir=rtl] .star-ratings ul.search-info li+li {
    border-right: 1px solid #a5afc6;
    border-left: unset;
    padding-right: 8px;
    padding-left: 0;
    margin-right: 8px;
    margin-left: 0
}

html[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 10px!important;
    right: unset!important
}

html[dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    float: right
}

html[dir=rtl] .select2-results__option,html[dir=rtl] .selection .select2-selection .select2-search__field {
    text-align: right
}

html[dir=rtl] .editor-statusbar {
    text-align: left
}

html[dir=rtl] .editor-statusbar span {
    margin-right: 1em;
    margin-left: unset
}

html[dir=rtl] .CodeMirror-scroll {
    margin-left: -30px;
    margin-right: unset
}

html[dir=rtl] .primary-color ul,html[dir=rtl] .yellow-color ul {
    padding-right: 0
}

html[dir=rtl] .u-step-desc {
    text-align: right
}

html[dir=rtl] .u-step-number {
    right: 20px;
    left: unset
}

html[dir=rtl] .u-step-number~.u-step-desc {
    margin-right: 50px
}

html[dir=rtl] .u-pearl:after {
    left: 0;
    right: unset
}

html[dir=rtl] .u-pearl:before {
    right: 0;
    left: unset
}

html[dir=rtl] .u-step-icon {
    float: right;
    margin-left: .5em;
    margin-right: unset
}

html[dir=rtl] .list-icons {
    padding-right: 0
}

html[dir=rtl] .card-header.note-toolbar .note-color .dropdown-toggle {
    padding-right: 5px
}

html[dir=rtl] .card-header.note-toolbar .form-group.draggable {
    text-align: right
}

html[dir=rtl] .card-header.note-toolbar .form-check,html[dir=rtl] .card-header.note-toolbar form .custom-control {
    padding-right: 24px;
    padding-left: unset
}

html[dir=rtl] .card-header.note-toolbar form .custom-control .custom-control-label:after,html[dir=rtl] .card-header.note-toolbar form .custom-control .custom-control-label:before {
    right: 0;
    left: unset
}

html[dir=rtl] .dropdown-toggle:after {
    margin-right: .255em;
    margin-left: unset
}

html[dir=rtl] .tabbed-card ul {
    left: 22px;
    right: unset
}

html[dir=rtl] .checkbox label {
    padding-right: 16px;
    padding-left: unset
}

html[dir=rtl] .checkbox label:before {
    right: 0;
    left: unset;
    margin-right: -16px;
    margin-left: unset
}

html[dir=rtl] .radio label:after {
    right: 5px;
    left: unset;
    margin-right: -20px;
    margin-left: unset
}

html[dir=rtl] .cd-timeline-content:before {
    border-right: 7px solid #f4f4f4;
    border-left-color: transparent
}

html[dir=rtl] .cd-timeline-img i {
    right: 40%;
    left: unset;
    margin-right: -12px;
    margin-left: unset
}

html[dir=rtl] .cd-timeline-block:nth-child(2n) .cd-timeline-content {
    float: left;
    border-left: 7px solid #eee;
    border-right: unset
}

html[dir=rtl] .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date {
    right: auto;
    left: 122%;
    text-align: left
}

html[dir=rtl] .cd-timeline-block:nth-child(2n) .cd-timeline-content:before {
    right: auto;
    left: 100%;
    border-left-color: #eee;
    border-right-color: transparent
}

html[dir=rtl] .cd-timeline-content .cd-date {
    right: 122%;
    left: unset
}

html[dir=rtl] .introjs-tooltip {
    right: 0;
    left: unset
}

html[dir=rtl] .introjs-helperNumberLayer {
    right: -16px;
    left: unset
}

html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
    text-align: right
}

html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
    text-align: left
}

html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-skipbutton {
    margin-left: 5px;
    margin-right: unset
}

html[dir=rtl] .introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    border-radius: .2em 0 0 .2em
}

html[dir=rtl] .list-inline-item:not(:last-child) {
    margin-left: .5rem;
    margin-right: unset
}

html[dir=rtl] .like-comment ul.list-inline {
    padding-right: 0
}

html[dir=rtl] .typeahead {
    text-align: right
}

html[dir=rtl] .listing ul {
    padding-right: 0
}

html[dir=rtl] .listing ul .icofont {
    float: right
}

html[dir=rtl] .gallery .hover-5 img {
    margin-right: 30px
}

html[dir=rtl] .gallery .hover-5:hover img {
    margin-right: 0
}

html[dir=rtl] .lg-outer {
    text-align: right
}

html[dir=rtl] .lg-toolbar .lg-icon {
    float: left
}

html[dir=rtl] #lg-counter {
    padding-right: 20px;
    padding-left: unset;
    float: right
}

html[dir=rtl] .chart-widget-top .text-end {
    text-align: left!important
}

html[dir=rtl] .chart-widget-top .num .ms-1 {
    margin-right: .25rem!important
}

html[dir=rtl] .bar-chart-widget .earning-details i {
    left: -240px
}

html[dir=rtl] .bar-chart-widget .bottom-content .b-r-light {
    border-left: 1px solid #eee!important;
    border-right: unset!important
}

html[dir=rtl] .bar-chart-widget .bottom-content .num .ms-1 {
    margin-right: .25rem!important
}

html[dir=rtl] .chart-vertical-center #myDoughnutGraph,html[dir=rtl] .chart-vertical-center #myPolarGraph {
    width: auto!important
}

html[dir=rtl] .crm-activity ul.dates li+li {
    border-right: 1px solid #ddd;
    padding-right: 10px;
    margin-right: 5px;
    border-left: unset;
    padding-left: unset;
    margin-left: unset
}

html[dir=rtl] div.dt-buttons {
    float: right
}

html[dir=rtl] .dt-button-collection {
    left: -39px!important
}

html[dir=rtl] .dropzone .dz-preview .dz-error-mark,html[dir=rtl] .dropzone .dz-preview .dz-success-mark {
    right: 50%;
    margin-right: -27px;
    margin-left: unset;
    left: unset
}

html[dir=rtl] .page-wrapper .page-body-wrapper footer {
    margin-right: unset;
    margin-left: unset
}

html[dir=rtl] .page-wrapper .page-body-wrapper footer p i {
    margin-right: 5px;
    margin-left: unset
}

html[dir=rtl] .apexcharts-canvas,html[dir=rtl] .slick-slider {
    direction: ltr
}

html[dir=rtl] .slick-slider .sub-section {
    direction: rtl
}

html[dir=rtl] .footer-copyright {
    text-align: right
}

html[dir=rtl] .footer-links {
    text-align: left
}

html[dir=rtl] .page-item:first-child .page-link {
    margin-right: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none
}

html[dir=rtl] .page-item:last-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .popover.bottom>.arrow:after,html[dir=rtl] .popover.top>.arrow:after {
    margin-right: -10px;
    margin-left: unset
}

html[dir=rtl] .bootstrap-touchspin>.input-group-append>.btn,html[dir=rtl] .bootstrap-touchspin>.input-group-append>.input-group-text {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

html[dir=rtl] .bootstrap-touchspin>.custom-select:not(:last-child),html[dir=rtl] .bootstrap-touchspin>.form-control:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .typeahead span.twitter-typeahead .tt-suggestion {
    text-align: right
}

html[dir=rtl] .typeahead .league-name {
    text-align: right;
    margin-right: 5px
}

html[dir=rtl] .follow .text-md-right {
    text-align: left!important
}

html[dir=rtl] .jvectormap-goback,html[dir=rtl] .jvectormap-zoomin,html[dir=rtl] .jvectormap-zoomout {
    right: 10px;
    left: unset
}

html[dir=rtl] .customizer-links {
    right: unset;
    left: 0;
    margin-right: unset;
    margin-left: -10px
}

html[dir=rtl] .customizer-links>.nav {
    padding-right: 10px
}

html[dir=rtl] .customizer-links .nav-link:after {
    right: -10px;
    left: unset;
    border-width: 5px 5px 5px 0;
    border-left-color: unset;
    border-right-color: #b3d9ef
}

html[dir=rtl] .customizer-links .nav-link span {
    right: unset;
    left: -60px
}

html[dir=rtl] .customizer-links .nav-link:hover span {
    left: 48px
}

html[dir=rtl] .customizer-links.open {
    right: unset;
    left: 330px;
    border-radius: 0 8px 8px 0
}

html[dir=rtl] .customizer-contain {
    width: 330px;
    right: unset;
    left: -330px
}

html[dir=rtl] .customizer-contain.open {
    right: unset;
    left: 0
}

html[dir=rtl] .customizer-contain .customizer-header .icon-close {
    left: unset;
    right: 30px
}

html[dir=rtl] .box-layout.page-wrapper.horizontal-wrapper .page-header {
    padding-right: 250px;
    padding-left: unset
}

html[dir=rtl] .box-layout.page-wrapper.horizontal-wrapper .page-header.open {
    padding-right: 0
}

html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: unset;
    margin-right: 230px
}

html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon~footer {
    width: 1280px;
    padding-left: 0;
    left: 50%
}

html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-header {
    margin-left: auto;
    margin-right: auto;
    padding-left: unset;
    padding-right: 230px
}

html[dir=rtl] .box-layout.page-wrapper.compact-wrapper .page-header.close_icon {
    padding-right: 100px
}

html[dir=rtl] body.dark-only .chart_data_left .card-body .chart-main .media,html[dir=rtl] body.dark-only .chart_data_right .card-body .chart-main .media,html[dir=rtl] body.dark-only .earning-card.card .card-body .earning-content {
    border-left: 1px solid #374558
}

html[dir=rtl] body.dark-only .widget-joins .media .details {
    border-left: unset!important;
    border-right: 1px solid #374558
}

html[dir=rtl] body.dark-only .custom-card .card-footer>div+div {
    border-right: 1px solid #374558
}

html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .b-r-light,html[dir=rtl] body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .border-right {
    border-right: none!important;
    border-left: 1px solid #374558!important
}

@media screen and (max-width: 1660px) {
    html[dir=rtl] .caller-img {
        left:unset;
        right: 15px
    }
}

@media only screen and (max-width: 1366px) {
    html[dir=rtl] .profile-dropdown.onhover-show-div {
        right:unset!important;
        left: 0!important
    }

    html[dir=rtl] .product-grid,html[dir=rtl] .product-wrapper .product-grid .feature-products {
        margin-right: 0
    }

    html[dir=rtl] .d-none-productlist {
        margin-left: 10px;
        margin-right: unset
    }

    html[dir=rtl] .product-sidebar {
        transform: translateX(300px) scaleX(0)
    }

    html[dir=rtl] .photos ul li:nth-child(3n) {
        margin-left: 15px;
        margin-right: unset
    }

    html[dir=rtl] .chat-left-aside .status-circle {
        left: unset;
        right: 22px
    }

    html[dir=rtl] .earning-card .card-body>.row>div .chart-left {
        padding: 40px
    }

    html[dir=rtl] .earning-card .card-body>.row>div .chart-left .left-btn {
        text-align: left
    }

    html[dir=rtl] .chart_data_left .card-body .chart-main .media .media-body .right-chart-content {
        margin-right: 4px
    }

    html[dir=rtl] .best-seller-table table tbody tr td .fa-check-circle {
        right: 2px
    }

    html[dir=rtl] .offer-box .offer-slider .selling-slide .d-flex .left-content {
        padding-left: unset;
        padding-right: 15px
    }
}

@media(min-width: 1200px) {
    html[dir=rtl] .chat-box .pe-xl-0 {
        padding-left:0!important;
        padding-right: 15px!important
    }

    html[dir=rtl] .chat-box .ps-xl-0 {
        padding-right: 0!important;
        padding-left: 15px!important
    }

    html[dir=rtl] .pixelstrap ul a.highlighted .sub-arrow,html[dir=rtl] .pixelstrap ul a:active .sub-arrow,html[dir=rtl] .pixelstrap ul a:focus .sub-arrow,html[dir=rtl] .pixelstrap ul a:hover .sub-arrow {
        left: 3px;
        right: unset
    }
}

@media(min-width: 992px) {
    html[dir=rtl] .text-lg-start {
        text-align:right!important
    }
}

@media only screen and (max-width: 1199.98px) {
    html[dir=rtl] .jkanban-container .btn {
        margin-left:unset;
        margin-right: 20px
    }

    html[dir=rtl] .link-section>div>h6:before {
        right: unset;
        left: 10px
    }

    html[dir=rtl] .left-header .mega-menu-container {
        left: -300px!important;
        right: unset!important
    }

    html[dir=rtl] .left-header .mega-menu-container.d-block {
        left: 0!important;
        right: unset!important;
        animation: fadeInLeft .3s ease-in-out
    }

    html[dir=rtl] .left-header .mega-menu-container .mega-box+.mega-box {
        padding-right: 15px;
        border-right: 0
    }

    html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right>ul li .submenu li:first-child {
        padding-right: 15px!important;
        padding-left: 15px!important
    }

    html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
        left: 45px
    }

    html[dir=rtl] .email-wrap .row .col-xl-6 {
        padding-right: 15px
    }

    html[dir=rtl] .email-wrap .row .col-xl-3+.col-xl-3 {
        padding-left: 15px
    }

    html[dir=rtl] .email-wrap .email-app-sidebar .main-menu>li {
        text-align: right
    }

    html[dir=rtl] .email-wrap .email-app-sidebar .main-menu>li a i {
        margin-right: unset;
        margin-left: 10px
    }

    html[dir=rtl] .email-wrap .email-app-sidebar ul {
        padding-right: 0
    }

    html[dir=rtl] .email-wrap .email-content .email-top .user-emailid:after {
        float: left
    }

    html[dir=rtl] .email-wrap .email-right-aside .email-body .pe-0 {
        padding-right: unset!important
    }

    html[dir=rtl] .email-wrap .email-right-aside .radius-left {
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
        border-radius: 4px
    }

    html[dir=rtl] .chat-menu-icons {
        text-align: left
    }

    html[dir=rtl] .chat-box .chat-history .row .col-sm-7 {
        padding-left: 0!important;
        padding-right: unset!important
    }

    html[dir=rtl] .chat-menu {
        left: 0;
        right: unset
    }

    html[dir=rtl] .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3) {
        text-align: left
    }

    html[dir=rtl] .chart_data_left .card-body .chart-main .media .media-body .right-chart-content {
        margin-right: 30px
    }

    html[dir=rtl] .best-seller-table table tbody tr td .fa-check-circle {
        right: 18px
    }
}

html[dir=rtl] .single-section .description-section .description-details .menu-part.facility h6 img {
    margin-right: unset;
    margin-left: 5px
}

html[dir=rtl] .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li img {
    margin-right: unset;
    margin-left: 8px
}

html[dir=rtl] .single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon .facility-box+.facility-box {
    margin-right: 15px;
    margin-left: unset
}

html[dir=rtl] .grow svg {
    margin-right: unset;
    margin-left: 8px
}

@media only screen and (max-width: 991.98px) {
    html[dir=rtl] .order-menu-section {
        padding:0
    }

    html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks {
        left: 20px
    }

    html[dir=rtl] .left-header .level-menu .nav-link svg,html[dir=rtl] .left-header .mega-menu .nav-link svg {
        margin-left: 0
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon,html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        transform: translate(285px)
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
        float: left;
        transform: rotate(180deg)
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
        margin-right: 0;
        border-right: none;
        padding-right: 0;
        border-left: 1px solid #ddd;
        margin-left: 15px;
        padding-left: 15px
    }

    html[dir=rtl] .page-wrapper.compact-sidebar .page-header {
        margin-right: 0
    }

    html[dir=rtl] .page-wrapper.material-icon .page-header {
        padding-right: 0
    }

    html[dir=rtl] .page-wrapper.material-icon .page-body-wrapper .page-body {
        padding-right: 15px
    }

    html[dir=rtl] .faq-accordion .faq-header svg {
        left: 20px
    }

    html[dir=rtl] .categories .learning-header {
        padding-right: 20px
    }

    html[dir=rtl] .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
        margin-left: 15px;
        margin-right: unset
    }

    html[dir=rtl] .page-body-wrapper .page-body,html[dir=rtl] .page-body-wrapper footer {
        margin-right: 0!important
    }

    html[dir=rtl] .main .langChoice {
        left: 20px
    }

    html[dir=rtl] .cd-timeline-img i {
        right: 50%!important
    }

    html[dir=rtl] .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        margin-right: 0
    }

    html[dir=rtl] .page-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 60px)
    }

    html[dir=rtl] .page-wrapper .page-header {
        margin-right: 0
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .page-header {
        margin-right: 0!important;
        margin-left: unset!important
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper.close_icon {
        transform: translate(285px)
    }

    html[dir=rtl] .card-body .value-left {
        margin-left: 20px
    }

    html[dir=rtl] .bookmark ul li .search-form .form-control-search {
        left: -127px
    }

    html[dir=rtl] .card .card-header .card-header-right {
        left: 15px
    }

    html[dir=rtl] .earning-card.card .card-body>.row>div .chart-left {
        padding: 20px
    }

    html[dir=rtl] .chart_data_left .card-body .chart-main .media .media-body .right-chart-content {
        margin-right: 20px
    }

    html[dir=rtl] .activity-timeline .media .activity-line {
        right: 26px
    }

    html[dir=rtl] .offer-box .offer-slider .selling-slide .d-flex .left-content {
        padding-right: 0
    }

    html[dir=rtl] .offer-box .offer-slider .carousel-control-next-icon,html[dir=rtl] .offer-box .offer-slider .carousel-control-prev-icon {
        right: unset;
        left: 20px
    }
}

@media only screen and (max-width: 991px)and (min-width:768px) {
    html[dir=rtl] .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
        left:unset;
        right: 0
    }
}

@media(min-width: 768px) {
    html[dir=rtl] .float-md-end {
        float:left!important
    }

    html[dir=rtl] .text-md-end {
        text-align: left!important
    }

    html[dir=rtl] .offset-md-3 {
        margin-right: 25%;
        margin-left: unset
    }

    html[dir=rtl] .text-md-start {
        text-align: right!important
    }

    html[dir=rtl] .ecommerce-widget .text-md-end {
        text-align: left!important
    }

    html[dir=rtl] .ecommerce-widget .text-md-end ul {
        text-align: left
    }
}

@media only screen and (max-width: 767.98px) {
    html[dir=rtl] .list-persons .profile-mail .email-general ul {
        padding-left:0
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .left-header .mega-menu {
        right: 80px
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link {
        border: none
    }

    html[dir=rtl] .left-header .mega-menu .nav-link.active {
        color: #000
    }

    html[dir=rtl] .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
        margin-right: 0
    }

    html[dir=rtl] .feature-products .filter-toggle {
        margin-right: 10px;
        margin-left: unset
    }

    html[dir=rtl] .page-wrapper .nav-right .nav-menus {
        margin-right: unset;
        margin-left: 57px
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .nav-right .nav-menus {
        margin-right: unset;
        margin-left: 25px
    }

    html[dir=rtl] .page-wrapper.compact-sidebar .left-header .mega-menu,html[dir=rtl] .page-wrapper.compact-wrapper .left-header .mega-menu {
        right: unset;
        left: 30px
    }

    html[dir=rtl] .page-wrapper.compact-sidebar .left-header .mega-menu .nav-link,html[dir=rtl] .page-wrapper.compact-wrapper .left-header .mega-menu .nav-link {
        padding-right: 16px;
        padding-left: 0;
        border: 0
    }

    html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
        left: 25px!important
    }

    html[dir=rtl] .ecommerce-widget .text-md-right {
        text-align: left!important
    }

    html[dir=rtl] .bar-chart-widget .earning-details i {
        left: -147px!important
    }

    html[dir=rtl] .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row ul li+li {
        margin-left: unset;
        margin-right: 25px
    }

    html[dir=rtl] .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row .inner-top-right ul li {
        margin-left: unset;
        margin-right: 30px
    }
}

html[dir=rtl] .single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header button:before {
    left: 9px;
    right: unset
}

@media(min-width: 576px) {
    html[dir=rtl] .offset-sm-3 {
        margin-right:25%;
        margin-left: unset
    }

    html[dir=rtl] .text-sm-end {
        text-align: left!important
    }

    html[dir=rtl] .float-sm-end {
        float: left!important
    }

    html[dir=rtl] .me-sm-2 {
        margin-left: .5rem!important;
        margin-right: unset!important
    }
}

@media only screen and (max-width: 575.98px) {
    html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks {
        left:15px
    }

    html[dir=rtl] .list-persons .nav-pills .nav-link .media .media-body {
        text-align: right
    }

    html[dir=rtl] .mega-menu {
        padding-left: unset;
        padding-right: 15px
    }

    html[dir=rtl] .left-header .level-menu .nav-link {
        margin: 0
    }

    html[dir=rtl] .page-wrapper .nav-right .nav-menus {
        margin-left: 45px
    }

    html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right>ul li {
        margin-right: unset;
        margin-left: 1px
    }

    html[dir=rtl] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar,html[dir=rtl] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
        margin-left: 8px;
        padding-left: 8px;
        margin-right: unset;
        padding-right: unset;
        border-right: unset;
        border-left: 1px solid #ddd
    }

    html[dir=rtl] .page-wrapper.compact-sidebar .left-header .mega-menu,html[dir=rtl] .page-wrapper.compact-wrapper .left-header .mega-menu {
        left: 15px
    }

    html[dir=rtl] .page-wrapper.compact-wrapper .nav-right .nav-menus {
        margin-left: 0
    }

    html[dir=rtl] .translate_wrapper.active .more_lang.active {
        left: unset;
        right: 15px
    }

    html[dir=rtl] .page-header .header-wrapper .nav-right>ul>li:last-child {
        padding-right: 10px
    }

    html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul.chat-dropdown,html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown,html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul.profile-dropdown {
        left: unset!important;
        right: 15px!important
    }

    html[dir=rtl] .faq-accordion .faq-header svg {
        left: 15px
    }

    html[dir=rtl] .categories .learning-header {
        padding-right: 15px
    }

    html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
        left: 15px!important
    }

    html[dir=rtl] .user-profile .hovercard .user-image .share-icons li {
        margin-left: 0
    }

    html[dir=rtl] .main .langChoice {
        left: 15px
    }

    html[dir=rtl] .page-wrapper .search-form .form-group {
        margin-left: 0
    }

    html[dir=rtl] .card-body .value-left {
        margin-left: 15px
    }

    html[dir=rtl] .earning-card .card-body>.row>div .chart-left .left-btn,html[dir=rtl] .earning-card .card-body>.row>div .chart-left .left_side_earning:nth-child(3) {
        text-align: right
    }

    html[dir=rtl] .dashboard-sec .earning-card .card-body>.row>div .chart-right>.row ul li+li {
        margin-right: 15px
    }
}

@media only screen and (max-width: 480px) {
    html[dir=rtl] .left-header .level-menu .header-level-menu>li>.header-level-sub-menu {
        right:140px
    }

    html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
        right: unset;
        left: 20px
    }
}

@media only screen and (max-width: 420px) {
    html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,html[dir=rtl] .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        right:112px
    }

    html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,html[dir=rtl] .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        right: 80px
    }
}

@media only screen and (max-width: 360px) {
    html[dir=rtl] .prooduct-details-box .close {
        left:0
    }

    html[dir=rtl] .social-app-profile .hovercard .user-image .avatar {
        margin-top: -47px
    }

    html[dir=rtl] .social-app-profile .hovercard .user-image .avatar img {
        width: 85px;
        height: 85px
    }

    html[dir=rtl] .social-chat .other-msg {
        margin-right: 15px
    }
}

@media screen and (max-width: 1460px) {
    html[dir=rtl] .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li {
        margin-left:8px;
        margin-right: unset
    }
}

.box-layout {
    background-blend-mode: overlay;
    background-color: hsla(0,0%,100%,.5)
}

@media only screen and (min-width: 1280px) {
    .box-layout #line-visual canvas,.box-layout #line-visual>div,.box-layout #line-visulH canvas,.box-layout #line-visulH>div,.box-layout .apache-cotainer-large canvas,.box-layout .apache-cotainer-large>div {
        width:100%!important
    }

    .box-layout .left-header .mega-menu-container {
        width: calc(100vw - 870px);
        left: -70px;
        min-width: 1000px
    }

    .box-layout .page-wrapper.box-layout,.box-layout.page-wrapper.box-layout {
        padding-top: 40px;
        margin-top: 0!important
    }

    .box-layout .page-wrapper.compact-wrapper,.box-layout.page-wrapper.compact-wrapper {
        margin-top: 40px
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 230px;
        top: 40px;
        border-radius: 10px 0 0 10px
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon~footer,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon~footer {
        width: 1200px;
        left: 47%
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon~.footer-fix,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon~.footer-fix {
        padding-left: 0
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 196px)
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper {
        box-shadow: 0 8px 6px -6px rgba(89,102,122,.1)
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        margin-top: 10px;
        margin-bottom: 20px;
        height: calc(100vh - 191px)
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        min-height: calc(100vh - 130px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 220px);
        padding-bottom: 80px;
        margin-left: 230px
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #ecf3fa
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
        width: 6px
    }

    .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb,.box-layout.page-wrapper.compact-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
        background-color: rgba(68,102,242,.15)
    }

    .box-layout .page-wrapper.compact-wrapper .page-header .header-wrapper .left-header,.box-layout.page-wrapper.compact-wrapper .page-header .header-wrapper .left-header {
        display: inline-block
    }

    .box-layout .page-wrapper.compact-sidebar .page-header,.box-layout.page-wrapper.compact-sidebar .page-header {
        padding-left: 148px
    }

    .box-layout .page-wrapper.compact-sidebar .page-header .header-wrapper .left-header,.box-layout.page-wrapper.compact-sidebar .page-header .header-wrapper .left-header {
        flex: 0 0 30%;
        max-width: 30%
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper {
        margin-top: 40px
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper {
        top: 40px
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon {
        display: none;
        transition: .5s
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 166px);
        margin: 0
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        left: 470px;
        top: 40px;
        height: calc(100vh - 84px)
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active~.mega-menu-container,.box-layout .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active~.sidebar-submenu,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active~.mega-menu-container,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a.active~.sidebar-submenu {
        animation: unset
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .footer,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .footer {
        margin-left: 0
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        min-height: calc(100vh - 90px);
        margin-top: 0;
        top: 80px;
        overflow: scroll;
        max-height: calc(100vh - 170px);
        padding-bottom: 80px
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #ecf3fa
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar {
        width: 6px
    }

    .box-layout .page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb,.box-layout.page-wrapper.compact-sidebar .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
        background-color: rgba(68,102,242,.15)
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header,.box-layout.page-wrapper.compact-sidebar.compact-small .page-header {
        padding-left: 90px
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small .page-header.close_icon,.box-layout.page-wrapper.compact-sidebar.compact-small .page-header.close_icon {
        padding-left: 0
    }

    .box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.box-layout .page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu,.box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.box-layout.page-wrapper.compact-sidebar.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        left: 410px
    }

    .box-layout .page-wrapper.horizontal-wrapper:before,.box-layout.page-wrapper.horizontal-wrapper:before {
        display: none
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
        margin-top: 40px
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body {
        margin-top: 80px;
        min-height: calc(100vh - 310px);
        max-height: calc(100vh - 230px);
        overflow: scroll
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #ecf3fa
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar {
        width: 6px
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .page-body::-webkit-scrollbar-thumb {
        background-color: rgba(68,102,242,.15)
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .footer,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .footer {
        padding-left: 15px
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper {
        width: 1280px;
        top: 80px;
        margin: 0;
        overflow-x: unset;
        position: relative
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu,.box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-main #sidebar-menu {
        left: 0;
        transform: translate(0);
        top: 125px;
        background-color: #fff
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-header,.box-layout .page-wrapper.modern-type .page-header,.box-layout.page-wrapper.horizontal-wrapper .page-header,.box-layout.page-wrapper.modern-type .page-header {
        padding-left: 0
    }

    .box-layout .page-wrapper.modern-type .page-header .header-wrapper .left-header,.box-layout.page-wrapper.modern-type .page-header .header-wrapper .left-header {
        flex: 0 0 26%;
        max-width: 26%
    }

    .box-layout .page-wrapper.modern-type .page-header .header-wrapper .nav-right,.box-layout.page-wrapper.modern-type .page-header .header-wrapper .nav-right {
        flex: 0 0 60%;
        max-width: 60%
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .page-body,.box-layout.page-wrapper.modern-type .page-body-wrapper .page-body {
        margin-left: 260px
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper,.box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper {
        top: 120px
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links,.box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 311px)
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links,.box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: calc(100vh - 316px)
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon~footer,.box-layout.page-wrapper.modern-type .page-body-wrapper .sidebar-wrapper.close_icon~footer {
        width: 1280px;
        left: 50%;
        margin-left: 0
    }

    .box-layout .page-wrapper.modern-type .page-body-wrapper .footer,.box-layout.page-wrapper.modern-type .page-body-wrapper .footer {
        margin-left: 0
    }

    .box-layout .page-wrapper .page-header,.box-layout.page-wrapper .page-header {
        max-width: 1280px;
        left: 0;
        right: 0;
        transition: .5s;
        padding-left: 230px;
        margin: 40px auto 0;
        border-radius: 10px;
        width: unset
    }

    .box-layout .page-wrapper .page-header.close_icon,.box-layout.page-wrapper .page-header.close_icon {
        padding-left: 0;
        margin-left: auto;
        width: calc(100% - 0px);
        transition: .5s
    }

    .box-layout .page-wrapper .page-header .header-wrapper,.box-layout.page-wrapper .page-header .header-wrapper {
        border: 1px solid #f8f8f8;
        border-radius: 10px 10px 0 0
    }

    .box-layout .page-wrapper .page-header .header-wrapper .left-header,.box-layout.page-wrapper .page-header .header-wrapper .left-header {
        flex: 0 0 33%;
        max-width: 33%
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header,.box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .left-header {
        flex: 0 0 24%;
        max-width: 24%
    }

    .box-layout .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right,.box-layout.page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        flex: 0 0 63%;
        max-width: 63%
    }

    .box-layout .page-wrapper.material-type .page-body-wrapper,.box-layout .page-wrapper.material-type .page-body-wrapper .page-body,.box-layout.page-wrapper.material-type .page-body-wrapper,.box-layout.page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0
    }

    .box-layout .page-wrapper.material-type .page-body-wrapper .sidebar-wrapper,.box-layout.page-wrapper.material-type .page-body-wrapper .sidebar-wrapper {
        top: 0
    }

    .box-layout .page-wrapper.material-icon .page-header.close_icon,.box-layout.page-wrapper.material-icon .page-header.close_icon {
        margin-top: 40px!important
    }

    .box-layout .page-wrapper.material-icon .page-body-wrapper,.box-layout.page-wrapper.material-icon .page-body-wrapper {
        margin-top: 0
    }

    .box-layout .page-wrapper.material-icon .page-body-wrapper .page-body,.box-layout.page-wrapper.material-icon .page-body-wrapper .page-body {
        top: 0;
        min-height: calc(100vh - 170px);
        padding-bottom: 40px
    }

    .box-layout .page-wrapper.advance-layout .page-header,.box-layout.page-wrapper.advance-layout .page-header {
        box-shadow: 0 0 10px rgba(0,0,0,.07)
    }

    .box-layout .page-wrapper.advance-layout .page-body-wrapper,.box-layout.page-wrapper.advance-layout .page-body-wrapper {
        margin-top: 0
    }

    .box-layout .page-wrapper .page-body-wrapper,.box-layout.page-wrapper .page-body-wrapper {
        width: 1280px;
        box-shadow: 4px 11px 25px rgba(0,0,0,.07);
        margin: 0 auto;
        overflow: hidden
    }

    .box-layout .page-wrapper .page-body-wrapper .learning-comment,.box-layout.page-wrapper .page-body-wrapper .learning-comment {
        margin-left: -14px!important;
        float: left!important
    }

    .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive,.box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
        min-width: 1087px;
        overflow: auto
    }

    .box-layout .page-wrapper .page-body-wrapper .active-order-table,.box-layout.page-wrapper .page-body-wrapper .active-order-table {
        max-width: 443px;
        overflow: auto
    }

    .box-layout .page-wrapper .page-body-wrapper .active-order-table table tbody tr td p,.box-layout.page-wrapper .page-body-wrapper .active-order-table table tbody tr td p {
        width: 100px
    }

    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.gradient-line-1:after {
        height: 57px;
        bottom: -64px
    }

    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.small-line:after {
        height: 36px;
        bottom: -43px
    }

    .box-layout .page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after,.box-layout.page-wrapper .page-body-wrapper .activity .media .gradient-round.medium-line:after {
        height: 40px;
        bottom: -48px
    }

    .box-layout .page-wrapper .page-body-wrapper footer,.box-layout.page-wrapper .page-body-wrapper footer {
        width: 1280px;
        margin: 0 auto;
        padding-left: 230px;
        margin-bottom: 40px!important;
        position: fixed;
        left: 50%;
        transform: translate(-50%);
        border-radius: 0 0 10px
    }

    .box-layout .page-wrapper .page-body-wrapper .blockquote-footer,.box-layout.page-wrapper .page-body-wrapper .blockquote-footer {
        margin-left: 0;
        width: 100%
    }

    .box-layout .page-wrapper .page-body-wrapper .footer-fix,.box-layout.page-wrapper .page-body-wrapper .footer-fix {
        padding-left: 230px
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content>div,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content>div {
        z-index: 8;
        background-color: hsla(0,0%,100%,.75);
        background-blend-mode: overlay;
        width: 100%;
        padding: 30px;
        left: 15px
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-content button {
        width: 40%;
        font-size: 14px;
        margin: 0 auto
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .call-icons ul li {
        border: 1px solid #717171;
        width: 50px;
        height: 50px;
        padding: 8px
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .receiver-img img {
        width: 38%
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2,.box-layout.page-wrapper .page-body-wrapper .chat-box .chat-history .total-time h2 {
        font-size: 28px;
        color: #717171
    }

    .box-layout .page-wrapper .page-body-wrapper canvas#myLineCharts,.box-layout.page-wrapper .page-body-wrapper canvas#myLineCharts {
        width: 100%
    }

    .box-layout .page-wrapper .page-body-wrapper .chat-right-aside,.box-layout.page-wrapper .page-body-wrapper .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden
    }

    .box-layout .page-wrapper .page-body-wrapper .caller-img,.box-layout.page-wrapper .page-body-wrapper .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px
    }

    .box-layout .page-wrapper .page-body-wrapper .caller-img img,.box-layout.page-wrapper .page-body-wrapper .caller-img img {
        opacity: .7
    }

    .box-layout .page-wrapper .page-body-wrapper .browser-widget img,.box-layout.page-wrapper .page-body-wrapper .browser-widget img {
        height: 65px
    }

    .box-layout .page-wrapper .page-body-wrapper .weather-widget-two .bottom-whetherinfo .whether-content,.box-layout.page-wrapper .page-body-wrapper .weather-widget-two .bottom-whetherinfo .whether-content {
        top: 39px
    }

    .box-layout .page-wrapper .page-body-wrapper .custom-card .card-header img,.box-layout.page-wrapper .page-body-wrapper .custom-card .card-header img {
        margin-top: -73px
    }

    .box-layout .page-wrapper .page-body-wrapper .custom-card .card-profile img,.box-layout.page-wrapper .page-body-wrapper .custom-card .card-profile img {
        height: 130px;
        top: -17px
    }

    .box-layout .page-wrapper .page-body-wrapper .select2,.box-layout.page-wrapper .page-body-wrapper .select2 {
        width: 901.781px
    }

    .box-layout .page-wrapper ul.close_icon>li label,.box-layout.page-wrapper ul.close_icon>li label {
        padding: 0
    }

    .box-layout .page-wrapper ul.close_icon>li label:after,.box-layout.page-wrapper ul.close_icon>li label:after {
        display: none
    }

    .box-layout .page-wrapper .bookmark ul,.box-layout.page-wrapper .bookmark ul {
        margin-right: -1px
    }

    .box-layout .page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn,.box-layout.page-wrapper #batchDelete .jsgrid-grid-header .jsgrid-table tr th .btn {
        padding-left: 20px;
        padding-right: 20px
    }

    .box-layout .page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type=radio],.box-layout.page-wrapper .btn-group-showcase .btn-radio .btn-group .radio input[type=radio] {
        display: none
    }

    .box-layout .page-wrapper .media.bitcoin-graph,.box-layout.page-wrapper .media.bitcoin-graph {
        display: block
    }

    .box-layout .page-wrapper .media.bitcoin-graph .top-bitcoin,.box-layout.page-wrapper .media.bitcoin-graph .top-bitcoin {
        display: inline-block;
        vertical-align: middle
    }

    .box-layout .page-wrapper .media.bitcoin-graph .media-body,.box-layout.page-wrapper .media.bitcoin-graph .media-body {
        margin-top: 30px
    }

    .box-layout .page-wrapper .media.bitcoin-graph .media-body .bitcoin-content .bitcoin-numbers h6,.box-layout.page-wrapper .media.bitcoin-graph .media-body .bitcoin-content .bitcoin-numbers h6 {
        font-size: 14PX
    }

    .box-layout .page-wrapper .media.bitcoin-graph .media-body .bitcoin-content.text-right,.box-layout.page-wrapper .media.bitcoin-graph .media-body .bitcoin-content.text-right {
        text-align: center!important
    }

    .box-layout .page-wrapper .alert.inverse p,.box-layout.page-wrapper .alert.inverse p {
        max-width: 238px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .box-layout .page-wrapper .auth-bg-effect .second-effect,.box-layout.page-wrapper .auth-bg-effect .second-effect {
        left: 55%
    }

    .box-layout .page-wrapper .auth-bg-video video,.box-layout.page-wrapper .auth-bg-video video {
        min-width: 67%;
        width: 67%
    }

    .box-layout .page-wrapper .page-builder .ge-canvas.ge-layout-desktop,.box-layout.page-wrapper .page-builder .ge-canvas.ge-layout-desktop {
        margin-top: 40px
    }

    .box-layout .page-wrapper .page-builder .ge-addRowGroup,.box-layout.page-wrapper .page-builder .ge-addRowGroup {
        margin-bottom: 10px
    }

    .box-layout .page-wrapper .pricing-wrapper-card,.box-layout.page-wrapper .pricing-wrapper-card {
        padding: 50px 20px
    }

    .box-layout .page-wrapper .card .blog-box.blog-grid.set-min-height,.box-layout.page-wrapper .card .blog-box.blog-grid.set-min-height {
        min-height: 400px
    }

    .box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris,.box-layout .page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily,.box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris,.box-layout.page-wrapper .flot-chart-placeholder#donut-color-chart-morris-daily {
        min-height: 430px
    }

    .box-layout .page-wrapper .box-col-12,.box-layout.page-wrapper .box-col-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .box-layout .page-wrapper .box-col-6,.box-layout.page-wrapper .box-col-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .box-layout .page-wrapper .box-col-3,.box-layout.page-wrapper .box-col-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .box-layout .page-wrapper .box-col-7,.box-layout.page-wrapper .box-col-7 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .box-layout .page-wrapper .box-col-5,.box-layout.page-wrapper .box-col-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .box-layout .page-wrapper .box-col-8,.box-layout.page-wrapper .box-col-8 {
        flex: 0 0 70%;
        max-width: 70%
    }

    .box-layout .page-wrapper .box-col-4,.box-layout.page-wrapper .box-col-4 {
        flex: 0 0 33.33%;
        max-width: 33%
    }

    .box-layout .page-wrapper .chat-box .chat-right-aside,.box-layout.page-wrapper .chat-box .chat-right-aside {
        flex: 0 0 100%;
        max-width: calc(100% - 15px);
        overflow: hidden
    }

    .box-layout .page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i,.box-layout.page-wrapper .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px
    }

    .box-layout .page-wrapper .chat-box .toogle-bar,.box-layout.page-wrapper .chat-box .toogle-bar {
        display: inline-block;
        margin-right: 0!important
    }

    .box-layout .page-wrapper .chat-menu,.box-layout.page-wrapper .chat-menu {
        right: 0;
        border-top: 1px solid #ddd;
        opacity: 0;
        transform: translateY(-30px);
        visibility: hidden;
        top: 81px;
        position: absolute;
        z-index: 9;
        background-color: #fff;
        transition: all .3s linear
    }

    .box-layout .page-wrapper .chat-menu.show,.box-layout.page-wrapper .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: all .3s linear;
        padding-bottom: 25px
    }

    .box-layout .page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar,.box-layout.page-wrapper .ct-10.total-chart .ct-chart-bar .ct-series .ct-bar {
        stroke-width: 23px!important
    }

    .box-layout .page-wrapper .social-app-profile .box-col-4,.box-layout.page-wrapper .social-app-profile .box-col-4 {
        flex: 0 0 30%;
        max-width: 30%
    }

    .box-layout .page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset,.box-layout.page-wrapper .email-wrap .email-body .email-compose .cke_contents.cke_reset {
        max-height: 165px
    }

    .box-layout .page-wrapper .email-wrap .row .col-xl-6,.box-layout.page-wrapper .email-wrap .row .col-xl-6 {
        padding-left: 12px
    }

    .box-layout .page-wrapper .email-wrap .row .col-xl-3+.col-xl-3,.box-layout.page-wrapper .email-wrap .row .col-xl-3+.col-xl-3 {
        padding-right: 12px
    }

    .box-layout .page-wrapper .email-wrap .email-right-aside .email-body .inbox,.box-layout.page-wrapper .email-wrap .email-right-aside .email-body .inbox {
        height: 644px
    }

    .box-layout .page-wrapper .email-wrap .email-content .email-top .user-emailid:after,.box-layout.page-wrapper .email-wrap .email-content .email-top .user-emailid:after {
        right: -10px
    }

    .box-layout .page-wrapper .todo .notification-popup,.box-layout.page-wrapper .todo .notification-popup {
        right: 320px
    }

    .box-layout .page-wrapper .touchspin,.box-layout.page-wrapper .touchspin {
        padding: 0 10px
    }

    .box-layout .page-wrapper .vertical-menu-main,.box-layout.page-wrapper .vertical-menu-main {
        width: 1280px;
        margin: 0 auto;
        left: 0;
        right: 0
    }

    .box-layout .page-wrapper .vertical-menu-main .mega-menu,.box-layout.page-wrapper .vertical-menu-main .mega-menu {
        width: 1050px!important;
        max-width: 1050px!important;
        left: -320px!important
    }

    .box-layout .page-wrapper .comingsoon video,.box-layout.page-wrapper .comingsoon video {
        min-width: 67%;
        width: 67%
    }
}

@media screen and (max-width: 1660px)and (min-width:1440px) {
    .box-layout .calendar-sec {
        order:unset
    }

    .box-layout .chart_data_right.second {
        display: none!important
    }
}

@media(max-width: 1836px) {
    .pie-chart .apexcharts-legend-text {
        line-height:unset
    }
}

@media(max-width: 1800px) {
    .caller-img {
        display:none
    }
}

@media screen and (max-width: 1660px) {
    .photos ul li {
        width:26%
    }

    .bar-chart canvas {
        width: 100%!important
    }

    .chat-box .chat-history .call-icons ul li {
        border: 1px solid #898989
    }

    .chat-box .chat-history .total-time h2 {
        color: #898989
    }

    .chat-box .chat-history .call-content .btn {
        width: auto;
        margin: 0 auto
    }

    .chat-box .chat-history .call-content>div {
        z-index: 7;
        background-color: hsla(0,0%,100%,.75);
        background-blend-mode: overlay;
        width: 100%;
        padding: 30px
    }

    .chat-box .chat-history .receiver-img {
        margin-top: 25px
    }

    .chat-left-aside .people-list {
        height: 520px
    }

    .chat-box .chat-right-aside .chat .chat-msg-box {
        height: 440px
    }

    .chat-box .people-list ul {
        max-height: 450px;
        overflow: auto
    }

    .call-chat-body .chat-box {
        overflow: hidden;
        height: 625px
    }

    .call-chat-body .chat-box .people-list ul {
        max-height: 550px;
        overflow: auto
    }

    .caller-img {
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 15px
    }

    .caller-img img {
        opacity: .7
    }

    .timeline-small .media .timeline-round.timeline-line-1:after {
        bottom: -78px
    }
}

@media screen and (max-width: 1600px) {
    .page-wrapper.horizontal-wrapper.material-type .left-header .level-menu .nav-link svg,.page-wrapper.horizontal-wrapper.material-type .left-header .mega-menu .nav-link svg {
        margin-right:0
    }

    .page-wrapper.horizontal-wrapper.material-type .left-header .level-menu .nav-link span,.page-wrapper.horizontal-wrapper.material-type .left-header .mega-menu .nav-link span {
        display: none
    }

    .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body,.page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,.page-wrapper.horizontal-wrapper.material-type .page-header {
        max-width: 1320px
    }

    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li {
        margin-right: 10px
    }
}

@media screen and (max-width: 1535px) {
    .custome-1-bg,.custome-2-bg,.custome-3-bg,.custome-4-bg {
        padding:25px 20px!important
    }
}

@media screen and (max-width: 1428px) {
    .category-box .content-category {
        padding:60px 20px 25px
    }
}

@media screen and (max-width: 1400px) {
    .custome-1-bg,.custome-2-bg,.custome-3-bg,.custome-4-bg {
        padding:30px 40px!important
    }

    .datepicker-dashboard .datepicker--days-names {
        font-size: 18px;
        margin: 18px 0
    }

    .datepicker-dashboard .datepicker--cells-days {
        height: 200px
    }

    .datepicker-dashboard .datepicker {
        height: 360px
    }

    .datepicker-dashboard .datepicker--nav-action {
        height: 30px;
        width: 30px
    }

    .datepicker-dashboard .datepicker--nav-title {
        font-size: calc(15px + 3*(100vw - 320px)/1600)
    }

    .btn-group .btn {
        padding: .375rem .75rem
    }
}

@media screen and (max-width: 668px) {
    .custome-1-bg,.custome-2-bg,.custome-3-bg,.custome-4-bg {
        padding:25px 20px!important
    }
}

@media screen and (max-width: 1380px) {
    .single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
        width:100%!important;
        display: block!important
    }

    .single-section .description-section .description-details .menu-part .rooms-box td:first-child {
        width: 100%;
        display: block
    }

    .single-section .description-section .description-details .menu-part .rooms-box td:first-child img {
        width: 100%!important
    }

    .single-section .description-section .description-details .menu-part .rooms-box .room-title {
        margin: 20px 0
    }

    .single-section .description-section .description-details .menu-part .rooms-box .room-detail {
        padding: 0
    }
}

@media screen and (max-width: 1660px)and (min-width:1200px) {
    .xl-none {
        display:none
    }

    .xl-60 {
        max-width: 60%;
        flex: 0 0 60%
    }

    .xl-50 {
        max-width: 50%;
        flex: 0 0 50%
    }

    .xl-100 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .xl-23 {
        max-width: 23%;
        flex: 0 0 23%
    }

    .xl-25 {
        max-width: 25%;
        flex: 0 0 25%
    }

    .xl-40 {
        max-width: 40%;
        flex: 0 0 40%
    }

    .xl-4 {
        max-width: 33.33%;
        flex: 0 0 33.33%
    }
}

@media(max-width: 1280px) {
    .img-gallery-set1,.img-gallery-set5 {
        display:none
    }

    .box-layout.page-wrapper.horizontal-wrapper .page-header {
        padding-left: unset;
        max-width: unset;
        left: unset
    }

    .box-layout.page-wrapper.horizontal-wrapper .page-body-wrapper {
        width: unset
    }
}

@media screen and (max-width: 1580px)and (min-width:1200px) {
    .docs-buttons,.docs-toggles {
        flex:0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 1445px) {
    .user-table tbody tr td:nth-child(2) {
        min-width:185px
    }

    .user-table tbody tr td:nth-child(3) {
        min-width: 160px
    }
}

@media(max-width: 1470px) {
    .edit-profile .profile-title .media {
        display:block;
        margin-bottom: 10px
    }

    .edit-profile .profile-title .media .media-body {
        margin-left: unset;
        margin-top: 10px
    }
}

@media screen and (max-width: 1366px)and (min-width:1200px) {
    .flot-chart-container-small {
        height:227px
    }

    .left-header .mega-menu-container {
        min-width: 920px
    }

    .call-chat-sidebar {
        max-width: 262px
    }

    .product-box .product-details {
        padding: 15px
    }

    .product-box .product-details p {
        margin-bottom: 10px
    }

    .flot-chart-container {
        height: 130px
    }

    .custom-card .card-profile img {
        height: 115px
    }

    .custom-card .profile-details h4 {
        font-size: 18px
    }

    .custom-card .profile-details h6 {
        margin-bottom: 24px
    }

    .custom-card .card-footer>div h3 {
        font-size: 18px
    }

    .crm-activity {
        height: 291px;
        overflow-y: auto
    }

    .crm-activity .media .media-body .dates {
        display: flex
    }

    .calender-widget .cal-date {
        width: 95px;
        height: 95px
    }

    .calender-widget .cal-date h5 {
        line-height: 1.4;
        padding: 13px
    }

    .chat-body {
        padding: 10px
    }

    .chat-box .chat-history .call-content .btn {
        font-size: 15px
    }

    .chat-box .chat-history .total-time h2 {
        font-size: 30px
    }

    .chat-box .chat-history .receiver-img {
        margin-top: 30px
    }

    .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .chat-box .chat-history .call-icons ul li {
        width: 50px;
        height: 50px;
        padding: 7px
    }

    .chat-box .user-image {
        width: 30px;
        height: 30px;
        margin-top: 3px;
        margin-right: 3px
    }

    .chat-box .about {
        margin-top: 0
    }

    .chat-box .border-tab.nav-tabs .nav-item a {
        padding: 13px 4px!important;
        color: #59667a!important;
        letter-spacing: 0;
        font-size: 12px!important;
        line-height: 6
    }

    .chat-box .chat-menu .people-list ul.list {
        max-height: 376px;
        overflow-y: auto
    }

    .chat-box .chat-menu .user-profile .image .avatar img {
        width: 100px;
        height: 100px
    }

    .chat-box .chat-menu .user-profile .image .icon-wrapper {
        width: 30px;
        height: 30px;
        font-size: 13px
    }

    .chat-left-aside .people-list {
        height: 420px
    }

    .chat-left-aside .people-list ul {
        max-height: 376px;
        overflow-y: auto
    }

    .chat-left-aside .status-circle {
        top: 4px;
        left: 36px
    }

    .blog-box .blog-details-main .blog-bottom-details {
        margin: 20px 10px
    }

    .blog-box .blog-details-main .blog-social li {
        padding: 0 10px
    }

    .blog-bottom-content {
        display: none
    }

    .blog-box.blog-shadow .blog-details {
        padding: 10px
    }

    .browser-widget .media-img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px
    }

    .browser-widget img {
        height: 50px
    }

    .email-wrap .email-left-aside .email-app-sidebar .media {
        display: block
    }

    .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email {
        width: 100%;
        text-align: center
    }

    .email-wrap .email-left-aside .email-app-sidebar .media .media-size-email .mr-3 {
        margin-right: 0!important
    }

    .email-wrap .email-left-aside .email-app-sidebar .media .media-body {
        text-align: center
    }

    .email-wrap .email-right-aside .email-body .attachment ul li img {
        width: 73px;
        height: 73px
    }

    .email-wrap .email-right-aside .email-body .email-top {
        line-height: 50px
    }

    .email-wrap .email-right-aside .email-body .email-top .float-right {
        display: none!important
    }

    .email-wrap .email-right-aside .email-body .email-top h5 {
        padding: 13px 0
    }

    .email-wrap .email-right-aside .email-body .inbox {
        max-height: 668px;
        overflow: auto
    }

    .email-wrap .email-right-aside .email-body .inbox .media {
        display: block
    }

    .email-wrap .email-right-aside .email-body .inbox .media .media-size-email {
        width: 100%;
        text-align: center
    }

    .email-wrap .email-right-aside .email-body .inbox .media .media-size-email .mr-3 {
        margin-right: 0!important
    }

    .email-wrap .email-right-aside .email-body .inbox .media-body {
        text-align: center
    }

    .email-wrap .email-right-aside .email-body .inbox .media-body h6 {
        font-size: 14px
    }

    .email-wrap .email-right-aside .email-body .email-compose .cke_contents.cke_reset {
        max-height: 144px;
        width: 99%
    }

    .email-wrap .email-right-aside .email-body .email-compose .compose-border {
        margin: 0
    }

    .alert-dismissible p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 181px
    }

    .bootstrap-touchspin .touchspin-vertical-tab .input-group {
        width: 96%!important
    }
}

@media only screen and (max-width: 1366px) {
    .left-header {
        padding:0
    }

    .bookmark-wrap .task-sidebar {
        height: auto
    }

    .grid-options ul li:last-child {
        display: none
    }

    .product-wrapper-grid.list-view .product-box .product-img {
        width: 25%
    }

    .cart .qty-box {
        width: 40%
    }

    .alert-dismissible strong~p {
        display: inline
    }

    .timeline-small .media .media-body p {
        width: 95%
    }

    .map-js-height {
        height: 350px
    }

    .chat-right-aside {
        flex: 0 0 60%;
        max-width: 60%;
        overflow: hidden
    }

    .chat-right-aside .chat .chat-message .smiley-box {
        width: 45px
    }

    .chat-box .chat-right-aside .chat .chat-msg-box {
        height: 364px
    }

    .chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img {
        margin-top: -30px
    }

    .chat-box .chat-right-aside .chat .chat-msg-box .message {
        width: 100%;
        padding: 15px
    }

    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 20px
    }

    .chat-box .chat-history .receiver-img img {
        height: 150px
    }

    .call-chat-body .chat-box {
        overflow: hidden;
        height: 565px
    }

    .calender-widget .cal-desc p {
        max-height: 88px;
        overflow: auto
    }

    .equal-height-xl {
        height: 517px
    }

    .authentication-main .auth-innerright {
        background-size: cover
    }

    .grp-btns {
        display: inline-block
    }

    .button-builder .button-generator-bx {
        position: relative;
        width: 100%
    }

    .page-builder .btn-group {
        display: inline-block;
        margin-bottom: 10px
    }

    .page-builder .btn-grid {
        margin-bottom: 15px;
        margin-right: 0;
        border-right: none;
        display: inline-block
    }

    .page-builder .ge-canvas.ge-layout-desktop {
        margin-top: 50px
    }

    .ecommerce-widget .total-num {
        font-size: 23px;
        letter-spacing: 0
    }

    .support-ticket-font .total-num {
        font-size: 22px
    }

    .order-history table.dataTable.table thead th {
        padding-right: 50px
    }

    .custom-card {
        padding: 15px
    }

    .custom-card .card-social li a {
        padding: 12px
    }

    .map-chart .chart-container {
        height: 300px
    }

    .speed-chart .chart-container {
        height: 250px;
        margin-top: -40px;
        margin-bottom: 100px
    }

    .candidcahrt {
        height: 360px
    }

    .status-details h3 {
        font-size: 18px
    }

    .chart-widget-top .total-value {
        font-size: 20px
    }

    .status-widget .card-body {
        padding: 10px
    }

    .user-status table tbody tr td:first-child,.user-status table thead tr th:nth-child(3) {
        min-width: unset
    }

    .browser-widget .media {
        flex-wrap: wrap
    }

    .browser-widget .media .media-body h3 {
        font-size: 20px
    }

    .browser-widget .media .media-body p {
        margin-bottom: 2px
    }

    .browser-widget .media .media-body h4 {
        font-size: 20px
    }

    .testimonial i {
        font-size: 46px
    }

    .testimonial p {
        margin-top: 20px
    }

    .cal-date-widget .datepicker {
        margin: 0 auto;
        width: unset
    }

    .company-card {
        padding: 20px
    }

    .static-top-widget .media-body h3 {
        font-size: 30px
    }

    .static-top-widget .media-body .icon-bg {
        right: -21px
    }

    .widget-joins .media {
        padding: 20px
    }

    .widget-joins .media .media-body h3 {
        font-size: 20px
    }

    .redial-social-widget {
        width: 125px;
        height: 125px
    }

    .redial-social-widget i {
        width: 100px;
        height: 100px;
        font-size: 35px
    }

    .chat-body {
        padding: 10px
    }

    .chat-box .chat-history .call-content .btn {
        font-size: 15px
    }

    .chat-box .chat-history .total-time h2 {
        font-size: 30px
    }

    .chat-box .chat-history .receiver-img {
        margin-top: 30px
    }

    .chat-box .chat-history .call-icons {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .chat-box .chat-history .call-icons ul li {
        width: 50px;
        height: 50px;
        padding: 7px
    }

    .chat-box .user-image {
        width: 45px;
        height: 45px
    }

    .chat-box .about {
        margin-top: 0
    }

    .chat-box .border-tab.nav-tabs .nav-item a {
        padding: 13px 4px!important;
        color: #59667a!important;
        letter-spacing: 0;
        font-size: 12px!important;
        line-height: 6
    }

    .chat-box .chat-menu .people-list ul.list {
        max-height: 455px;
        overflow-y: auto
    }

    .chat-box .chat-menu .user-profile {
        margin-top: 0
    }

    .chat-box .chat-menu .user-profile .image .avatar img {
        width: 100px;
        height: 100px
    }

    .chat-box .chat-menu .user-profile .image .icon-wrapper {
        width: 30px;
        height: 30px;
        font-size: 13px
    }

    .chat-box .chat-menu .user-profile .user-content p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .chat-box .chat-menu .user-profile .user-content h5,.chat-box .chat-menu .user-profile .user-content hr {
        margin: 20px 0
    }

    .chat-box .chat-menu .user-profile .follow .follow-num {
        font-size: 20px
    }

    .chat-left-aside .people-list {
        height: 490px
    }

    .chat-left-aside .people-list ul {
        max-height: 434px;
        overflow-y: auto
    }

    .status-circle {
        top: 4px;
        left: 37px
    }

    .mega-menu .onhover-show-div {
        left: 164px
    }

    .img-cropper .docs-toggles {
        margin-top: 8px
    }

    .bootstrap-touchspin .dropdown-basic .dropdown .dropdown-content {
        left: -21px
    }

    #advance-5_wrapper .dataTables_paginate {
        margin-bottom: 8px
    }

    #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child,#batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
        width: 67px!important
    }

    .reset-password-box .theme-form .form-group .btn {
        padding: 6px 22px
    }
}

@media only screen and (max-width: 1366px)and (min-width:1200px) {
    .page-wrapper.horizontal-wrapper .left-header {
        flex:0 0 32%;
        max-width: 32%
    }

    .page-wrapper.horizontal-wrapper .page-header .header-wrapper .nav-right {
        flex: 0 0 54%;
        max-width: 54%
    }

    .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body,.page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,.page-wrapper.horizontal-wrapper.material-type .page-header {
        max-width: 1140px
    }
}

@media only screen and (max-width: 1199.98px) {
    .left-header .mega-menu-container .mega-box .svg-icon~div h6 {
        display:none
    }

    .wizard-4 ul.anchor {
        padding-left: 40px;
        padding-right: 40px
    }

    .file-sidebar {
        padding-right: 12px
    }

    .col-xl-7.b-center.bg-size {
        top: 0;
        height: 100vh;
        opacity: .5;
        position: fixed
    }

    .login-card {
        background: transparent
    }

    .knowledgebase-bg {
        height: 400px
    }

    .knowledgebase-search .form-inline {
        width: 400px;
        padding: 7px 45px
    }

    .knowledgebase-search .form-inline svg {
        top: 14px
    }

    .theme-form #editor_container-wrapper .EasyMDEContainer .CodeMirror {
        height: 214px
    }

    .btn-group .btn {
        padding: .375rem 1.25rem
    }

    .link-section>div.active>h6:before {
        content: "";
        transition: content .3s ease
    }

    .link-section>div>h6 {
        position: relative
    }

    .link-section>div>h6:before {
        content: "";
        font-family: fontAwesome;
        position: absolute;
        right: 10px;
        font-size: 18px;
        transition: content .3s ease
    }

    .left-header .mega-menu-container {
        position: fixed;
        width: 300px;
        border: 1px solid #eee;
        top: 0;
        height: 100vh;
        left: unset;
        right: -300px;
        z-index: 99;
        transition: all .3s ease;
        overflow: scroll;
        min-width: unset;
        padding-right: 20px
    }

    .left-header .mega-menu-container .container-fluid {
        padding: 0
    }

    .left-header .mega-menu-container.d-block {
        right: 0;
        transition: all .3s ease;
        animation: fadeInRight .3s ease-in-out
    }

    .left-header .mega-menu-container .mega-box {
        flex-basis: auto
    }

    .left-header .mega-menu-container .mega-box+.mega-box {
        border-left: 0;
        padding-left: 15px
    }

    .left-header .mega-menu-container .mega-box .link-section .submenu-title {
        display: flex;
        justify-content: space-between
    }

    .left-header .mega-menu-container .mega-box .link-section .according-menu {
        display: inline-block
    }

    .alert-theme {
        min-width: 420px
    }

    .mega-menu-header .header-wrapper .vertical-mobile-sidebar {
        display: block;
        margin-right: 15px
    }

    .page-wrapper .page-header .header-wrapper .nav-right {
        position: unset;
        padding: 0
    }

    .page-wrapper .page-header .header-wrapper .nav-right>ul li .submenu li:first-child {
        padding-left: 15px!important
    }

    .page-wrapper .page-header .header-wrapper .mobile-sidebar .switch-sm .switch {
        margin-top: 6px
    }

    .photos ul li {
        width: auto
    }

    .photos ul li:nth-child(3n) {
        margin-right: 15px
    }

    .user-profile .hovercard .user-image .share-icons {
        position: absolute;
        right: 45px;
        top: -22px
    }

    .user-profile .hovercard .user-image .share-icons li {
        color: #fff;
        font-size: 25px
    }

    .user-profile .hovercard .user-image .share-icons li .social-icon {
        width: 40px;
        height: 40px
    }

    .user-profile .hovercard .user-image .share-icons li .social-icon i {
        font-size: 18px
    }

    .timeline-small .media .timeline-round.timeline-line-1:after {
        height: 33px;
        bottom: -52px
    }

    .timeline-small .media .timeline-round.small-line:after {
        height: 18px;
        bottom: -34px
    }

    .timeline-small .media .timeline-round.medium-line:after {
        height: 30px;
        bottom: -52px
    }

    .timeline-small .media .media-body p {
        width: 100%
    }

    .lg-mt-col {
        margin-top: 30px
    }

    .xl-none {
        display: none
    }

    .user-status table tbody tr td .d-inline-block {
        margin-top: 10px
    }

    .lg-mt {
        margin-top: 30px
    }

    .new-products .owl-carousel .product-box.row>div {
        width: 100%
    }

    .product-wrapper-grid.list-view .product-box .product-img {
        width: 32%
    }

    .debit-card {
        order: 1
    }

    .listing .card-body .row>div+div,.typography .row div+div {
        margin-top: 30px
    }

    .flot-chart-container {
        height: 200px
    }

    .img-cropper #putData {
        margin-bottom: 10px
    }

    .img-cropper .docs-toggles>.dropdown {
        margin-bottom: 0
    }

    .error-wrapper .maintenance-icons li i {
        color: #f4f4f4;
        font-size: 40px
    }

    .error-wrapper .maintenance-icons li:nth-child(2) i {
        font-size: 80px;
        margin-left: 90px
    }

    .error-wrapper .maintenance-icons li:nth-child(3) i {
        font-size: 120px;
        margin-top: -75px;
        margin-right: 110px
    }

    div.dataTables_wrapper div.dataTables_paginate~.dataTables_filter {
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0
    }

    .jvector-map-height {
        height: 280px
    }

    .blog-list .blog-details p {
        margin-bottom: 5px
    }

    .custom-card .card-profile .card-footer>div h3 {
        font-size: 18px
    }

    .equal-height-lg {
        min-height: unset!important
    }

    .mega-menu .onhover-show-div {
        height: 435px;
        overflow-x: scroll;
        left: 215px
    }

    .mega-menu .mega-bg {
        display: none
    }

    .mega-menu .lg-mt {
        margin-top: 25px
    }

    .button-builder .button-generator-bx {
        position: relative;
        width: 100%
    }

    .blog-single .comment-box ul .comment-social {
        margin-left: 0
    }

    .error-wrapper .maintenance-heading {
        margin-top: 30px
    }

    .error-wrapper .maintenance-heading .headline {
        font-size: 50px;
        margin-top: -15%;
        margin-bottom: 0
    }

    .error-wrapper .maintenance-heading .cloud-second {
        margin-top: -25px
    }

    .user-status table tbody tr td:first-child {
        min-width: 278px
    }

    .testimonial p {
        margin-top: 17px
    }

    .contact-form {
        padding: 10px
    }

    .contact-form .theme-form .form-icon {
        margin-top: -57px
    }

    .calender-widget .cal-date {
        width: 90px;
        height: 90px
    }

    .calender-widget .cal-date h5 {
        font-size: 16px;
        padding: 18px
    }

    .calender-widget .cal-desc {
        padding: 14px
    }

    .calender-widget .cal-desc p {
        max-height: 114px;
        overflow-y: auto
    }

    .browser-widget {
        padding: 0
    }

    .browser-widget img {
        height: 50px
    }

    .browser-widget .media .media-body h4 {
        font-size: 17px
    }

    .browser-widget .media .media-img {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .static-top-widget .media-body {
        padding-left: 20px
    }

    .widget-joins .media .media-body svg {
        width: 30px;
        height: 30px
    }

    .crm-overall .overall-chart {
        height: 200px
    }

    .product-table table.dataTable thead>tr>th {
        padding-right: 50px
    }

    .chat-menu-icons {
        display: block;
        clear: both
    }

    .chat-menu {
        right: 0;
        border-top: 1px solid #efefef;
        opacity: 0;
        transform: translateY(-30px);
        visibility: hidden;
        top: 120px;
        position: absolute!important;
        z-index: 7;
        background-color: #fff;
        transition: all .3s linear
    }

    .chat-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: all .3s linear;
        padding-bottom: 25px
    }

    .chat-box .chat-menu .people-list ul.list {
        max-height: 444px;
        overflow-y: auto
    }

    .chat-box .btn-lg {
        font-size: 12px
    }

    .chat-box .chat-right-aside .chat .chat-header,.chat-box .people-list ul {
        height: auto
    }

    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li a i {
        font-size: 19px
    }

    .chat-box .chat-right-aside .chat .chat-message {
        margin: 0
    }

    .chat-box .chat-history .total-time h2 {
        font-size: 25px
    }

    .chat-box .chat-history .row .col-sm-7 {
        padding-right: 0
    }

    .chat-box .border-tab.nav-tabs {
        width: 100%
    }

    .chat-box .border-tab.nav-tabs .nav-item {
        margin-right: 5px
    }

    .chat-box .chat-left-aside .people-list {
        height: 493px
    }

    .chat-box .chat-history .call-content>div {
        padding-top: 70px
    }

    .chat-box .toogle-bar {
        display: inline-block;
        margin-right: 0!important
    }

    .chat-right-aside {
        flex: 0 0 100%;
        max-width: calc(100% - 15px);
        overflow: hidden
    }

    .call-chat-body .chat-box {
        overflow: auto;
        height: auto
    }

    .email-wrap .email-right-aside .email-body .b-r-light {
        border-right: none!important
    }

    .email-wrap .email-right-aside .radius-left {
        border-top-left-radius: 4px!important;
        border-bottom-left-radius: 4px!important
    }

    .email-wrap .row .col-xl-3+.col-xl-3 {
        padding-right: 15px
    }

    .email-wrap .row .col-xl-6 {
        padding-left: 15px
    }

    .icon-lists div {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 209px
    }

    .like-comment-lg-mb {
        margin-bottom: 12px
    }

    .ribbon-space-bottom {
        top: 9px
    }

    .bootstrap-touchspin .touchspin-vertical-tab .input-group {
        width: 98.5%!important
    }

    #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child,#batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
        width: 95px!important
    }

    .profile-img-style #aniimated-thumbnials-3 {
        text-align: center
    }

    .vertical-menu-mt {
        margin-top: 80px!important
    }

    .vertical-menu-mt .xl-none {
        display: block
    }

    .calendar-wrap .fc-day-grid-event {
        width: 87%
    }

    .product-page-main .product-page-details h3 {
        font-size: 26px
    }
}

@media only screen and (max-width: 1199px)and (min-width:992px) {
    .page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .page-body,.page-wrapper.horizontal-wrapper.material-type .page-body-wrapper .sidebar-wrapper,.page-wrapper.horizontal-wrapper.material-type .page-header {
        max-width:930px
    }

    .left-header .level-menu .nav-link svg,.left-header .mega-menu .nav-link svg {
        margin-right: 0
    }

    .left-header .level-menu .nav-link span,.left-header .mega-menu .nav-link span {
        display: none
    }
}

@media only screen and (max-width: 991.98px) {
    .order-menu-section {
        padding:0
    }

    .simplebar-mask {
        top: 70px
    }

    .datepicker-dashboard {
        margin-bottom: 30px
    }

    .project-cards .tab-content {
        margin-bottom: -20px
    }

    .project-box {
        margin-bottom: 20px
    }

    .left-header .level-menu .nav-link svg,.left-header .mega-menu .nav-link svg {
        margin-right: 0
    }

    .left-header .level-menu .nav-link span,.left-header .mega-menu .nav-link span {
        display: none
    }

    .left-header .level-menu .nav-link {
        margin-left: 6px
    }

    .page-wrapper.compact-sidebar .simplebar-mask,.page-wrapper.modern-type .simplebar-mask {
        top: 87px
    }

    .page-wrapper.compact-sidebar .page-header {
        margin-left: 0;
        width: calc(100% - 0px)
    }

    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links li .sidebar-link.active~.sidebar-submenu {
        display: none!important
    }

    .page-wrapper.compact-sidebar .page-body-wrapper .page-body {
        margin-top: 60px
    }

    .page-wrapper.only-body .page-header .header-wrapper .search-full .Typeahead-menu {
        top: 65px
    }

    .page-wrapper.advance-layout .page-body-wrapper .sidebar-wrapper {
        position: fixed!important;
        top: 0!important
    }

    .product-box .modal .modal-header .product-box .product-details {
        padding-left: 15px;
        padding-right: 15px
    }

    .search-form .form-group:before {
        top: 33px
    }

    .search-form .form-group:after {
        top: 35px
    }

    .mobile-title.d-none {
        padding: 11px 30px 10px
    }

    .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
        top: 50px
    }

    .page-wrapper .page-header .header-wrapper .search-full input {
        line-height: 33px
    }

    .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
        top: 11px
    }

    .page-wrapper .page-header .header-wrapper .search-full .form-group:before {
        top: 48%
    }

    .page-wrapper .current_lang .lang span.lang-txt {
        display: none
    }

    .customizer-contain {
        top: 62px
    }

    .mobile-clock-widget #date {
        margin-top: 20px
    }

    .m-r-30 {
        margin-right: 20px
    }

    .card.full-card {
        top: 60px;
        width: calc(100vw - 0px)
    }

    .vertical-mobile-sidebar {
        right: 75px;
        top: 18px
    }

    .gallery {
        margin-bottom: -20px
    }

    #aniimated-thumbnials figure:nth-child(10),#aniimated-thumbnials figure:nth-child(11),#aniimated-thumbnials figure:nth-child(12),#aniimated-thumbnials figure:nth-child(9),.my-gallery figure {
        margin-bottom: 20px
    }

    .photoswipe-pb-responsive {
        padding-bottom: 25px!important
    }

    table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked {
        left: 0!important;
        width: 100%!important
    }

    .page-wrapper .section-space {
        padding: 60px 0
    }

    .page-wrapper .card {
        margin-bottom: 30px
    }

    .page-wrapper .card .card-body,.page-wrapper .card .card-footer,.page-wrapper .card .card-header {
        padding: 20px
    }

    .page-wrapper .card .card-body .tab-content .m-t-30,.page-wrapper .card .card-footer .tab-content .m-t-30,.page-wrapper .card .card-header .tab-content .m-t-30 {
        margin-top: 20px!important
    }

    .page-wrapper .card .card-body .tab-content .m-b-30,.page-wrapper .card .card-footer .tab-content .m-b-30,.page-wrapper .card .card-header .tab-content .m-b-30 {
        margin-bottom: 20px!important
    }

    .page-wrapper .page-body-wrapper .page-title {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .page-wrapper .page-body-wrapper .footer-fix {
        margin-left: 0;
        padding-right: 15px;
        width: calc(100% - 0px)!important
    }

    .page-wrapper.compact-wrapper .page-header {
        margin-left: 0!important;
        width: calc(100% - 0px)!important
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .maximize {
        display: none
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .header-logo-wrapper {
        display: flex
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
        position: unset;
        margin-right: 15px;
        border-right: 1px solid #ddd;
        padding-right: 15px;
        display: block
    }

    .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-nav,.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar:before {
        display: none
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
        top: 0
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover {
        transform: translate(-285px)
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
        padding: 17px 30px
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back {
        font-size: 16px
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
        display: inline-block;
        float: right;
        position: relative;
        top: -5px;
        font-size: 20px
    }

    /* .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .toggle-sidebar {
        display: none
    } */

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 95px)
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon {
        transform: translate(-285px)
    }

    .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .sidebar-main .sidebar-links {
        height: unset
    }

    .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        margin-top: 105px;
        padding: 0 15px
    }

    .page-wrapper.compact-sidebar .page-header .header-wrapper .maximize {
        display: none
    }

    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
        margin: 0!important
    }

    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper .logo-wrapper {
        display: block
    }

    .page-wrapper.material-icon .page-header {
        padding-left: 0
    }

    .page-wrapper.material-icon .page-body-wrapper .page-body {
        padding-left: 15px
    }

    .page-wrapper .page-header .header-wrapper {
        margin: 0;
        padding: 12px 30px;
        justify-content: space-between
    }

    .page-wrapper .page-header .header-wrapper .nav-right .notification {
        top: 10px
    }

    .page-wrapper .page-header .header-wrapper>.mobile-toggle {
        cursor: pointer;
        display: flex;
        align-items: center
    }

    .page-wrapper .page-header .header-wrapper .header-logo-wrapper {
        margin-right: 0
    }

    .page-wrapper .page-header .header-logo-wrapper .logo-wrapper img {
        margin-top: 0
    }

    .page-body-wrapper .page-body #customer-review .owl-stage-outer,.page-body-wrapper footer #customer-review .owl-stage-outer {
        width: 100%!important
    }

    .page-body-wrapper .page-body .calender-widget .cal-desc p,.page-body-wrapper footer .calender-widget .cal-desc p {
        max-height: 101px
    }

    .default-according .card {
        margin-bottom: 10px!important
    }

    .default-according .card .card-header {
        padding: 12px 20px
    }

    .crm-activity>li+li {
        margin-top: 10px;
        padding-top: 10px
    }

    .add-post .dropzone {
        margin-bottom: 20px
    }

    .customers.avatar-group {
        margin-right: 20px
    }

    .socialprofile .social-btngroup {
        margin: 20px 0
    }

    .socialprofile .social-group {
        margin-top: 20px
    }

    .social-status .media,.social-status form .form-group .form-control-social {
        margin-bottom: 20px
    }

    .social-chat,.timeline-content .comments-box,.timeline-content p {
        margin-top: 20px
    }

    .social-chat .media-body {
        padding: 20px
    }

    .social-chat .other-msg,.social-chat .your-msg,.social-network span {
        margin-bottom: 20px
    }

    .activity-log .my-activity+.my-activity,.details-about+.details-about {
        margin-top: 20px
    }

    .new-users-social,.timeline-small .media,.timeline-small .media .media-body h6 {
        margin-bottom: 20px
    }

    .timeline-small .media .media-body p {
        width: 75%
    }

    .timeline-small .media .timeline-round {
        width: 45px;
        height: 45px;
        top: -14px
    }

    .timeline-small .media .timeline-round.timeline-line-1:after {
        bottom: -41px;
        height: 25px
    }

    .timeline-small .media .timeline-round.small-line:after {
        bottom: -26px;
        height: 14px
    }

    .timeline-small .media .timeline-round.medium-line:after {
        bottom: -33px;
        height: 17px
    }

    .timeline-small .media .timeline-round svg {
        top: 14px
    }

    .helper-classes {
        padding: 20px
    }

    .floated-customizer-btn,.floated-customizer-panel {
        display: none
    }

    .page-builder .ge-canvas.ge-editing .row {
        padding: 20px
    }

    .weather-widget-two .bottom-whetherinfo .whether-content {
        top: 24px
    }

    .social-widget-card .b-b-light {
        padding: 20px;
        margin-bottom: 20px
    }

    .ecommerce-widget .progress-showcase {
        margin-top: 20px
    }

    .crm-overall {
        margin: 0 -20px -20px
    }

    .product-page-main {
        padding: 20px
    }

    .grid-options ul li:nth-child(3) {
        display: none
    }

    .feature-products form .form-group i {
        right: 20px
    }

    .tabbed-card ul {
        padding: 18px 15px;
        top: -7px;
        right: 0
    }

    .tabbed-card ul.border-tab.nav-tabs {
        padding: 0
    }

    .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link {
        padding: 10px 15px
    }

    .tilt-showcase .tilt-image {
        text-align: center
    }

    .tilt-showcase .mt-4 {
        margin-top: 20px!important
    }

    .todo .todo-list-wrapper .mark-all-tasks {
        top: 20px;
        right: 20px
    }

    .custom-card {
        padding-bottom: 0
    }

    .custom-card .card-footer {
        padding: 0 15px 15px!important
    }

    .custom-card .card-header {
        border: none
    }

    .custom-card .dashboard-card {
        padding: 0
    }

    .custom-card .card-profile img {
        height: 155px
    }

    .display-1 {
        font-size: 4rem
    }

    .display-2 {
        font-size: 3.5rem
    }

    .display-3 {
        font-size: 2.5rem
    }

    .display-4 {
        font-size: 1.5rem
    }

    .typography .h1 {
        font-size: 34px
    }

    .typography .h2 {
        font-size: 30px
    }

    .typography .h3 {
        font-size: 22px
    }

    .typography .h4 {
        font-size: 20px
    }

    .typography .h5 {
        font-size: 18px
    }

    .typography .h6 {
        font-size: 15px
    }

    h1 {
        font-size: 34px
    }

    h2 {
        font-size: 28px
    }

    h3 {
        font-size: 26px
    }

    h4 {
        font-size: 22px
    }

    h5 {
        font-size: 18px
    }

    h6 {
        font-size: 15px
    }

    .card-absolute .card-header {
        padding: 10px 15px!important
    }

    .comingsoon .comingsoon-inner .countdown .time {
        width: 80px;
        height: 80px;
        font-size: 26px
    }

    .calendar-wrap .basic-calendar .external-events .fc-event+.fc-event {
        margin-top: 10px
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-bottom: -10px;
        margin-top: 15px
    }

    .card .card-header h5 {
        font-size: 18px
    }

    .card .card-header .card-header-right {
        top: 11px;
        right: 15px
    }

    .page-builder .ge-addRowGroup {
        width: 100%
    }

    .user-profile .hovercard .info .user-designation {
        margin-bottom: 20px
    }

    .search-list {
        justify-content: center
    }

    .blog-single .comment-box .comment-social li {
        padding-left: 15px
    }

    .error-wrapper {
        padding: 35px 0
    }

    .error-wrapper .sub-content {
        font-size: 14px;
        line-height: 25px;
        margin-top: 0
    }

    .error-wrapper .error-heading {
        margin-top: 30px
    }

    .error-wrapper .error-heading .headline {
        font-size: 180px;
        margin-top: 0
    }

    .error-wrapper .maintenance-heading {
        margin-top: 30px
    }

    .editor_container .CodeMirror {
        min-height: 250px;
        height: 250px
    }

    .search-page .info-block {
        flex-wrap: wrap
    }

    .search-page .tab-content .pb-4 {
        padding-bottom: 20px!important
    }

    .comingsoon .comingsoon-inner img {
        width: 150px
    }

    .calender-widget .cal-desc {
        padding: 10px 20px 20px!important
    }

    .calender-widget .cal-desc p {
        max-height: 100px
    }

    .contact-form {
        padding-top: 10px!important
    }

    .contact-form .theme-form {
        padding: 20px;
        margin-top: 27px
    }

    .contact-form .theme-form .form-icon {
        margin-top: -47px
    }

    .user-status.product-chart {
        max-height: 518px;
        overflow: auto
    }

    .widget-joins .media .media-body i {
        float: none!important
    }

    .xl-none {
        display: block
    }

    .sm-100-w,.top-radius-blog {
        width: 100%
    }

    .sm-100-w {
        height: 100%
    }

    .f1 .f1-steps,.form-wizard .btn-mb,.stepwizard {
        margin-bottom: 20px
    }

    .f1 .f1-steps {
        margin-top: 20px
    }

    .wizard-4 ul.anchor {
        padding-right: 20px;
        width: 40%
    }

    .wizard-4 ul.anchor li a.done h4:before {
        top: -8px
    }

    .wizard-4 ul.anchor li h4 {
        padding: 11px 18px
    }

    .wizard-4 ul.anchor li+li a {
        padding-left: 65px
    }

    .wizard-4 .step-container {
        width: 60%
    }

    .wizard-4 .login-card .login-main,.wizard-4 .step-container div.content .wizard-title {
        width: 380px
    }

    .wizard-4 .msg-box {
        top: 25px!important
    }

    .border-tab.nav-tabs {
        margin-bottom: 20px
    }

    .tab-content~.nav-tabs.border-tab {
        margin-top: 20px
    }

    .dataTables_wrapper .dataTables_length {
        margin-bottom: 20px
    }

    .dataTables_wrapper table.dataTable {
        margin-bottom: 20px!important
    }

    .search-page .info-block+.info-block {
        padding-top: 20px;
        margin-top: 20px
    }

    .lg-mt,.search-page #video-links .embed-responsive+.embed-responsive {
        margin-top: 20px
    }

    .gallery-with-description {
        margin-bottom: -20px
    }

    .gallery-with-description a>div {
        margin-bottom: 20px
    }

    .clipboaard-container p {
        margin-bottom: 8px
    }

    .m-b-30 {
        margin-bottom: 20px!important
    }

    .email-wrap .email-left-aside .email-app-sidebar ul li hr {
        margin: 13px 0
    }

    .nav-md-mt {
        margin-top: 20px
    }

    .navs-icon {
        padding: 20px
    }

    .navs-icon .main-section {
        padding-top: 20px
    }

    .navs-icon .separator {
        margin: 20px 0
    }

    .nav-list {
        padding: 20px
    }

    .navs-dropdown button {
        margin-top: 20px
    }

    .navs-dropdown .onhover-show-div {
        top: 68px
    }

    .animated-modal .form-group {
        width: 100%;
        display: block
    }

    .animated-modal .mr-4 {
        margin-right: 0!important
    }

    .steps-md-mt {
        margin-top: 20px
    }

    .btn-group-wrapper .m-b-30:last-child {
        margin-bottom: 0!important
    }

    #advance-5_wrapper .dataTables_paginate,.click2edit~.note-editor.note-frame {
        margin-bottom: 20px
    }

    .chat-box .chat-left-aside .people-list {
        height: 483px
    }

    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons li {
        margin-right: 5px
    }

    .card .card-body form.animated-modal {
        display: flex
    }

    .card .card-body form.animated-modal .animated-modal-md-mb {
        margin-bottom: 20px!important
    }

    .wizard-4 .msg-box {
        top: 40px;
        right: 0;
        bottom: unset;
        left: unset
    }

    .theme-form.form-inline {
        display: flex
    }

    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
        border-radius: 0
    }
}

@media only screen and (max-width: 991px)and (min-width:768px) {
    .page-wrapper.compact-wrapper.material-type:before {
        height:230px
    }

    .page-wrapper.compact-wrapper.material-type .page-header {
        width: calc(100% - 60px)!important;
        margin: 50px auto 0!important
    }

    .page-wrapper.compact-wrapper.material-type .page-body-wrapper {
        margin: 0 30px
    }

    .page-wrapper.compact-wrapper.material-type .page-body-wrapper div.sidebar-wrapper {
        left: 0
    }

    .page-wrapper.compact-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0
    }
}

@media only screen and (max-width: 762px) {
    .page-wrapper .page-header .header-wrapper .search-full {
        display:none;
        position: absolute;
        left: 0;
        z-index: 1;
        height: auto;
        flex: 1 0 23%;
        transition: all .3s ease
    }

    .close-search,.header-search {
        display: inherit!important
    }
}

@media only screen and (max-width: 1132px) {
    .user-name-hide {
        display:none
    }
}

@media only screen and (max-width: 992px) {
    .bg-overlay {
        display:block
    }

    .single-section .description-section .description-details .menu-part .rooms-box td:first-child {
        display: block;
        width: 100%
    }

    .single-section .description-section .description-details .menu-part .rooms-box td:first-child a img {
        width: 100%
    }

    .single-section .description-section .description-details .menu-part .rooms-box .room-detail {
        padding: 0;
        margin-top: 20px
    }

    .page-wrapper.modern-type .page-body-wrapper .page-body {
        margin-left: 0
    }

    .page-wrapper.modern-type .page-body-wrapper div.sidebar-wrapper {
        margin: 0!important;
        top: 0;
        bottom: 0;
        border-radius: 0
    }

    .custom-map svg {
        margin: -33px
    }
}

@media only screen and (max-width: 868px) {
    .page-wrapper .page-header .header-wrapper .nav-right>ul>li .profile-media .media-body {
        display:none
    }
}

@media only screen and (max-width: 767.98px) {
    .wizard-4 ul.anchor {
        width:100%;
        height: auto;
        padding: 30px
    }

    .wizard-4 .step-container {
        width: 100%
    }

    .contact-editform {
        padding-left: 20px!important
    }

    .event-calendar {
        display: block!important
    }

    .event-calendar #right {
        width: 100%
    }

    .event-calendar #calendar {
        clear: both
    }

    .page-wrapper.compact-sidebar .left-header,.page-wrapper.compact-wrapper .left-header {
        position: unset
    }

    .page-wrapper.compact-sidebar .left-header .mega-menu,.page-wrapper.compact-wrapper .left-header .mega-menu {
        position: absolute!important;
        right: 30px;
        top: 13px
    }

    .page-wrapper.compact-sidebar .left-header .mega-menu .nav-link,.page-wrapper.compact-wrapper .left-header .mega-menu .nav-link {
        min-width: auto;
        background-color: transparent;
        border-left: 1px solid #ddd;
        padding-right: 0;
        border-radius: 0
    }

    .page-wrapper.compact-sidebar .left-header .mega-menu svg,.page-wrapper.compact-wrapper .left-header .mega-menu svg {
        margin-right: 0;
        height: 20px;
        stroke: #1d1e26
    }

    .page-wrapper.compact-sidebar .left-header .mega-menu span,.page-wrapper.compact-wrapper .left-header .mega-menu span,.page-wrapper.material-type:before {
        display: none
    }

    .page-wrapper.material-type .page-header {
        margin-top: 0;
        border-radius: 0
    }

    .page-wrapper.material-type .page-body-wrapper .page-body {
        margin-top: 0!important
    }

    .page-wrapper.only-body .page-header .header-wrapper .nav-right>ul>li {
        margin-right: -2px
    }

    .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus {
        margin-right: -10px
    }

    .single-section .description-section .description-details .menu-part .accordion-plan .accordion-item .accordion-header button:before {
        right: 9px
    }

    .new-products .owl-carousel .product-box.row>div {
        width: auto
    }

    .profile-media .media-body {
        display: none
    }

    .form-inline .form-group:not(.form-control-search) {
        width: 100%
    }

    .form-inline .form-group:not(.form-control-search)+.form-group {
        margin-top: 10px
    }

    .form-inline .form-group:not(.form-control-search) input {
        width: 100%
    }

    .credit-card .text-center img {
        margin-bottom: 20px
    }

    .starter-kit-fix .page-body {
        margin-bottom: 78px
    }

    .page-header .header-wrapper .left-header ul li .search-form.form-inline {
        display: flex
    }

    .page-header .header-wrapper .left-header ul li .search-form input {
        width: 77%!important
    }

    .blog-box .blog-details-main .blog-social li {
        padding: 0 12px
    }

    .blog-box .blog-details .blog-social li:first-child {
        padding-right: 25px
    }

    .blog-box .blog-details .blog-social li+li {
        padding-left: 25px
    }

    .footer-copyright~div {
        text-align: center
    }

    .footer-copyright~div p {
        float: none;
        margin-top: 5px
    }

    .btn-showcase {
        text-align: center
    }

    .user-profile .hovercard .user-image .share-icons {
        right: 25px;
        top: -19px
    }

    .user-profile .hovercard .user-image .share-icons li .social-icon {
        width: 35px;
        height: 35px
    }

    .tabs-scoial.border-tab.nav-tabs {
        display: flex
    }

    .timeline-small .media .media-body p {
        width: 100%
    }

    .my-gallery figure:nth-child(10),.my-gallery figure:nth-child(9) {
        margin-bottom: 20px
    }

    .project-list .btn {
        float: left;
        margin-top: 5px
    }

    .chat-box .chat-right-aside .chat .chat-message .text-box .btn {
        font-size: 0
    }

    .chat-box .chat-right-aside .chat .chat-message .text-box .btn:before {
        position: absolute;
        content: "";
        font-family: themify;
        font-size: 18px;
        top: 11px;
        left: 20px
    }

    .chat-box .border-tab.nav-tabs {
        display: flex
    }

    .chat-box .chat-menu .nav-tabs .nav-item a {
        height: 50px
    }

    .chat-box .chat-history .call-content>div {
        padding-top: 40px;
        height: auto
    }

    .chat-box .chat-history .receiver-img {
        margin-bottom: unset
    }

    .chat-box .chat-left-aside .people-list {
        height: auto
    }

    .call-chat-sidebar {
        max-width: 100%;
        width: 100%;
        flex-basis: auto
    }

    .call-chat-sidebar .people-list {
        height: auto
    }

    .chat-left-aside .people-list ul {
        max-height: 100px
    }

    .clockpicker-align-top {
        left: 55px!important;
        top: 470px!important
    }

    .clockpicker-align-top .arrow {
        display: none
    }

    .form-builder-column .form-body {
        min-height: 250px
    }

    .form-builder-2-header {
        flex-wrap: wrap
    }

    .form-builder-2-header>div {
        width: 100%;
        margin-top: 10px
    }

    .form-builder-2-header>div nav {
        float: none
    }

    .lg-mt-col {
        margin-top: 20px
    }

    .form-builder .drag-box fieldset {
        padding: 20px;
        margin-top: 20px
    }

    .form-builder #components {
        margin-top: 20px
    }

    .form-builder .component label {
        padding-top: 0
    }

    .mega-menu .onhover-show-div {
        height: 415px;
        left: 0;
        top: 61px;
        padding: 20px
    }

    .mega-menu .lg-mt {
        margin-top: 15px
    }

    .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
        margin: 10px 0 0 10px
    }

    .page-builder .ge-canvas.ge-editing .ge-tools-drawer>a {
        padding: 0 5px
    }

    .reader {
        margin-top: 15px;
        height: auto!important
    }

    .range-slider.theme-form .form-group {
        margin-bottom: 0
    }

    .note-editor .btn-group .btn {
        font-size: 11px
    }

    .user-status tbody tr td {
        min-width: 284px
    }

    .user-status tbody tr td+td {
        min-width: unset
    }

    .user-status tbody tr td+td+td {
        min-width: 100px
    }

    .text-md-right {
        text-align: right
    }

    .star-ratings .stars {
        padding: 0
    }

    .form-inline.d-inline-block {
        display: block!important;
        width: 100%
    }

    .form-inline.d-inline-block .form-control {
        margin-bottom: 10px
    }

    .reset-password-box {
        width: 500px;
        margin: 0 auto
    }

    .reset-password-box .card {
        padding: 20px
    }

    .custom-card .card-profile img {
        height: 136px;
        bottom: 0
    }

    .error-wrapper .maintenance-icons li i {
        color: #f4f4f4;
        font-size: 30px
    }

    .error-wrapper .maintenance-icons li:nth-child(2) i {
        font-size: 60px;
        margin-top: -10px;
        margin-left: 70px
    }

    .error-wrapper .maintenance-icons li:nth-child(3) i {
        font-size: 90px;
        margin-right: 80px
    }

    .authentication-main .auth-innerright {
        min-height: unset;
        padding: 0
    }

    .authentication-main .auth-innerright .social-media li {
        font-size: 14px
    }

    .loader-box {
        justify-content: center
    }

    .dataTables_wrapper .dataTables_length {
        margin-bottom: 20px
    }

    .dataTables_wrapper .dataTables_filter {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 20px
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 0
    }

    div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_length label {
        float: none
    }

    div.dataTables_wrapper div.dataTables_paginate {
        float: none;
        margin-top: 20px!important;
        margin-left: 0!important
    }

    .calendar-wrap .fc-basic-view .fc-day-number {
        padding: 0!important
    }

    .calendar-wrap .fc-events-container {
        margin-top: 0
    }

    .calendar-wrap .fc-events-container .checkbox,.calendar-wrap .fc-events-container h6 {
        text-align: right
    }

    .calendar-wrap .checkbox label {
        margin-top: 0
    }

    .calendar-wrap .fc-toolbar .fc-left .fc-next-button .fc-icon-right-single-arrow:after,.calendar-wrap .fc-toolbar .fc-left .fc-prev-button .fc-icon-left-single-arrow:after {
        font-size: 12px!important
    }

    .calendar-wrap .fc-toolbar .fc-left .fc-today-button,.calendar-wrap .fc-toolbar .fc-right .fc-today-button {
        padding-top: 0!important
    }

    .calendar-wrap .fc {
        margin-top: 0
    }

    .calendar-wrap .fc button {
        font-size: 14px!important;
        padding: 0 5px!important
    }

    .calendar-wrap .fc .fc-left {
        margin-bottom: 10px
    }

    .calendar-wrap .fc .fc-toolbar>div {
        display: block!important;
        float: none!important
    }

    .calendar-wrap .fc .fc-toolbar>* :first-child {
        font-size: 18px
    }

    .calendar-wrap .fc .fc-toolbar>*>* {
        float: none!important
    }

    .btn-group-wrapper {
        text-align: center
    }

    .btn-group-wrapper .m-b-30 {
        margin-bottom: 15px!important
    }

    .btn-group-showcase {
        text-align: center
    }

    .btn-group-showcase .btn-group {
        margin-right: 0;
        margin-bottom: 15px
    }

    .btn-group .btn {
        font-size: 14px;
        padding: .375rem .5rem
    }

    .animate-widget .text-center {
        display: none
    }

    .calender-widget .cal-desc p,.user-status.product-chart {
        max-height: 100%
    }

    .user-status table thead tr th:nth-child(3) {
        min-width: 124px
    }

    .mega-menu .onhover-show-div {
        height: 350px
    }

    .page-builder .ge-canvas .column {
        padding: 0!important
    }

    .page-builder .ge-content-type-ckeditor h3 {
        font-size: 20px
    }

    .page-builder .ge-content-type-ckeditor p {
        font-size: 12px
    }

    .page-builder .ge-row-icon {
        display: none!important
    }

    .icon-hover-bottom .form-group input {
        min-width: 270px
    }

    .user-profile .hovercard .cardheader {
        height: 350px
    }

    .user-profile .hovercard .info {
        padding: 35px
    }

    .user-profile .hovercard .info .ttl-info {
        margin-bottom: 20px
    }

    .user-profile .hovercard .info .ttl-sm-mb-0 {
        margin-bottom: 0
    }

    .calendar-wrap .fc button {
        padding: 5px
    }

    .calendar-wrap .fc-day-grid-event {
        margin: 0;
        padding: 5px;
        width: inherit
    }

    .calendar-wrap .fc-toolbar h2 {
        font-size: 20px;
        line-height: 35px;
        font-weight: 700
    }

    .calendar-wrap .basic-calendar .external-events {
        margin-top: 0
    }

    .blog-single .comment-box .media h6 {
        margin-bottom: 10px
    }

    .blog-single .comment-box .media img {
        margin-right: 30px
    }

    .blog-single .comment-box .comment-social {
        margin-bottom: 5px
    }

    .blog-single .comment-box .comment-social li:first-child {
        padding-left: 0;
        padding-right: 15px
    }

    .tabbed-card ul {
        padding: 10px 0 5px;
        position: relative;
        width: 100%;
        left: 0
    }

    .tabbed-card ul.border-tab {
        margin-bottom: 15px
    }

    .tabbed-card ul.border-tab.nav-tabs {
        top: unset
    }

    .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link {
        padding: 5px 15px 10px
    }

    .search-page #image-links .info-block.m-t-30 {
        margin-top: 0!important
    }

    .authentication-main .authentication-box {
        width: 100%
    }

    .authentication-main .auth-innerright {
        display: inherit
    }

    .map-chart .chart-container {
        height: 300px
    }

    .candidcahrt {
        height: 250px
    }

    .bar-chart-widget .earning-details i {
        right: 0
    }

    .serial-chart .chart-container {
        height: 300px
    }

    .bottom-content {
        padding: 10px
    }

    .bottom-content p {
        font-size: 12px
    }

    .stepwizard .stepwizard-row:before {
        top: 17px
    }

    .icon-hover-bottom .icon-popup {
        display: block
    }

    .icon-hover-bottom .icon-popup>.icon-last {
        display: block;
        margin-top: 15px
    }

    .icon-hover-bottom .icon-popup>.icon-last .form-inline .form-group {
        display: flex
    }

    .icon-hover-bottom .icon-popup div .flag-icon {
        width: 30px;
        height: auto
    }

    .icon-hover-bottom .form-group input {
        display: block;
        width: auto!important
    }

    .footer-links {
        text-align: center
    }

    .footer-copyright {
        text-align: center!important
    }

    .jvector-map-height {
        height: 150px
    }

    .sm-left-text {
        text-align: left!important
    }

    .email-wrap .email-right-aside .email-content .email-top .d-flex {
        padding-bottom: 0
    }

    .email-wrap .email-right-aside .email-content .email-top .float-right {
        float: left!important
    }

    .email-wrap .email-right-aside .email-content .email-wrapper .attachment {
        text-align: center
    }

    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li:last-child {
        padding-right: 0
    }

    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {
        width: 140px;
        height: 140px
    }

    .alert-dismissible p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 294px
    }

    .button-group-mb-sm {
        margin-bottom: 5px
    }

    .card-block .table-responsive .table tbody tr td span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100px
    }

    .card-block .table-responsive .progress-content tbody tr td span {
        text-overflow: ellipsis;
        white-space: normal;
        max-width: 50px
    }

    .card-block .table-responsive .checkbox-td-width tbody tr td,.card-block .table-responsive .radio-first-col-width tbody tr td {
        min-width: 200px!important
    }

    #batchDelete .jsgrid-grid-body .jsgrid-table .jsgrid-row .jsgrid-cell:first-child,#batchDelete .jsgrid-grid-header .jsgrid-table .jsgrid-header-row .jsgrid-header-cell:first-child {
        width: 119px!important
    }

    .jsgrid .jsgrid-pager-container {
        text-align: center
    }

    .chat-box .chat-right-aside .chat .chat-msg-box {
        height: auto
    }

    .chat-box .chat-menu .nav-tabs .nav-item {
        width: 32.33%
    }

    .chat-box .chat-menu .people-list ul.list {
        max-height: 433px;
        margin-bottom: 15px
    }

    .chat-box .chat-menu #info-contact,.chat-box .chat-menu #info-profile {
        margin-bottom: 15px
    }

    .hovercard .info .follow .text-md-right {
        text-align: center
    }

    .profile-img-style .like-comment-sm-mb {
        margin-bottom: 20px
    }

    .reset-password-box .theme-form .form-group .btn {
        margin-top: 15px!important
    }

    .lg-outer .lg-actions .lg-next,.lg-outer .lg-actions .lg-prev {
        top: 48%
    }

    .feature-products .filter-toggle {
        padding: 8px 15px;
        background-color: #fff;
        margin-left: 10px;
        border-radius: 5px
    }

    .feature-products .select2-drpdwn-product {
        float: left;
        margin-right: 10px;
        margin-top: 8px
    }

    .feature-products span.f-w-600 {
        padding-top: 15px;
        display: inline-block
    }

    .feature-products .text-right {
        text-align: left!important
    }

    .d-none-productlist {
        display: block;
        margin-right: 10px
    }

    .grid-options ul li {
        display: none
    }

    .product-sidebar {
        transform: translateX(-300px) scaleX(0);
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        height: 0;
        position: absolute;
        z-index: 1;
        width: 300px
    }

    .product-sidebar.open {
        transform: translateX(0) scaleX(1);
        box-shadow: 1px 5px 24px 0 rgba(68,102,242,.05);
        visibility: visible;
        opacity: 1;
        height: auto;
        top: -45px
    }

    .product-sidebar.open:after,.product-sidebar.open:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        right: 120px;
        top: -7px
    }

    .product-sidebar .filter-section .card-header {
        display: none
    }

    .product-wrapper.sidebaron .product-grid .product-wrapper-grid {
        margin-left: 0
    }

    .product-wrapper.sidebaron .product-sidebar .filter-section .card .left-filter {
        top: unset
    }

    .product-wrapper-grid.list-view .product-box .product-img {
        width: 42%
    }

    .product-filter .product-box {
        flex-wrap: nowrap
    }

    .product-filter .product-box .product-img {
        width: 100px
    }

    .product-filter .product-box .product-details {
        padding: 0!important
    }

    .single-section .description-section .description-details .menu-part .list-view .list-box {
        padding: 0;
        flex-direction: column
    }

    .single-section .description-section .description-details .menu-part .list-view .list-box .list-img {
        width: 100%
    }

    .single-section .description-section .description-details .menu-part .list-view .list-box .list-img a {
        display: block
    }

    .single-section .description-section .description-details .menu-part .list-view .list-box .list-img a img {
        width: 100%
    }

    .single-section .description-section .description-details .menu-part .list-view .list-box .list-content {
        margin-left: 0;
        margin-top: calc(8px + 52*(100vw - 320px)/1600);
        width: 100%;
        padding: 10px
    }

    .single-section .description-section .description-details .menu-part .list-view .list-box p {
        margin-bottom: calc(5px + 5*(100vw - 320px)/1600)
    }
}

@media only screen and (max-width: 762px) {
    .form-inline .form-group:not(.form-control-search) {
        margin-top:14px
    }
}

@media only screen and (max-width: 630px) {
    .left-header .level-menu .nav-link svg {
        margin-right:0
    }

    .left-header .level-menu .nav-link span {
        display: none
    }

    .category-box .content-category p {
        text-align: justify;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-break: normal;
        margin-bottom: 7px
    }

    .category-box .content-category h6 {
        flex-direction: column;
        align-items: baseline
    }

    .category-box .content-category h6 span {
        margin-top: 5px;
        font-size: calc(12px + 6*(100vw - 320px)/1600)
    }

    .category-box .content-category .top {
        flex-direction: column;
        align-items: baseline
    }

    .category-box .content-category .top h3 {
        font-size: calc(14px + 4*(100vw - 320px)/1600)
    }
}

@media only screen and (max-width: 575.98px) {
    .page-wrapper.only-body .page-header .header-wrapper .nav-right {
        right:30px
    }

    .page-wrapper.only-body .page-header .header-wrapper .nav-right .nav-menus {
        margin-right: 0
    }

    .date-picker .theme-form>.row>div:last-child {
        margin-top: 0
    }

    .search-page .info-block {
        display: block
    }

    .form-bookmark .row>div .row>.col-sm-6+.col-sm-6 {
        margin-top: 10px
    }

    .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
        right: 20px
    }

    .btn {
        padding: 6px 7px
    }

    .btn--package-page {
        padding: 6px
    }

    .alert-theme {
        min-width: 380px
    }

    .knowledgebase-bg {
        height: 250px
    }

    .login-card .login-main .theme-form .or:before {
        width: 55%
    }

    .knowledgebase-search {
        width: calc(100% - 30px);
        left: 15px;
        height: calc(100% - 30px);
        background-color: hsla(0,0%,100%,.7)
    }

    .knowledgebase-search .form-inline {
        width: 90%;
        padding: 3px 45px
    }

    .knowledgebase-search .form-inline svg {
        top: 10px
    }

    .knowledgebase-search>div {
        width: 100%;
        text-align: center;
        padding: 15px;
        border-right: 10px
    }

    .knowledgebase-search>div h3 {
        font-size: 20px;
        margin-bottom: 0
    }

    .knowledgebase-search>div .form-group {
        margin-bottom: 0
    }

    .invoice .text-md-end {
        margin-top: 10px
    }

    .invoice .text-right {
        text-align: right
    }

    .invoice .text-xs-center {
        text-align: center
    }

    .login-card {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .login-card .logo {
        margin-bottom: 10px
    }

    .login-card .login-main {
        width: auto;
        padding: 20px
    }

    .login-card .login-main .theme-form .form-group,.login-card .login-main .theme-form p {
        margin-bottom: 5px
    }

    .login-card .btn-showcase .btn {
        width: 100%
    }

    .login-card .btn-showcase .btn+.btn {
        margin-left: 0;
        margin-top: 11px
    }

    .bookmark ul li a svg {
        height: 16px;
        width: 16px
    }

    .bookmark ul li+li {
        margin-left: 5px
    }

    .page-wrapper .page-header .header-wrapper .nav-right>ul>li {
        padding: 4px
    }

    .left-header .level-menu .nav-link {
        background-color: transparent;
        padding: .5rem 0;
        margin: 0
    }

    .page-header .header-wrapper .nav-right .cart-box .badge,.page-header .header-wrapper .nav-right .notification-box .badge {
        font-size: 10px
    }

    .page-header .header-wrapper .left-header ul li .search-form .form-control-plaintext {
        top: 40px;
        position: absolute;
        transition: all .3s linear;
        left: -14px;
        background-color: #fff;
        border: 1px solid var(--theme-deafult);
        transform: translateY(-35px) scaleY(0);
        opacity: 0;
        visibility: hidden;
        width: 180px!important;
        padding: 10px 10px 10px 15px
    }

    .page-header .header-wrapper .left-header ul li .search-form .form-control-plaintext.open {
        transform: translateY(0) scaleY(1);
        opacity: 1;
        visibility: visible;
        transition: all .3s linear;
        z-index: 2
    }

    .page-wrapper .page-body-wrapper .page-title>.row .col-6:first-child {
        display: block
    }

    .page-wrapper .page-body-wrapper .page-title>.row .col-6:first-child h3 {
        padding-right: 0
    }

    .page-wrapper .page-header .header-wrapper .nav-right ul li i {
        font-size: 16px!important
    }

    .page-wrapper .page-header .header-wrapper .nav-right ul li svg {
        width: 16px
    }

    .page-wrapper .page-body-wrapper .page-title .breadcrumb {
        margin-top: 0
    }

    .page-wrapper.compact-sidebar .left-header .mega-menu,.page-wrapper.compact-wrapper .left-header .mega-menu {
        top: 17px;
        right: 15px;
        padding-top: 0
    }

    .page-wrapper.compact-sidebar .left-header .mega-menu .nav-link,.page-wrapper.compact-wrapper .left-header .mega-menu .nav-link {
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom: 3px
    }

    .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar,.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        border-right: 1px solid #ddd;
        padding-right: 8px;
        margin-right: 8px
    }

    .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar svg,.page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar svg {
        width: 18px
    }

    .page-wrapper.compact-sidebar .sidebar-wrapper .back-btn {
        display: none
    }

    .page-wrapper.compact-sidebar .sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li {
        margin-right: 0
    }

    .page-wrapper .page-header .header-wrapper {
        padding: 12px 15px!important
    }

    .page-wrapper .page-header .header-wrapper .nav-right>ul {
        top: 58px
    }

    .page-wrapper .page-header .header-wrapper .nav-right>ul .search-form i {
        display: none
    }

    .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li.px-0 {
        padding: 6px!important
    }

    .page-wrapper .page-header .header-wrapper .nav-right>ul li {
        margin-right: 1px
    }

    .page-wrapper .page-header .header-wrapper .nav-right>ul li .flag-icon {
        font-size: 14px!important
    }

    .page-wrapper .page-header .header-wrapper .nav-right>ul li .profile-media img {
        width: 25px
    }

    .page-wrapper .page-header .header-wrapper .nav-right>ul li.onhover-dropdown ul li {
        margin-right: 0!important
    }

    .page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:after,.page-wrapper .page-header .header-wrapper .nav-right .notification-dropdown.onhover-show-div:before {
        left: 24px!important;
        right: unset!important
    }

    .page-wrapper .page-header .header-wrapper .nav-right .chat-dropdown {
        left: -52px;
        width: 300px
    }

    .page-wrapper .page-header .header-wrapper .nav-right .chat-dropdown:after,.page-wrapper .page-header .header-wrapper .nav-right .chat-dropdown:before {
        left: 58px!important
    }

    .page-wrapper .page-body-wrapper .page-title .btn-group .btn {
        padding: 8px 30px
    }

    .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
        margin-top: 90px
    }

    .page-wrapper.compact-wrapper .page-body-wrapper.sidebar-wrapper .sidebar-main .sidebar-links {
        height: calc(100vh - 79px)
    }

    .alert-dismissible {
        padding-right: 30px
    }

    .alert-dismissible p {
        max-width: 209px
    }

    .m-r-30 {
        margin-right: 15px
    }

    .wishlist .text-end {
        text-align: left!important
    }

    .mobile-clock-widget #date {
        margin-top: 15px
    }

    .social-widget-card .b-b-light {
        padding: 15px;
        margin-bottom: 15px
    }

    .weather-widget-two .bottom-whetherinfo .whether-content {
        top: 34px
    }

    .cal-date-widget .cal-datepicker {
        margin-top: 15px
    }

    .static-top-widget .media-body .icon-bg {
        width: 70px;
        height: 70px
    }

    .add-post form .m-checkbox-inline label {
        margin-right: 15px
    }

    .add-post .dropzone {
        margin-bottom: 15px
    }

    .wizard-4 .msg-box {
        top: 10px!important
    }

    .wizard-4 .login-card .login-main,.wizard-4 .step-container div.content .wizard-title {
        width: 280px
    }

    .wizard-4 .action-bar {
        right: 10px
    }

    .customers.avatar-group {
        margin-right: 15px
    }

    .vertical-mobile-sidebar {
        top: 19px
    }

    .alert-theme i {
        margin-right: 10px!important
    }

    .alert-theme button {
        top: 0!important
    }

    .bar-chart-widget .earning-details i {
        right: -30px
    }

    .widget-joins:before {
        display: none
    }

    .widget-joins .ps-0 {
        padding-left: 15px!important
    }

    .widget-joins .pe-0 {
        padding-right: 15px!important
    }

    .widget-joins .border-after-xs:after {
        content: "";
        position: absolute;
        height: 1px;
        width: 94%;
        background-color: #efefef;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto
    }

    .clockpicker-align-top {
        left: 45px!important;
        top: 406px!important
    }

    .gallery {
        margin-bottom: -15px
    }

    .my-gallery figure,.my-gallery figure:nth-child(10),.my-gallery figure:nth-child(9) {
        margin-bottom: 15px
    }

    .my-gallery.gallery-with-description figure:last-child {
        margin-bottom: 20px
    }

    #aniimated-thumbnials figure:nth-child(10),#aniimated-thumbnials figure:nth-child(11),#aniimated-thumbnials figure:nth-child(12),#aniimated-thumbnials figure:nth-child(9) {
        margin-bottom: 15px
    }

    .photoswipe-pb-responsive {
        padding-bottom: 30px!important
    }

    .avatar-showcase .pepole-knows {
        text-align: center
    }

    .avatar-showcase .pepole-knows ul li {
        margin-right: 14px
    }

    .social-app-profile .hovercard .user-image .avatar {
        margin-top: -56px
    }

    .social-app-profile .hovercard .user-image .avatar img {
        width: 100px;
        height: 100px
    }

    .social-app-profile .hovercard .user-image .icon-wrapper {
        left: 52%;
        top: 10px;
        height: 30px;
        width: 30px;
        font-size: 15px
    }

    .social-app-profile .hovercard .user-image .icon-wrapper:hover {
        font-size: 12px
    }

    .social-app-profile .hovercard .user-image .share-icons {
        right: 15px
    }

    .social-app-profile .hovercard .user-image .share-icons li {
        margin-right: 0
    }

    .social-app-profile .hovercard .info .tabs-scoial .user-designation {
        border-top: none;
        border-bottom: none;
        margin-bottom: 0;
        padding: 0
    }

    .social-app-profile .tabs-scoial {
        margin-bottom: 0!important
    }

    .socialprofile .social-btngroup {
        margin: 15px 0
    }

    .socialprofile .social-group {
        margin-top: 15px
    }

    .new-users-social,.social-status .media,.social-status form .form-group .form-control-social {
        margin-bottom: 15px
    }

    .tabs-scoial {
        position: relative;
        padding-top: 80px
    }

    .tabs-scoial li:nth-child(3) {
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
        padding: 10px;
        height: 60px
    }

    .timeline-content .comments-box,.timeline-content p {
        margin-top: 15px
    }

    .timeline-content .comments-box .media .m-r-20 {
        margin-right: 10px
    }

    .timeline-content .comments-box .media .media-body .input-group .input-group-append .btn {
        padding: 6px
    }

    .timeline-content .comment-number i {
        margin-right: 15px
    }

    #cd-timeline {
        margin-right: 0
    }

    .social-chat {
        margin-top: 15px
    }

    .social-chat .media-body {
        padding: 15px
    }

    .social-chat .other-msg,.social-chat .your-msg,.social-list .media,.social-network span {
        margin-bottom: 15px
    }

    .details-about+.details-about,.your-details-xs {
        margin-top: 15px
    }

    .social-header h5 span.pull-right {
        float: right!important;
        margin-top: 0!important
    }

    .social-header h5 span.pull-right svg {
        width: 18px;
        height: 18px
    }

    .activity-log .my-activity+.my-activity {
        margin-top: 15px
    }

    .photos ul li {
        width: 26%
    }

    .photos ul li:nth-child(3n) {
        margin-right: 0
    }

    .chat-box .chat-history .call-content>div {
        padding-top: 30px
    }

    .timeline-small .media,.timeline-small .media .media-body h6 {
        margin-bottom: 15px
    }

    .timeline-small .media .timeline-round.timeline-line-1:after {
        bottom: -39px;
        height: 30px
    }

    .timeline-small .media .timeline-round.small-line:after {
        bottom: -17px;
        height: 8px
    }

    .timeline-small .media .timeline-round.medium-line:after {
        bottom: -30px;
        height: 22px
    }

    .helper-classes {
        padding: 15px
    }

    .form-builder-2-header ul li {
        text-align: left
    }

    .form-builder-2-header .form-inline {
        display: block;
        width: 100%
    }

    .form-builder-2-header .form-inline .form-group {
        width: 100%;
        margin-right: 0
    }

    .form-builder-2-header .form-inline button {
        width: 100%;
        text-align: left
    }

    .page-builder .btn-grid {
        margin-bottom: 7px;
        padding-right: 5px
    }

    .page-builder .ge-canvas.ge-editing .row {
        padding: 15px
    }

    .page-builder .ge-canvas.ge-editing .ge-tools-drawer {
        margin: 10px
    }

    .page-builder .ge-canvas.ge-layout-desktop [class*=col-] {
        width: inherit!important
    }

    .wizard-4 .step-container div.content {
        margin-top: 10px
    }

    .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link,.nav-tabs .nav-link.active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
        border-top: 0;
        border-bottom: 0
    }

    .border-tab.nav-tabs .nav-item {
        width: 100%!important
    }

    .border-tab .weather-widget-two .bottom-whetherinfo .whether-content {
        top: 35px
    }

    .border-tab .social-widget-card .b-b-light {
        padding: 15px;
        margin-bottom: 15px
    }

    .border-tab .ecommerce-widget .progress-showcase {
        margin-top: 15px
    }

    .nav {
        display: inherit;
        text-align: center;
        border-bottom: none
    }

    .editor_container .CodeMirror {
        min-height: 190px;
        height: 190px
    }

    .order-history table.dataTable.table thead th {
        padding-right: 60px
    }

    .border-tab.nav-left .nav-link {
        text-align: center;
        border-left: none
    }

    .border-tab.nav-right .nav-link {
        text-align: center;
        border-right: none
    }

    .border-tab.nav-tabs {
        margin-bottom: 10px
    }

    .tab-content~.nav-tabs.border-tab {
        margin-top: 10px
    }

    .nav-pills {
        text-align: center
    }

    .crm-overall {
        margin: 0 -15px -15px
    }

    .product-color li {
        width: 15px;
        height: 15px
    }

    .product-social li a {
        width: 30px;
        height: 30px;
        font-size: 13px
    }

    .product-social li:nth-child(n+2) {
        margin-left: 5px
    }

    .product-page-main {
        padding: 15px
    }

    .product-page-main .m-t-15 .btn {
        margin-top: 10px
    }

    .product-page-main .product-page-details h3 {
        font-size: 24px
    }

    .todo .action-box.large {
        height: 25px;
        width: 25px
    }

    .todo .action-box.large .icon {
        font-size: 14px;
        vertical-align: -3px
    }

    .todo .todo-list-wrapper #todo-list li .task-container .task-label {
        font-size: 14px
    }

    .todo .todo-list-wrapper .mark-all-tasks {
        right: 15px
    }

    .datetime-picker label {
        text-align: left!important
    }

    .redial-chart-block {
        text-align: center
    }

    #nav-tabContent {
        margin-top: 15px
    }

    .reset-password-box {
        width: 430px
    }

    .auth-bg {
        padding: 25px 15px
    }

    .auth-bg-effect {
        display: none
    }

    .date-picker .text-right {
        text-align: left!important
    }

    .dataTables_wrapper table.dataTable {
        margin-bottom: 15px!important
    }

    ul.pagination li:before {
        line-height: 3
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-left: 0!important
    }

    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
        padding-right: 0!important
    }

    div.dataTables_wrapper div.dataTables_length {
        margin-bottom: 15px
    }

    div.dataTables_wrapper div.dataTables_length select {
        min-height: 30px
    }

    div.dataTables_wrapper table.dataTable td,div.dataTables_wrapper table.dataTable th {
        padding: .5rem
    }

    div.dataTables_wrapper div.dataTables_paginate {
        margin-top: 15px!important
    }

    div.dataTables_wrapper div.dataTables_paginate .paginate_button {
        padding: 1px 7px
    }

    div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous {
        font-size: 0;
        padding: 0
    }

    div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous a {
        border: none!important
    }

    div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous:before {
        content: "";
        font-family: themify;
        font-size: 11px;
        padding: 0 5px
    }

    div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {
        font-size: 0;
        padding: 0
    }

    div.dataTables_wrapper div.dataTables_paginate .paginate_button.next a {
        border: none!important
    }

    div.dataTables_wrapper div.dataTables_paginate .paginate_button.next:before {
        content: "";
        font-family: themify;
        font-size: 11px;
        padding: 0 5px
    }

    div.dataTables_wrapper .dataTables_filter {
        margin-bottom: 15px
    }

    div.dataTables_wrapper .dataTables_filter input[type=search] {
        height: 30px
    }

    .page-wrapper .page-body-wrapper .user-profile .profile-img-style {
        padding: 15px
    }

    .page-wrapper .page-body-wrapper .user-profile .profile-img-style .img-container {
        margin-top: 15px
    }

    .page-wrapper .page-body-wrapper .user-profile hr {
        margin: 15px 0
    }

    .page-wrapper .page-body-wrapper .user-profile .like-comment {
        margin-top: 15px
    }

    .jvector-map-height {
        height: 250px
    }

    .user-profile .order-sm-0 {
        order: -1
    }

    .user-profile .hovercard .info .ttl-info {
        text-align: center!important
    }

    .user-profile .hovercard .info .ttl-xs-mt {
        margin-top: 20px
    }

    .icon-hover-bottom .form-group {
        display: block!important;
        margin-bottom: 0
    }

    .icon-hover-bottom .form-group input {
        width: 100%!important
    }

    .icon-hover-bottom .form-group .btn {
        margin-top: 15px
    }

    .icon-hover-bottom .icon-popup {
        padding: 15px
    }

    .icon-hover-bottom svg.climacon {
        height: 50px;
        width: 50px
    }

    .blog-box.blog-shadow:before {
        box-shadow: inset 0 -100px 100px -13px rgba(0,0,0,.6)
    }

    .blog-box .blog-details .blog-social,.blog-box .blog-details .single-blog-content-top,.blog-box .blog-details h4,.blog-box .blog-details p {
        margin-top: 15px
    }

    .blog-box .blog-details .blog-social li+li {
        padding-left: 20px
    }

    .blog-box .blog-details .blog-social li+li>span {
        display: none
    }

    .blog-box .blog-details .blog-social li:first-child {
        margin-right: 10px;
        padding-right: 20px
    }

    .comment-box {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .comment-box ul ul {
        margin-left: 30px
    }

    .comment-box li .media {
        display: block
    }

    .comment-box li .media img {
        height: 50px;
        width: 50px;
        padding: 3px;
        margin-bottom: 10px
    }

    .ace-editor {
        height: 320px
    }

    .gallery>a {
        margin-bottom: 15px;
        text-align: center
    }

    .card .card-header h5 {
        font-size: 17px
    }

    .all-package-heding5 {
        font-size: 13px!important
    }

    .theme-form .form-group {
        margin-bottom: 15px
    }

    .page-wrapper .page-body-wrapper .default-according .card .card-body,.page-wrapper .page-body-wrapper .default-according .card .card-footer,.page-wrapper .page-body-wrapper .default-according .card .card-header {
        padding: .75rem 1.25rem
    }

    .page-wrapper .page-body-wrapper .card {
        margin-bottom: 20px
    }

    .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-t-30,.page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-t-30,.page-wrapper .page-body-wrapper .card .card-header .tab-content .m-t-30 {
        margin-top: 20px!important
    }

    .page-wrapper .page-body-wrapper .card .card-body .tab-content .m-b-30,.page-wrapper .page-body-wrapper .card .card-footer .tab-content .m-b-30,.page-wrapper .page-body-wrapper .card .card-header .tab-content .m-b-30 {
        margin-bottom: 20px!important
    }

    .page-wrapper .page-body-wrapper .page-body {
        padding: 0!important
    }

    .page-wrapper .page-body-wrapper .page-title {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .page-wrapper .page-body-wrapper .page-title .row h3 {
        font-size: 20px
    }

    .alert-danger.inverse,.alert-dark.inverse,.alert-info.inverse,.alert-light.inverse,.alert-primary.inverse,.alert-secondary.inverse,.alert-success.inverse,.alert-warning.inverse {
        background-color: transparent
    }

    .alert .close {
        height: 100%
    }

    .calender-widget .cal-desc {
        padding: 10px 15px 15px!important
    }

    .calender-widget .cal-desc p {
        max-height: 100%
    }

    .user-profile hr {
        margin: 15px 0
    }

    .user-profile .hovercard .cardheader {
        height: 300px
    }

    .user-profile .hovercard .info {
        padding: 20px
    }

    .user-profile .hovercard .info .user-designation {
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        margin-bottom: 15px;
        padding: 15px 0
    }

    .user-profile .hovercard .social-media a {
        margin-right: 0;
        font-size: 16px
    }

    .user-profile .hovercard .follow .follow-num {
        font-size: 20px
    }

    .user-profile .profile-img-style .pictures img {
        margin-bottom: 10px
    }

    .custom-card .card-footer>div h6 {
        font-size: 14px;
        font-weight: 600
    }

    .custom-card .card-footer>div h3 {
        font-size: 24px
    }

    .calendar-wrap .fc-toolbar .fc-center {
        margin-top: 10px
    }

    .calendar-wrap a.fc-more {
        font-size: .7em
    }

    .mega-inline {
        display: block
    }

    .megaoptions-border-space-sm {
        padding-bottom: 30px!important
    }

    .blog-box.blog-shadow .blog-details {
        padding: 15px
    }

    .blog-box.blog-shadow .blog-details p {
        margin-bottom: 0
    }

    .blog-box.blog-shadow .blog-details h4 {
        margin-bottom: 10px
    }

    .blog-box.blog-list .blog-details {
        padding-top: 0
    }

    .blog-box .blog-details {
        padding: 20px
    }

    .blog-box .blog-date span {
        font-size: 25px
    }

    .blog-single .blog-box .blog-details {
        padding: 0
    }

    .error-wrapper {
        padding: 20px 0
    }

    .error-wrapper .btn {
        margin-top: 15px
    }

    .error-wrapper .img-100 {
        width: 50px!important
    }

    .error-wrapper .error-heading {
        margin-top: 20px
    }

    .error-wrapper .error-heading .cloud-second {
        margin-top: -60px
    }

    .error-wrapper .error-heading .headline {
        font-size: 150px
    }

    .error-wrapper .maintenance-heading .cloud-second {
        display: none
    }

    .error-wrapper .maintenance-heading .headline {
        font-size: 25px;
        margin-top: -10%;
        letter-spacing: 2px
    }

    .comingsoon .comingsoon-inner .coming-soon-bottom-link {
        margin-top: 20px;
        line-height: 1
    }

    .comingsoon .comingsoon-inner h5 {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .comingsoon .comingsoon-inner .countdown {
        padding: 20px 0
    }

    .comingsoon .comingsoon-inner .countdown ul li {
        margin: 0 7px
    }

    .comingsoon .comingsoon-inner .countdown .title {
        font-size: 12px
    }

    .comingsoon .comingsoon-inner .countdown .time {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        margin: 0 auto
    }

    .f1 .f1-steps,.form-wizard .btn-mb,.stepwizard {
        margin-bottom: 15px
    }

    .f1 .f1-steps {
        margin-top: 15px
    }

    .wizard-4 ul.anchor {
        width: 100%;
        padding-bottom: 15px;
        padding-right: 0
    }

    .wizard-4 .step-container {
        width: 100%
    }

    .status-widget .text-sm-right {
        text-align: right
    }

    .mega-menu {
        padding-left: 15px
    }

    .mega-menu .onhover-show-div {
        height: 405px;
        left: 0;
        top: 61px;
        padding: 15px
    }

    .mega-menu .lg-mt {
        margin-top: 10px
    }

    .mega-menu .xs-mt,.nav-md-mt {
        margin-top: 15px
    }

    .navs-icon {
        padding: 15px
    }

    .navs-icon .main-section {
        padding-top: 15px
    }

    .navs-icon .separator {
        margin: 15px 0
    }

    .nav-list {
        padding: 15px
    }

    .navs-dropdown button {
        margin-top: 15px
    }

    .navs-dropdown .onhover-show-div {
        top: 64px
    }

    .lg-mt {
        margin-top: 15px
    }

    #aniimated-thumbnials a:last-child img {
        margin-bottom: 15px
    }

    .tilt-showcase .mt-4 {
        margin-top: 15px!important
    }

    .tilt-showcase ol .m-b-20 {
        margin-bottom: 15px!important
    }

    .xs-mt {
        margin-top: 15px
    }

    span:last-child.tag-pills-sm-mb {
        margin-top: 3px
    }

    .animated-modal .form-group .form-control {
        width: 50%;
        margin: 0 auto
    }

    .animated-modal .animated-modal-md-mb {
        margin-bottom: 15px!important
    }

    .steps-md-mt {
        margin-top: 15px
    }

    .steps-sizing-sm-mb {
        margin-bottom: 15px
    }

    .bootstrap-touchspin .touchspin-vertical-tab .input-group {
        width: 96%!important
    }

    #API-chield-row_wrapper #API-chield-row tbody tr td:first-child {
        min-width: 20px
    }

    .chart-block .flot-chart-container p#choices {
        width: 100%
    }

    .chart-block .flot-chart-container #toggling-series-flot {
        width: 100%!important
    }

    .click2edit~.note-editor.note-frame {
        margin-bottom: 15px
    }

    .ecommerce-widget .progress-showcase {
        margin-top: 15px
    }

    .reset-password-box .theme-form .form-group .btn {
        margin-top: 13px!important
    }

    .gallery-img-mb-sm,.gallery-with-description a>div {
        margin-bottom: 15px
    }

    .xm-mb-peity {
        margin-bottom: 8px
    }

    .authentication-main {
        padding: 30px 15px
    }

    .translate_wrapper.active .more_lang:after,.translate_wrapper.active .more_lang:before {
        display: none
    }

    .translate_wrapper.active .more_lang.active {
        position: fixed;
        width: calc(100vw - 30px);
        left: 15px;
        top: 60px
    }

    .onhover-dropdown:hover .onhover-show-div.active {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
        border-radius: 5px;
        overflow: hidden
    }

    .page-header .header-wrapper .nav-right.right-header ul.chat-dropdown,.page-header .header-wrapper .nav-right.right-header ul.notification-dropdown,.page-header .header-wrapper .nav-right.right-header ul.profile-dropdown {
        width: calc(100vw - 30px);
        position: fixed;
        top: 60px;
        left: 15px!important
    }

    .page-header .header-wrapper .nav-right .profile-dropdown {
        top: 43px
    }

    .wizard-4 .action-bar .btn {
        margin: 0 2px
    }

    .tabbed-card ul {
        right: 0;
        left: unset
    }

    .dropdown-basic .btn-group {
        margin-right: unset
    }
}

@media only screen and (max-width: 480px) {
    .page-wrapper .page-header .header-wrapper .nav-right .onhover-show-div {
        right:20px;
        width: 280px;
        position: fixed
    }

    .page-wrapper.only-body .page-header .header-wrapper .nav-right {
        display: none
    }

    .product-wrapper-grid.list-view .product-box {
        display: block
    }

    .product-wrapper-grid.list-view .product-box .product-img {
        width: 100%
    }

    .pagination-lg .page-link {
        font-size: 1rem
    }

    h6 {
        font-size: 14px
    }

    .custom-map svg {
        height: 300px
    }

    .prooduct-details-box .media-body {
        margin-left: 0!important
    }

    .left-header .level-menu .header-level-menu {
        width: 140px;
        padding: .7rem 0
    }

    .left-header .level-menu .header-level-menu>li>.header-level-sub-menu {
        padding: .7rem 0;
        width: 120px;
        left: 140px
    }

    .left-header .level-menu .header-level-menu svg {
        display: none
    }

    .box-layout.page-wrapper .set-col-3,.box-layout.page-wrapper .set-col-5,.box-layout.page-wrapper .set-col-6,.box-layout.page-wrapper .set-col-7 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .chart_data_right .knob-block>div:not(.chart-clock-main) canvas {
        width: 70px!important;
        height: 70px!important
    }

    .knob-block .chart-clock-main {
        margin: auto;
        width: auto
    }

    .knob-block .chart-clock-main .clock-medium {
        position: absolute;
        left: 33px;
        top: 33px
    }

    .knob-block .chart-clock-main .clock-medium canvas {
        width: 180px!important;
        height: 180px!important
    }

    .knob-block .chart-clock-main .clock-small {
        left: 34px;
        top: 74px
    }

    .knob-block .chart-clock-main .clock-large {
        left: 0;
        top: 0;
        margin: 0 auto
    }

    .knob-block .chart-clock-main .clock-large canvas,.knob-block>div:not(.chart-clock-main) canvas {
        width: 245px!important;
        height: 245px!important
    }

    .wizard-4 .action-bar .btn {
        width: 100%
    }

    .wizard-4 .action-bar .btn+.btn {
        margin-top: 10px
    }

    ul.notification-dropdown.onhover-show-div {
        width: 260px;
        right: -80px
    }

    ul.notification-dropdown.onhover-show-div:after,ul.notification-dropdown.onhover-show-div:before {
        right: 89px!important
    }

    .inline-block-sm {
        display: inline-block
    }

    .pagination-lg .page-link {
        padding: .3rem .65rem
    }

    .nav-pills li {
        width: 100%
    }

    .reset-password-box {
        width: 290px
    }

    .icon-hover-bottom .icon-first {
        margin-right: 10px
    }

    .icon-hover-bottom .icon-popup .icon-class {
        display: none
    }

    .error-wrapper .maintenance-heading {
        margin-top: 0
    }

    .custom-card {
        padding: 0
    }

    .custom-card .card-footer>div h3 {
        font-size: 20px
    }

    .custom-card .card-social li {
        padding: 5px 0
    }

    .custom-card .profile-details h6 {
        margin-bottom: 15px
    }

    .custom-card .profile-details h4 {
        font-size: 20px
    }

    .custom-card .card-profile img {
        height: 93px
    }

    .card .card-header .card-header-right i {
        margin: 0 3px;
        font-size: 14px
    }

    .card .card-header>span+span {
        display: none
    }

    .timeline-small .media .timeline-round.timeline-line-1:after {
        bottom: -50px
    }

    .timeline-small .media .timeline-round.medium-line:after {
        bottom: -40px
    }

    .dropdown-basic,.dropup-basic {
        text-align: center
    }

    .blog-box.blog-shadow .blog-details {
        padding: 10px
    }

    .blog-box.blog-shadow .blog-details h4 {
        font-size: 14px
    }

    .cal-date-widget {
        padding: 30px
    }

    .calender-widget .cal-img {
        height: 225px
    }

    .company-card .details .media {
        flex-wrap: wrap
    }

    .stepwizard .stepwizard-row:before {
        top: 17px
    }

    .stepwizard .stepwizard-row .stepwizard-step .btn {
        padding: 6px 22px
    }

    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {
        width: 83px;
        height: 83px
    }

    .mega-menu {
        padding-left: 20px;
        padding-top: 3px
    }

    .mega-menu .onhover-show-div {
        height: 405px;
        left: 0;
        top: 61px;
        padding: 15px
    }

    .badge {
        padding: .42em .7em
    }

    .alert-dismissible .close {
        top: -1px
    }

    .alert-dismissible .close span {
        font-size: 19px
    }

    .notify-alert {
        width: 90%
    }

    .chat-box .chat-right-aside .chat .chat-header {
        display: block
    }

    .chat-box .chat-right-aside .chat .chat-header .chat-menu-icons {
        margin-top: 15px;
        padding-left: 10px
    }

    .package-card {
        display: block!important
    }

    .package-card div h5 {
        margin-bottom: 10px!important
    }
}

@media only screen and (max-width: 420px) {
    .product-sidebar.open {
        top:-75px
    }

    .alert-theme {
        font-size: 12px;
        min-width: 300px
    }

    .alert-theme button {
        right: 30px!important
    }

    .alert-theme i {
        display: none
    }

    .alert-theme span+span+span {
        padding: 15px
    }

    .and-many-more {
        font-size: 37px
    }

    .tabbed-card ul.border-tab.nav-tabs .nav-item .nav-link {
        padding: 5px 15px 8px
    }

    .border-tab.nav-tabs {
        display: block
    }

    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper>div {
        width: 112px
    }

    .page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.page-wrapper.compact-sidebar .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        left: 112px;
        width: 190px
    }

    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper>div {
        width: 80px
    }

    .page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .mega-menu-container,.page-wrapper.compact-small .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu {
        left: 80px;
        width: 210px
    }

    .login-card .login-main .theme-form .link {
        position: unset
    }
}

@media only screen and (max-width: 360px) {
    .product-box .modal .modal-header .product-box .product-details .product-qnty fieldset .input-group {
        width:45%
    }

    .prooduct-details-box .close {
        right: 0;
        top: 5px
    }

    .prooduct-details-box .btn {
        padding: 4px 8px
    }

    .prooduct-details-box .media {
        padding: 15px;
        display: block
    }

    .prooduct-details-box .media .media-body {
        margin-top: 15px
    }

    .datepicker--nav-action {
        width: 20px;
        margin-left: -10px;
        background-color: transparent
    }

    .datepicker--nav-action path {
        stroke: var(--theme-deafult)
    }

    .custom-map svg {
        margin: 0;
        height: 215px
    }

    .clockpicker-align-top {
        top: 426px!important
    }

    .note {
        min-width: 250px
    }

    .datepicker {
        width: 239px
    }

    .add-post form .m-checkbox-inline label {
        margin-bottom: 8px
    }

    .add-post form .m-checkbox-inline label:last-child {
        margin-bottom: 0
    }

    .map-js-height {
        height: 250px
    }

    .bar-chart-widget .earning-details i {
        right: -73px
    }

    .widget-joins .border-after-xs:after {
        width: 92%
    }

    .status-widget svg {
        width: 18px;
        height: 18px
    }

    .tabs-scoial.border-tab.nav-tabs .nav-item .nav-link {
        padding: 10px 5px;
        font-size: 14px
    }

    .user-profile .hovercard .user-image .share-icons {
        right: 6px;
        top: -15px
    }

    .user-profile .hovercard .user-image .share-icons li .social-icon {
        width: 25px;
        height: 25px
    }

    .user-profile .hovercard .user-image .share-icons li .social-icon i {
        font-size: 14px
    }

    .social-chat .other-msg {
        margin-left: 15px
    }

    .social-header h5 span.pull-right {
        display: none
    }

    .timeline-small .media .timeline-round.timeline-line-1:after {
        bottom: -74px;
        height: 56px
    }

    .timeline-small .media .timeline-round.small-line:after {
        bottom: -32px;
        height: 14px
    }

    .timeline-small .media .timeline-round.medium-line:after {
        bottom: -59px;
        height: 40px
    }

    .timeline-small .media .media-body p {
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 4
    }

    .custom-card .dashboard-card {
        padding-top: 0
    }

    .custom-card .card-profile img {
        bottom: 25px
    }

    .custom-card .card-footer>div h6 {
        font-size: 12px
    }

    .flot-chart-container {
        height: 230px
    }

    .map-block {
        height: 250px
    }

    .img-cropper .docs-tooltip {
        font-size: 11px
    }

    .img-cropper .docs-toggles .btn-group .btn {
        padding: .375rem .2rem
    }

    .blog-box .blog-details p {
        line-height: 1.5
    }

    .blog-box .blog-details .blog-social li:last-child {
        padding-left: 0
    }

    .blog-box .blog-details-main .blog-social li {
        padding: 0 10px
    }

    .button-builder-wrap .btn-lg {
        font-size: 18px
    }

    .tabs-responsive-side {
        max-width: 100%
    }

    .browser-widget .media i {
        font-size: 52px
    }

    .browser-widget .media .media-body h4 {
        font-size: 20px
    }

    .bar-chart-widget .bottom-content .num {
        font-size: 17px
    }

    .search-page .theme-form .input-group .form-control-plaintext {
        padding-left: 10px
    }

    .search-page .theme-form .input-group .btn {
        padding: 6px 4px
    }

    .search-page .info-block {
        padding: 20px
    }

    .stepwizard .stepwizard-row .stepwizard-step .btn {
        padding: 6px 20px
    }

    .user-status table tbody img {
        height: 40px
    }

    .wizard-4 ul.anchor {
        padding-top: 15px
    }

    .wizard-4 .msg-box {
        top: 40px!important
    }

    .xs-width-100 {
        min-width: 100%
    }

    .email-wrap .action-wrapper .actions li {
        margin-right: 5px
    }

    .email-wrap .email-body .attachment .list-inline .list-inline-item {
        padding-right: 5px
    }

    .email-wrap .email-right-aside .email-content .email-wrapper .attachment ul li img {
        width: 65px;
        height: 65px
    }

    .email-wrap .email-right-aside .email-top .dropdown-menu {
        left: -58px
    }

    .form-builder #components .component .form-group #button1id {
        margin-bottom: 15px
    }

    .default-according .card .card-header i {
        font-size: 14px;
        top: 24px
    }

    .default-according .card .btn-link {
        display: block;
        width: 100%;
        padding-left: 17px
    }

    .star-ratings .stars .title {
        line-height: 1
    }

    .user-profile .hovercard .social-media a {
        padding: 0 12px
    }

    .bootstrap-touchspin .touchspin-vertical-tab .input-group {
        width: 93%!important
    }

    .step-container {
        height: 280px!important
    }

    .sort-panel .d-inline .btn {
        margin-left: 87px
    }

    .jsgrid .jsgrid-pager-container .jsgrid-pager .jsgrid-pager-page {
        padding: .5em .62em
    }

    .chat-box .chat-right-aside {
        flex: 0 0 96%;
        max-width: 96%
    }

    .chat-box .chat-right-aside .chat .chat-message {
        width: calc(100% - 20px)
    }

    .error-wrapper .error-heading .headline {
        font-size: 100px
    }

    .lg-toolbar .lg-icon {
        width: 40px
    }

    .calendar-wrap a.fc-more {
        font-size: .59em
    }

    .calendar-wrap .fc th {
        font-size: 10px
    }

    .modal-footer {
        display: block;
        text-align: center
    }

    .modal-footer button:first-child {
        margin-bottom: 10px
    }

    .order-box .qty li,.order-box .qty li span {
        font-size: 14px
    }

    .order-box ul li span {
        text-align: right
    }

    .order-box ul li label {
        text-align: right;
        font-size: 14px
    }

    .order-box .sub-total li .count {
        font-size: 14px
    }

    .checkout .text-end {
        text-align: left!important;
        margin-top: 15px
    }
}

@media screen and (max-width: 578px) {
    .datepicker-dashboard .datepicker {
        height:340px
    }

    .datepicker-dashboard .datepicker--days-names {
        font-size: 16px;
        margin: 12px 0
    }

    .datepicker-dashboard .datepicker--cells-days {
        height: 170px
    }

    .btn-group .btn {
        font-size: 12px;
        padding: .375rem .5rem
    }
}

@media only screen and (min-width: 576px) {
    .product-wrapper-grid.list-view .col-sm-6 {
        flex:0 0 100%;
        max-width: 100%
    }

    .sidebar-wrapper .back-btn {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .rtl-ltr-btn {
        display:inline-block
    }
}

@media only screen and (max-width: 359px) {
    .apexcharts-legend-marker {
        margin-left:0
    }
}

@media only screen and (max-width: 370px) {
    .package-heding .card-header h5 {
        width:145px
    }
}





.login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 37px rgba(8, 21, 66, .05);
    margin: 52px auto;
    background-color: #fff;
}


img.img-fluid.for-light {
    width: 259px;
}




.w-100.mb-6.flex {
    display: inline-block;
}



.flex-1.text-left {
    float: left;
}

.flex-1.text-right {
    float: right;
}


.imgWidth{
    width: 100px;
}

.bac{
  background-color: #e4d0be !important; 
  color:#aa4008 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}


.EditbuttonColor {
 background-color: #fef1e1 !important; 
 border:2 px solid  #fef1e1 !important; 
  color:#aa4008;
  padding: 10px 18px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, transform 0.2s ease;
  cursor: pointer;
}
.buttonColor {
 background-color: #e4d0be !important; 
 border:2 px solid  #e4d0be !important; 
  color:#aa4008;
  padding: 10px 18px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, transform 0.2s ease;
  cursor: pointer;
}

.formwidth{
    width: 100%;
}


.marginbutton {
    margin-left: 25px;
}

.newmarginbutton {
    margin-left:5px;
}




a.sidebar-link.sidebar-title {
    text-decoration: none;
}




select#swal-hotel {
    width: 260px;
    margin-top: 20px;
    padding: 9px 7px;
    border: 1.5px solid #ddd0d0;
    border-radius: 5px;
}

.sidebar-list.active {
  background-color: red !important;
}

.dashboard-card {
  background: white;
  border-radius: 16px;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: all 0.3s ease;
  height: 100%;
}

.dashboard-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

.icon-circle {
  background-color: #ff6b00; /* Orange */
  border-radius: 12px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-circle img {
  width: 28px;
  height: 28px;
  filter: brightness(0) invert(1); /* makes icon white */
}

.card-text-content .card-label {
  margin: 0;
  font-size: 14px;
  color: #666;
}

.card-text-content .card-number {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
}

.card-text-content .card-growth {
  color: #ff6b00;
  font-size: 14px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.status-badge {
  padding: 4px 12px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  min-width: 80px;
}

.status-badge.booked {
  background-color: #d4f1e3;
  color: #147d65;
}

.status-badge.cancelled {
  background-color: #ffe8dd;
  color: #e05b26;
}


.status-badge.partial {
  background-color: #ffe8dd;
  color: #1677ff;
}

.status-badge.checkin {
  background-color: #d9eafd;
  color: #1677ff;
}
.status-badge.paid {
  background-color: #d9eafd;
  color: #1677ff;
}

.status-badge.checkout {
  background-color: #ede9f9;
  color: #6f42c1;
}

.status-badge.pending {
  background-color: #ede9f9;
  color: #6f42c1;
}

.status-badge.due {
  background-color: #ede9f9;
  color: #6f42c1;
}



.backGroundImageCode{
   
    background-image: url("../LOGIN-BACKGROUND-IMG.png") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    


}

.swal2-select {
   padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  /* font-weight: 500; */
  /* font-family: 'Segoe UI', sans-serif;
  background-color: #f9f9f9; */
}

.btn-red{
    background-color: #cd1f5a !important;
    border: 2 px solid #fef1e1 !important;
    color: #aa4008;
    padding: 10px 18px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}


.topbar {
  height: 60px;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}



.swal2-wide-modal {
  max-width: 650px !important;
}