@charset "UTF-8";

/*

    Table of Contents



    Name                 : Zenix

    Author               : DexignZone

    Author Portfolio     : https://themeforest.net/user/dexignzone/portfolio

    





    Table of Sass Contents



    1. Abstracts

        _bs-custom

        _inheritance

        _maps

        _mixin

        _variable



    2. bootstrap 

        -Here goes all official bootstrap scss files



    3. Global/Base

        _color

        _custom-grid

        _fonts

        _helper

        _reset



    4. layout

        +footer

        +header

        +rtl

        +sidebar

        +tables

        +theme

        +version-dark



    5. Conponents

        +app

        +charts

        +forms

        +map

        +uc

        +ui

        +widget



    6. Page

        _index-1

        _page-error

        _page-register

        _page-signin

        _page-user-lock

        _page-user-lock



*/

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");

@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");

@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700");

@import url("../icons/simple-line-icons/css/simple-line-icons.css");

@import url("../icons/font-awesome-old/css/font-awesome.min.css");

@import url("../icons/material-design-iconic-font/css/materialdesignicons.min.css");

@import url("../icons/themify-icons/css/themify-icons.css");

@import url("../icons/line-awesome/css/line-awesome.min.css");

@import url("../icons/avasta/css/style.css");

@import url("../icons/flaticon/flaticon.css");

@import url("../icons/flaticon-1/flaticon_1.css");

@import url("../icons/icomoon/icomoon.css");

@import url(../vendor/animate/animate.min.css);

@import url(../vendor/aos/css/aos.min.css);

@import url(../vendor/perfect-scrollbar/css/perfect-scrollbar.css);

@import url(../vendor/metismenu/css/metisMenu.min.css);

:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



.gradient_one {

    background-image: linear-gradient(

        to right,

        rgba(186, 1, 181, 0.85) 0%,

        rgba(103, 25, 255, 0.85) 100%

    );

}



.gradient-1 {

    background: #f0a907;

    background: -moz-linear-gradient(top, #f0a907 0%, #f53c79 100%);

    background: -webkit-linear-gradient(top, #f0a907 0%, #f53c79 100%);

    background: linear-gradient(to bottom, #f0a907 0%, #f53c79 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a907', endColorstr='#f53c79',GradientType=0 );

}



.gradient-2 {

    background: #4dedf5;

    background: -moz-linear-gradient(top, #4dedf5 0%, #480ceb 100%);

    background: -webkit-linear-gradient(top, #4dedf5 0%, #480ceb 100%);

    background: linear-gradient(to bottom, #4dedf5 0%, #480ceb 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dedf5', endColorstr='#480ceb',GradientType=0 );

}



.gradient-3 {

    background: #51f5ae;

    background: -moz-linear-gradient(top, #51f5ae 0%, #3fbcda 100%);

    background: -webkit-linear-gradient(top, #51f5ae 0%, #3fbcda 100%);

    background: linear-gradient(to bottom, #51f5ae 0%, #3fbcda 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51f5ae', endColorstr='#3fbcda',GradientType=0 );

}



.gradient-4 {

    background: #f25521;

    background: -moz-linear-gradient(left, #f25521 0%, #f9c70a 100%);

    background: -webkit-linear-gradient(left, #f25521 0%, #f9c70a 100%);

    background: linear-gradient(to right, #f25521 0%, #f9c70a 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25521', endColorstr='#f9c70a',GradientType=1 );

}



.gradient-5 {

    background: #f53c79;

    background: -moz-linear-gradient(left, #f53c79 0%, #f0a907 100%);

    background: -webkit-linear-gradient(left, #f53c79 0%, #f0a907 100%);

    background: linear-gradient(to right, #f53c79 0%, #f0a907 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53c79', endColorstr='#f0a907',GradientType=1 );

}



.gradient-6 {

    background: #36b9d8;

    background: -moz-linear-gradient(left, #36b9d8 0%, #4bffa2 100%);

    background: -webkit-linear-gradient(left, #36b9d8 0%, #4bffa2 100%);

    background: linear-gradient(to right, #36b9d8 0%, #4bffa2 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b9d8', endColorstr='#4bffa2',GradientType=1 );

}



.gradient-7 {

    background: #4400eb;

    background: -moz-linear-gradient(left, #4400eb 0%, #44e7f5 100%);

    background: -webkit-linear-gradient(left, #4400eb 0%, #44e7f5 100%);

    background: linear-gradient(to right, #4400eb 0%, #44e7f5 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4400eb', endColorstr='#44e7f5',GradientType=1 );

}



.gradient-8 {

    background: #f7b00f;

    background: -moz-linear-gradient(top, #f7b00f 0%, #f25521 100%);

    background: -webkit-linear-gradient(top, #f7b00f 0%, #f25521 100%);

    background: linear-gradient(to bottom, #f7b00f 0%, #f25521 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7B00F', endColorstr='#F25521',GradientType=1 );

}



.gradient-9,

.datepicker.datepicker-dropdown td.day:hover,

.datepicker.datepicker-dropdown th.next:hover,

.datepicker.datepicker-dropdown th.prev:hover,

.datepicker table tr td.selected,

.datepicker table tr td.active,

.datepicker table tr td.today,

.datepicker table tr td.today:hover,

.datepicker table tr td.today.disabled,

.datepicker table tr td.today.disabled:hover {

    background: #f31e7a !important;

    background: -moz-linear-gradient(left, #f31e7a 0%, #fd712c 100%);

    background: -webkit-linear-gradient(left, #f31e7a 0%, #fd712c 100%);

    background: linear-gradient(to right, #f31e7a 0%, #fd712c 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31e7a', endColorstr='#fd712c',GradientType=1 );

}



.gradient-10 {

    background: #f25521 !important;

    background: -moz-linear-gradient(left, #f25521 0%, #f9c70a 100%);

    background: -webkit-linear-gradient(left, #f25521 0%, #f9c70a 100%);

    background: linear-gradient(to top, #f25521 0%, #f9c70a 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25521', endColorstr='#f9c70a',GradientType=1 );

}



.gradient-11 {

    background: #3398fb;

    background: -moz-linear-gradient(left, #3398fb 0%, #8553ee 100%);

    background: -webkit-linear-gradient(left, #3398fb 0%, #8553ee 100%);

    background: linear-gradient(to right, #3398fb 0%, #8553ee 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3398fb', endColorstr='#8553ee',GradientType=1 );

}



.gradient-12 {

    background: #36e1b4;

    background: -moz-linear-gradient(left, #36e1b4 0%, #11cae7 100%);

    background: -webkit-linear-gradient(left, #36e1b4 0%, #11cae7 100%);

    background: linear-gradient(to right, #36e1b4 0%, #11cae7 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36e1b4', endColorstr='#11cae7',GradientType=1 );

}



.gradient-13 {

    background: #ffbf31;

    background: -moz-linear-gradient(left, #ffbf31 0%, #ff890e 100%);

    background: -webkit-linear-gradient(left, #ffbf31 0%, #ff890e 100%);

    background: linear-gradient(to right, #ffbf31 0%, #ff890e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf31', endColorstr='#ff890e',GradientType=1 );

}
/* @media only screen and (max-width: 400px){
    .timeline-panel1 img{
        width:100px !important;
    }
} */


.gradient-14 {

    background: #23bdb8;

    background: -moz-linear-gradient(-45deg, #23bdb8 0%, #43e794 100%);

    background: -webkit-linear-gradient(-45deg, #23bdb8 0%, #43e794 100%);

    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23bdb8', endColorstr='#43e794',GradientType=1 );

}



.gradient-15 {

    background: #9a56ff;

    background: -moz-linear-gradient(-45deg, #9a56ff 0%, #e36cd9 100%);

    background: -webkit-linear-gradient(-45deg, #9a56ff 0%, #e36cd9 100%);

    background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a56ff', endColorstr='#e36cd9',GradientType=1 );

}



.gradient-16 {

    background: #f48665;

    background: -moz-linear-gradient(-45deg, #f48665 0%, #fda23f 100%);

    background: -webkit-linear-gradient(-45deg, #f48665 0%, #fda23f 100%);

    background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48665', endColorstr='#fda23f',GradientType=1 );

}



.gradient-17 {

    background: #e36cd9;

    background: -moz-linear-gradient(-45deg, #e36cd9 0%, #fe60ae 100%);

    background: -webkit-linear-gradient(-45deg, #e36cd9 0%, #fe60ae 100%);

    background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36cd9', endColorstr='#fe60ae',GradientType=1 );

}



.gradient-18 {

    background: #a15cff;

    background: -moz-linear-gradient(left, #a15cff 0%, #ce82fd 100%);

    background: -webkit-linear-gradient(left, #a15cff 0%, #ce82fd 100%);

    background: linear-gradient(to right, #a15cff 0%, #ce82fd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a15cff', endColorstr='#ce82fd',GradientType=1 );

}



/*

0 - 600: Phone

600 - 900: Tablet portrait

900 - 1200: Tablet landscape

1200 - 1800: Normal styles

1800+ : Big Desktop

1em = 16px

The smaller device rules always should write below the bigger device rules

Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component

*/

/*!

 * Bootstrap v4.3.1 (https://getbootstrap.com/)

 * Copyright 2011-2019 The Bootstrap Authors

 * Copyright 2011-2019 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

:root {

    --blue: #297f00;

    --indigo: #297f00;

    --purple: #297f00;

    --pink: #e83e8c;

    --red: #ee3232;

    --orange: #ff9900;

    --yellow: #fffa6f;

    --green: #297f00;

    --teal: #20c997;

    --cyan: #3065d0;

    --white: #fff;

    --gray: #6c757d;

    --gray-dark: #343a40;

    --primary: #077c23;

    --secondary: #036111;

    --success: #68cf29;

    --info: #51a6f5;

    --warning: #ffab2d;

    --danger: #ff4c41;

    --light: #f7f7f7;

    --dark: #6e6e6e;

    --breakpoint-xs: 0;

    --breakpoint-sm: 576px;

    --breakpoint-md: 768px;

    --breakpoint-lg: 992px;

    --breakpoint-xl: 1200px;

    --breakpoint-xxl: 1440;

    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",

        Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,

        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",

        "Noto Color Emoji";

    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,

        "Liberation Mono", "Courier New", monospace;

}



*,

*::before,

*::after {

    box-sizing: border-box;

}



html {

    font-family: sans-serif;

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {

    display: block;

}



body {

    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 0.875rem;

    font-weight: 400;

    line-height: 1.5;

    color: #7e7e7e;

    text-align: left;

    background-color: #f7f7f7;

}



[tabindex="-1"]:focus {

    outline: 0 !important;

}



hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0;

    margin-bottom: 0.5rem;

}



p {

    margin-top: 0;

    margin-bottom: 1rem;

}



abbr[title],

abbr[data-original-title] {

    text-decoration: underline;

    text-decoration: underline dotted;

    cursor: help;

    border-bottom: 0;

    text-decoration-skip-ink: none;

}



address {

    margin-bottom: 1rem;

    font-style: normal;

    line-height: inherit;

}



ol,

ul,

dl {

    margin-top: 0;

    margin-bottom: 1rem;

}



ol ol,

ul ul,

ol ul,

ul ol {

    margin-bottom: 0;

}



dt {

    font-weight: 700;

}



dd {

    margin-bottom: 0.5rem;

    margin-left: 0;

}



blockquote {

    margin: 0 0 1rem;

}



b,

strong {

    font-weight: bolder;

}



small {

    font-size: 80%;

}



sub,

sup {

    position: relative;

    font-size: 75%;

    line-height: 0;

    vertical-align: baseline;

}



sub {

    bottom: -0.25em;

}



sup {

    top: -0.5em;

}



a {

    color: #077c23;

    text-decoration: none;

    background-color: transparent;

}

a:hover {

    color: #d85319;

    text-decoration: underline;

}



a:not([href]):not([tabindex]) {

    color: inherit;

    text-decoration: none;

}

a:not([href]):not([tabindex]):hover,

a:not([href]):not([tabindex]):focus {

    color: inherit;

    text-decoration: none;

}

a:not([href]):not([tabindex]):focus {

    outline: 0;

}



pre,

code,

kbd,

samp {

    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",

        "Courier New", monospace;

    font-size: 1em;

}



pre {

    margin-top: 0;

    margin-bottom: 1rem;

    overflow: auto;

}



figure {

    margin: 0 0 1rem;

}



img {

    vertical-align: middle;

    border-style: none;

}



svg {

    overflow: hidden;

    vertical-align: middle;

}



table {

    border-collapse: collapse;

}



caption {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    color: #89879f;

    text-align: left;

    caption-side: bottom;

}



th {

    text-align: inherit;

}



label {

    display: inline-block;

    margin-bottom: 0.5rem;

}



button {

    border-radius: 0;

}



button:focus {

    outline: 1px dotted;

    outline: 5px auto -webkit-focus-ring-color;

}



input,

button,

select,

optgroup,

textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}



button,

input {

    overflow: visible;

}



button,

select {

    text-transform: none;

}



select {

    word-wrap: normal;

}



button,

[type="button"],

[type="reset"],

[type="submit"] {

    -webkit-appearance: button;

}



button:not(:disabled),

[type="button"]:not(:disabled),

[type="reset"]:not(:disabled),

[type="submit"]:not(:disabled) {

    cursor: pointer;

}



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

    padding: 0;

    border-style: none;

}



input[type="radio"],

input[type="checkbox"] {

    box-sizing: border-box;

    padding: 0;

}



input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {

    -webkit-appearance: listbox;

}



textarea {

    overflow: auto;

    resize: vertical;

}



fieldset {

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0;

}



legend {

    display: block;

    width: 100%;

    max-width: 100%;

    padding: 0;

    margin-bottom: 0.5rem;

    font-size: 1.5rem;

    line-height: inherit;

    color: inherit;

    white-space: normal;

}



progress {

    vertical-align: baseline;

}



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



[type="search"] {

    outline-offset: -2px;

    -webkit-appearance: none;

}



[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



::-webkit-file-upload-button {

    font: inherit;

    -webkit-appearance: button;

}



output {

    display: inline-block;

}



summary {

    display: list-item;

    cursor: pointer;

}



template {

    display: none;

}



[hidden] {

    display: none !important;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    margin-bottom: 0.5rem;

    font-weight: 500;

    line-height: 1.2;

    color: #3d4465;

}



h1,

.h1 {

    font-size: 2.25rem;

}



h2,

.h2 {

    font-size: 1.875rem;

}



h3,

.h3 {

    font-size: 1.5rem;

}



h4,

.h4 {

    font-size: 1.125rem;

}



h5,

.h5 {

    font-size: 1rem;

}



h6,

.h6 {

    font-size: 0.938rem;

}



.lead {

    font-size: 1.09375rem;

    font-weight: 300;

}



.display-1 {

    font-size: 6rem;

    font-weight: 300;

    line-height: 1.2;

}



.display-2 {

    font-size: 5.5rem;

    font-weight: 300;

    line-height: 1.2;

}



.display-3 {

    font-size: 4.5rem;

    font-weight: 300;

    line-height: 1.2;

}



.display-4 {

    font-size: 3.5rem;

    font-weight: 300;

    line-height: 1.2;

}



hr {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

}



small,

.small {

    font-size: 80%;

    font-weight: 400;

}



mark,

.mark {

    padding: 0.2em;

    background-color: #fcf8e3;

}



.list-unstyled {

    padding-left: 0;

    list-style: none;

}



.list-inline {

    padding-left: 0;

    list-style: none;

}



.list-inline-item {

    display: inline-block;

}

.list-inline-item:not(:last-child) {

    margin-right: 0.5rem;

}



.initialism {

    font-size: 90%;

    text-transform: uppercase;

}



.blockquote {

    margin-bottom: 1rem;

    font-size: 1.09375rem;

}



.blockquote-footer {

    display: block;

    font-size: 80%;

    color: #6c757d;

}

.blockquote-footer::before {

    content: "\2014\00A0";

}



.img-fluid {

    max-width: 100%;

    height: auto;

}



.img-thumbnail {

    padding: 0.25rem;

    background-color: #f7f7f7;

    border: 1px solid #dee2e6;

    border-radius: 0.75rem;

    max-width: 100%;

    height: auto;

}



.figure {

    display: inline-block;

}



.figure-img {

    margin-bottom: 0.5rem;

    line-height: 1;

}



.figure-caption {

    font-size: 90%;

    color: #6c757d;

}



code {

    font-size: 87.5%;

    color: #e83e8c;

    word-break: break-word;

}

a > code {

    color: inherit;

}



kbd {

    padding: 0.2rem 0.4rem;

    font-size: 87.5%;

    color: #fff;

    background-color: #212529;

    border-radius: 0.2rem;

}

kbd kbd {

    padding: 0;

    font-size: 100%;

    font-weight: 700;

}



pre {

    display: block;

    font-size: 87.5%;

    color: #212529;

}

pre code {

    font-size: inherit;

    color: inherit;

    word-break: normal;

}



.pre-scrollable {

    max-height: 340px;

    overflow-y: scroll;

}



.container {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

@media (min-width: 576px) {

    .container {

        max-width: 540px;

    }

}

@media (min-width: 768px) {

    .container {

        max-width: 720px;

    }

}

@media (min-width: 992px) {

    .container {

        max-width: 960px;

    }

}

@media (min-width: 1200px) {

    .container {

        max-width: 1140px;

    }

}



.container-fluid {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}



.row {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}



.no-gutters {

    margin-right: 0;

    margin-left: 0;

}

.no-gutters > .col,

.no-gutters > [class*="col-"] {

    padding-right: 0;

    padding-left: 0;

}



.col-1,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-10,

.col-11,

.col-12,

.col,

.col-auto,

.col-sm-1,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm,

.col-sm-auto,

.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md,

.col-md-auto,

.col-lg-1,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg,

.col-lg-auto,

.col-xl-1,

.col-xl-2,

.col-xl-3,

.col-xl-4,

.col-xl-5,

.col-xl-6,

.col-xl-7,

.col-xl-8,

.col-xl-9,

.col-xl-10,

.col-xl-11,

.col-xl-12,

.col-xl,

.col-xl-auto,

.col-xxl-1,

.col-xxl-2,

.col-xxl-3,

.col-xxl-4,

.col-xxl-5,

.col-xxl-6,

.col-xxl-7,

.col-xxl-8,

.col-xxl-9,

.col-xxl-10,

.col-xxl-11,

.col-xxl-12,

.col-xxl,

.col-xxl-auto {

    position: relative;

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

}



.col {

    flex-basis: 0;

    flex-grow: 1;

    max-width: 100%;

}



.col-auto {

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

}



.col-1 {

    flex: 0 0 8.3333333333%;

    max-width: 8.3333333333%;

}



.col-2 {

    flex: 0 0 16.6666666667%;

    max-width: 16.6666666667%;

}



.col-3 {

    flex: 0 0 25%;

    max-width: 25%;

}



.col-4 {

    flex: 0 0 33.3333333333%;

    max-width: 33.3333333333%;

}



.col-5 {

    flex: 0 0 41.6666666667%;

    max-width: 41.6666666667%;

}



.col-6 {

    flex: 0 0 50%;

    max-width: 50%;

}



.col-7 {

    flex: 0 0 58.3333333333%;

    max-width: 58.3333333333%;

}



.col-8 {

    flex: 0 0 66.6666666667%;

    max-width: 66.6666666667%;

}



.col-9 {

    flex: 0 0 75%;

    max-width: 75%;

}



.col-10 {

    flex: 0 0 83.3333333333%;

    max-width: 83.3333333333%;

}



.col-11 {

    flex: 0 0 91.6666666667%;

    max-width: 91.6666666667%;

}



.col-12 {

    flex: 0 0 100%;

    max-width: 100%;

}



.order-first {

    order: -1;

}



.order-last {

    order: 13;

}



.order-0 {

    order: 0;

}



.order-1 {

    order: 1;

}



.order-2 {

    order: 2;

}



.order-3 {

    order: 3;

}



.order-4 {

    order: 4;

}



.order-5 {

    order: 5;

}



.order-6 {

    order: 6;

}



.order-7 {

    order: 7;

}



.order-8 {

    order: 8;

}



.order-9 {

    order: 9;

}



.order-10 {

    order: 10;

}



.order-11 {

    order: 11;

}



.order-12 {

    order: 12;

}



.offset-1 {

    margin-left: 8.3333333333%;

}



.offset-2 {

    margin-left: 16.6666666667%;

}



.offset-3 {

    margin-left: 25%;

}



.offset-4 {

    margin-left: 33.3333333333%;

}



.offset-5 {

    margin-left: 41.6666666667%;

}



.offset-6 {

    margin-left: 50%;

}



.offset-7 {

    margin-left: 58.3333333333%;

}



.offset-8 {

    margin-left: 66.6666666667%;

}



.offset-9 {

    margin-left: 75%;

}



.offset-10 {

    margin-left: 83.3333333333%;

}



.offset-11 {

    margin-left: 91.6666666667%;

}



@media (min-width: 576px) {

    .col-sm {

        flex-basis: 0;

        flex-grow: 1;

        max-width: 100%;

    }



    .col-sm-auto {

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }



    .col-sm-1 {

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }



    .col-sm-2 {

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }



    .col-sm-3 {

        flex: 0 0 25%;

        max-width: 25%;

    }



    .col-sm-4 {

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }



    .col-sm-5 {

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }



    .col-sm-6 {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .col-sm-7 {

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }



    .col-sm-8 {

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }



    .col-sm-9 {

        flex: 0 0 75%;

        max-width: 75%;

    }



    .col-sm-10 {

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }



    .col-sm-11 {

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }



    .col-sm-12 {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .order-sm-first {

        order: -1;

    }



    .order-sm-last {

        order: 13;

    }



    .order-sm-0 {

        order: 0;

    }



    .order-sm-1 {

        order: 1;

    }



    .order-sm-2 {

        order: 2;

    }



    .order-sm-3 {

        order: 3;

    }



    .order-sm-4 {

        order: 4;

    }



    .order-sm-5 {

        order: 5;

    }



    .order-sm-6 {

        order: 6;

    }



    .order-sm-7 {

        order: 7;

    }



    .order-sm-8 {

        order: 8;

    }



    .order-sm-9 {

        order: 9;

    }



    .order-sm-10 {

        order: 10;

    }



    .order-sm-11 {

        order: 11;

    }



    .order-sm-12 {

        order: 12;

    }



    .offset-sm-0 {

        margin-left: 0;

    }



    .offset-sm-1 {

        margin-left: 8.3333333333%;

    }



    .offset-sm-2 {

        margin-left: 16.6666666667%;

    }



    .offset-sm-3 {

        margin-left: 25%;

    }



    .offset-sm-4 {

        margin-left: 33.3333333333%;

    }



    .offset-sm-5 {

        margin-left: 41.6666666667%;

    }



    .offset-sm-6 {

        margin-left: 50%;

    }



    .offset-sm-7 {

        margin-left: 58.3333333333%;

    }



    .offset-sm-8 {

        margin-left: 66.6666666667%;

    }



    .offset-sm-9 {

        margin-left: 75%;

    }



    .offset-sm-10 {

        margin-left: 83.3333333333%;

    }



    .offset-sm-11 {

        margin-left: 91.6666666667%;

    }

}

@media (min-width: 768px) {

    .col-md {

        flex-basis: 0;

        flex-grow: 1;

        max-width: 100%;

    }



    .col-md-auto {

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }



    .col-md-1 {

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }



    .col-md-2 {

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }



    .col-md-3 {

        flex: 0 0 25%;

        max-width: 25%;

    }



    .col-md-4 {

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }



    .col-md-5 {

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }



    .col-md-6 {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .col-md-7 {

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }



    .col-md-8 {

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }



    .col-md-9 {

        flex: 0 0 75%;

        max-width: 75%;

    }



    .col-md-10 {

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }



    .col-md-11 {

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }



    .col-md-12 {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .order-md-first {

        order: -1;

    }



    .order-md-last {

        order: 13;

    }



    .order-md-0 {

        order: 0;

    }



    .order-md-1 {

        order: 1;

    }



    .order-md-2 {

        order: 2;

    }



    .order-md-3 {

        order: 3;

    }



    .order-md-4 {

        order: 4;

    }



    .order-md-5 {

        order: 5;

    }



    .order-md-6 {

        order: 6;

    }



    .order-md-7 {

        order: 7;

    }



    .order-md-8 {

        order: 8;

    }



    .order-md-9 {

        order: 9;

    }



    .order-md-10 {

        order: 10;

    }



    .order-md-11 {

        order: 11;

    }



    .order-md-12 {

        order: 12;

    }



    .offset-md-0 {

        margin-left: 0;

    }



    .offset-md-1 {

        margin-left: 8.3333333333%;

    }



    .offset-md-2 {

        margin-left: 16.6666666667%;

    }



    .offset-md-3 {

        margin-left: 25%;

    }



    .offset-md-4 {

        margin-left: 33.3333333333%;

    }



    .offset-md-5 {

        margin-left: 41.6666666667%;

    }



    .offset-md-6 {

        margin-left: 50%;

    }



    .offset-md-7 {

        margin-left: 58.3333333333%;

    }



    .offset-md-8 {

        margin-left: 66.6666666667%;

    }



    .offset-md-9 {

        margin-left: 75%;

    }



    .offset-md-10 {

        margin-left: 83.3333333333%;

    }



    .offset-md-11 {

        margin-left: 91.6666666667%;

    }

}

@media (min-width: 992px) {

    .col-lg {

        flex-basis: 0;

        flex-grow: 1;

        max-width: 100%;

    }



    .col-lg-auto {

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }



    .col-lg-1 {

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }



    .col-lg-2 {

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }



    .col-lg-3 {

        flex: 0 0 25%;

        max-width: 25%;

    }



    .col-lg-4 {

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }



    .col-lg-5 {

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }



    .col-lg-6 {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .col-lg-7 {

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }



    .col-lg-8 {

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }



    .col-lg-9 {

        flex: 0 0 75%;

        max-width: 75%;

    }



    .col-lg-10 {

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }



    .col-lg-11 {

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }



    .col-lg-12 {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .order-lg-first {

        order: -1;

    }



    .order-lg-last {

        order: 13;

    }



    .order-lg-0 {

        order: 0;

    }



    .order-lg-1 {

        order: 1;

    }



    .order-lg-2 {

        order: 2;

    }



    .order-lg-3 {

        order: 3;

    }



    .order-lg-4 {

        order: 4;

    }



    .order-lg-5 {

        order: 5;

    }



    .order-lg-6 {

        order: 6;

    }



    .order-lg-7 {

        order: 7;

    }



    .order-lg-8 {

        order: 8;

    }



    .order-lg-9 {

        order: 9;

    }



    .order-lg-10 {

        order: 10;

    }



    .order-lg-11 {

        order: 11;

    }



    .order-lg-12 {

        order: 12;

    }



    .offset-lg-0 {

        margin-left: 0;

    }



    .offset-lg-1 {

        margin-left: 8.3333333333%;

    }



    .offset-lg-2 {

        margin-left: 16.6666666667%;

    }



    .offset-lg-3 {

        margin-left: 25%;

    }



    .offset-lg-4 {

        margin-left: 33.3333333333%;

    }



    .offset-lg-5 {

        margin-left: 41.6666666667%;

    }



    .offset-lg-6 {

        margin-left: 50%;

    }



    .offset-lg-7 {

        margin-left: 58.3333333333%;

    }



    .offset-lg-8 {

        margin-left: 66.6666666667%;

    }



    .offset-lg-9 {

        margin-left: 75%;

    }



    .offset-lg-10 {

        margin-left: 83.3333333333%;

    }



    .offset-lg-11 {

        margin-left: 91.6666666667%;

    }

}

@media (min-width: 1200px) {

    .col-xl {

        flex-basis: 0;

        flex-grow: 1;

        max-width: 100%;

    }



    .col-xl-auto {

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }



    .col-xl-1 {

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }



    .col-xl-2 {

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }



    .col-xl-3 {

        flex: 0 0 25%;

        max-width: 25%;

    }



    .col-xl-4 {

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }



    .col-xl-5 {

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }



    .col-xl-6 {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .col-xl-7 {

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }



    .col-xl-8 {

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }



    .col-xl-9 {

        flex: 0 0 75%;

        max-width: 75%;

    }



    .col-xl-10 {

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }



    .col-xl-11 {

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }



    .col-xl-12 {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .order-xl-first {

        order: -1;

    }



    .order-xl-last {

        order: 13;

    }



    .order-xl-0 {

        order: 0;

    }



    .order-xl-1 {

        order: 1;

    }



    .order-xl-2 {

        order: 2;

    }



    .order-xl-3 {

        order: 3;

    }



    .order-xl-4 {

        order: 4;

    }



    .order-xl-5 {

        order: 5;

    }



    .order-xl-6 {

        order: 6;

    }



    .order-xl-7 {

        order: 7;

    }



    .order-xl-8 {

        order: 8;

    }



    .order-xl-9 {

        order: 9;

    }



    .order-xl-10 {

        order: 10;

    }



    .order-xl-11 {

        order: 11;

    }



    .order-xl-12 {

        order: 12;

    }



    .offset-xl-0 {

        margin-left: 0;

    }



    .offset-xl-1 {

        margin-left: 8.3333333333%;

    }



    .offset-xl-2 {

        margin-left: 16.6666666667%;

    }



    .offset-xl-3 {

        margin-left: 25%;

    }



    .offset-xl-4 {

        margin-left: 33.3333333333%;

    }



    .offset-xl-5 {

        margin-left: 41.6666666667%;

    }



    .offset-xl-6 {

        margin-left: 50%;

    }



    .offset-xl-7 {

        margin-left: 58.3333333333%;

    }



    .offset-xl-8 {

        margin-left: 66.6666666667%;

    }



    .offset-xl-9 {

        margin-left: 75%;

    }



    .offset-xl-10 {

        margin-left: 83.3333333333%;

    }



    .offset-xl-11 {

        margin-left: 91.6666666667%;

    }

}

@media (min-width: 1440) {

    .col-xxl {

        flex-basis: 0;

        flex-grow: 1;

        max-width: 100%;

    }



    .col-xxl-auto {

        flex: 0 0 auto;

        width: auto;

        max-width: 100%;

    }



    .col-xxl-1 {

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }



    .col-xxl-2 {

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }



    .col-xxl-3 {

        flex: 0 0 25%;

        max-width: 25%;

    }



    .col-xxl-4 {

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }



    .col-xxl-5 {

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }



    .col-xxl-6 {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .col-xxl-7 {

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }



    .col-xxl-8 {

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }



    .col-xxl-9 {

        flex: 0 0 75%;

        max-width: 75%;

    }



    .col-xxl-10 {

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }



    .col-xxl-11 {

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }



    .col-xxl-12 {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .order-xxl-first {

        order: -1;

    }



    .order-xxl-last {

        order: 13;

    }



    .order-xxl-0 {

        order: 0;

    }



    .order-xxl-1 {

        order: 1;

    }



    .order-xxl-2 {

        order: 2;

    }



    .order-xxl-3 {

        order: 3;

    }



    .order-xxl-4 {

        order: 4;

    }



    .order-xxl-5 {

        order: 5;

    }



    .order-xxl-6 {

        order: 6;

    }



    .order-xxl-7 {

        order: 7;

    }



    .order-xxl-8 {

        order: 8;

    }



    .order-xxl-9 {

        order: 9;

    }



    .order-xxl-10 {

        order: 10;

    }



    .order-xxl-11 {

        order: 11;

    }



    .order-xxl-12 {

        order: 12;

    }



    .offset-xxl-0 {

        margin-left: 0;

    }



    .offset-xxl-1 {

        margin-left: 8.3333333333%;

    }



    .offset-xxl-2 {

        margin-left: 16.6666666667%;

    }



    .offset-xxl-3 {

        margin-left: 25%;

    }



    .offset-xxl-4 {

        margin-left: 33.3333333333%;

    }



    .offset-xxl-5 {

        margin-left: 41.6666666667%;

    }



    .offset-xxl-6 {

        margin-left: 50%;

    }



    .offset-xxl-7 {

        margin-left: 58.3333333333%;

    }



    .offset-xxl-8 {

        margin-left: 66.6666666667%;

    }



    .offset-xxl-9 {

        margin-left: 75%;

    }



    .offset-xxl-10 {

        margin-left: 83.3333333333%;

    }



    .offset-xxl-11 {

        margin-left: 91.6666666667%;

    }

}

.table {

    width: 100%;

    margin-bottom: 1rem;

    color: #7e7e7e;

}

.table th,

.table td {

    padding: 0.75rem;

    vertical-align: top;

    border-top: 1px solid #eeeeee;

}

.table thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #eeeeee;

}

.table tbody + tbody {

    border-top: 2px solid #eeeeee;

}



.table-sm th,

.table-sm td {

    padding: 0.3rem;

}



.table-bordered {

    border: 1px solid #eeeeee;

}

.table-bordered th,

.table-bordered td {

    border: 1px solid #eeeeee;

}

.table-bordered thead th,

.table-bordered thead td {

    border-bottom-width: 2px;

}



.table-borderless th,

.table-borderless td,

.table-borderless thead th,

.table-borderless tbody + tbody {

    border: 0;

}



.table-striped tbody tr:nth-of-type(odd) {

    background-color: rgba(0, 0, 0, 0.05);

}



.table-hover tbody tr:hover {

    color: #7e7e7e;

    background-color: rgba(0, 0, 0, 0.075);

}



.table-primary,

.table-primary > th,

.table-primary > td {

    background-color: #f9dccf;

}

.table-primary th,

.table-primary td,

.table-primary thead th,

.table-primary tbody + tbody {

    border-color: #f5bda6;

}



.table-hover .table-primary:hover {

    background-color: #f6cbb8;

}

.table-hover .table-primary:hover > td,

.table-hover .table-primary:hover > th {

    background-color: #f6cbb8;

}



.table-secondary,

.table-secondary > th,

.table-secondary > td {

    background-color: #d4beee;

}

.table-secondary th,

.table-secondary td,

.table-secondary thead th,

.table-secondary tbody + tbody {

    border-color: #ae87e0;

}



.table-hover .table-secondary:hover {

    background-color: #c7aae9;

}

.table-hover .table-secondary:hover > td,

.table-hover .table-secondary:hover > th {

    background-color: #c7aae9;

}



.table-success,

.table-success > th,

.table-success > td {

    background-color: #d5f2c3;

}

.table-success th,

.table-success td,

.table-success thead th,

.table-success tbody + tbody {

    border-color: #b0e690;

}



.table-hover .table-success:hover {

    background-color: #c6edae;

}

.table-hover .table-success:hover > td,

.table-hover .table-success:hover > th {

    background-color: #c6edae;

}



.table-info,

.table-info > th,

.table-info > td {

    background-color: #cee6fc;

}

.table-info th,

.table-info td,

.table-info thead th,

.table-info tbody + tbody {

    border-color: #a5d1fa;

}



.table-hover .table-info:hover {

    background-color: #b6dafb;

}

.table-hover .table-info:hover > td,

.table-hover .table-info:hover > th {

    background-color: #b6dafb;

}



.table-warning,

.table-warning > th,

.table-warning > td {

    background-color: #ffe7c4;

}

.table-warning th,

.table-warning td,

.table-warning thead th,

.table-warning tbody + tbody {

    border-color: #ffd392;

}



.table-hover .table-warning:hover {

    background-color: #ffddab;

}

.table-hover .table-warning:hover > td,

.table-hover .table-warning:hover > th {

    background-color: #ffddab;

}



.table-danger,

.table-danger > th,

.table-danger > td {

    background-color: #ffcdca;

}

.table-danger th,

.table-danger td,

.table-danger thead th,

.table-danger tbody + tbody {

    border-color: #ffa29c;

}



.table-hover .table-danger:hover {

    background-color: #ffb5b1;

}

.table-hover .table-danger:hover > td,

.table-hover .table-danger:hover > th {

    background-color: #ffb5b1;

}



.table-light,

.table-light > th,

.table-light > td {

    background-color: #fdfdfd;

}

.table-light th,

.table-light td,

.table-light thead th,

.table-light tbody + tbody {

    border-color: #fbfbfb;

}



.table-hover .table-light:hover {

    background-color: #f0f0f0;

}

.table-hover .table-light:hover > td,

.table-hover .table-light:hover > th {

    background-color: #f0f0f0;

}



.table-dark,

.table-dark > th,

.table-dark > td {

    background-color: #d6d6d6;

}

.table-dark th,

.table-dark td,

.table-dark thead th,

.table-dark tbody + tbody {

    border-color: #b4b4b4;

}



.table-hover .table-dark:hover {

    background-color: #c9c9c9;

}

.table-hover .table-dark:hover > td,

.table-hover .table-dark:hover > th {

    background-color: #c9c9c9;

}



.table-active,

.table-active > th,

.table-active > td {

    background-color: rgba(0, 0, 0, 0.075);

}



.table-hover .table-active:hover {

    background-color: rgba(0, 0, 0, 0.075);

}

.table-hover .table-active:hover > td,

.table-hover .table-active:hover > th {

    background-color: rgba(0, 0, 0, 0.075);

}



.table .thead-dark th {

    color: #fff;

    background-color: #343a40;

    border-color: #454d55;

}

.table .thead-light th {

    color: #495057;

    background-color: #e9ecef;

    border-color: #eeeeee;

}



.table-dark {

    color: #fff;

    background-color: #343a40;

}

.table-dark th,

.table-dark td,

.table-dark thead th {

    border-color: #454d55;

}

.table-dark.table-bordered {

    border: 0;

}

.table-dark.table-striped tbody tr:nth-of-type(odd) {

    background-color: rgba(255, 255, 255, 0.05);

}

.table-dark.table-hover tbody tr:hover {

    color: #fff;

    background-color: rgba(255, 255, 255, 0.075);

}



@media (max-width: 575.98px) {

    .table-responsive-sm {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

    .table-responsive-sm > .table-bordered {

        border: 0;

    }

}

@media (max-width: 767.98px) {

    .table-responsive-md {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

    .table-responsive-md > .table-bordered {

        border: 0;

    }

}

@media (max-width: 991.98px) {

    .table-responsive-lg {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

    .table-responsive-lg > .table-bordered {

        border: 0;

    }

}

@media (max-width: 1199.98px) {

    .table-responsive-xl {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

    .table-responsive-xl > .table-bordered {

        border: 0;

    }

}

@media (max-width: 1439.98) {

    .table-responsive-xxl {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

    .table-responsive-xxl > .table-bordered {

        border: 0;

    }

}

.table-responsive {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

}

.table-responsive > .table-bordered {

    border: 0;

}



.form-control {

    display: block;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    padding: 0.375rem 0.75rem;

    font-size: 0.875rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #077c23;

    border-radius: 1rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .form-control {

        transition: none;

    }

}

.form-control::-ms-expand {

    background-color: transparent;

    border: 0;

}

.form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: #077c23;

    outline: 0;

    box-shadow: 0 0 0 0.2rem #077c23;

}

.form-control::placeholder {

    color: #6c757d;

    opacity: 1;

}

.form-control:disabled,

.form-control[readonly] {

    background-color: #e9ecef;

    opacity: 1;

}



select.form-control:focus::-ms-value {

    color: #495057;

    background-color: #fff;

}



.form-control-file,

.form-control-range {

    display: block;

    width: 100%;

}



.col-form-label {

    padding-top: calc(0.375rem + 1px);

    padding-bottom: calc(0.375rem + 1px);

    margin-bottom: 0;

    font-size: inherit;

    line-height: 1.5;

}



.col-form-label-lg {

    padding-top: calc(0.5rem + 1px);

    padding-bottom: calc(0.5rem + 1px);

    font-size: 1.09375rem;

    line-height: 1.5;

}



.col-form-label-sm {

    padding-top: calc(0.25rem + 1px);

    padding-bottom: calc(0.25rem + 1px);

    font-size: 0.765625rem;

    line-height: 1.5;

}



.form-control-plaintext {

    display: block;

    width: 100%;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    margin-bottom: 0;

    line-height: 1.5;

    color: #7e7e7e;

    background-color: transparent;

    border: solid transparent;

    border-width: 1px 0;

}

.form-control-plaintext.form-control-sm,

.form-control-plaintext.form-control-lg {

    padding-right: 0;

    padding-left: 0;

}



.form-control-sm {

    height: calc(1.5em + 0.5rem + 2px);

    padding: 0.25rem 0.5rem;

    font-size: 0.765625rem;

    line-height: 1.5;

    border-radius: 0.2rem;

}



.form-control-lg {

    height: calc(1.5em + 1rem + 2px);

    padding: 0.5rem 1rem;

    font-size: 1.09375rem;

    line-height: 1.5;

    border-radius: 0.3rem;

}



select.form-control[size],

select.form-control[multiple] {

    height: auto;

}



textarea.form-control {

    height: auto;

}



.form-group {

    margin-bottom: 1rem;

}



.form-text {

    display: block;

    margin-top: 0.25rem;

}



.form-row {

    display: flex;

    flex-wrap: wrap;

    margin-right: -5px;

    margin-left: -5px;

}

.form-row > .col,

.form-row > [class*="col-"] {

    padding-right: 5px;

    padding-left: 5px;

}



.form-check {

    position: relative;

    display: block;

    padding-left: 1.25rem;

}



.form-check-input {

    position: absolute;

    margin-top: 0.3rem;

    margin-left: -1.25rem;

}

.form-check-input:disabled ~ .form-check-label {

    color: #89879f;

}



.form-check-label {

    margin-bottom: 0;

}



.form-check-inline {

    display: inline-flex;

    align-items: center;

    padding-left: 0;

    margin-right: 0.75rem;

}

.form-check-inline .form-check-input {

    position: static;

    margin-top: 0;

    margin-right: 0.3125rem;

    margin-left: 0;

}



.valid-feedback {

    display: none;

    width: 100%;

    margin-top: 0.25rem;

    font-size: 80%;

    color: #68cf29;

}



.valid-tooltip {

    position: absolute;

    top: 100%;

    z-index: 5;

    display: none;

    max-width: 100%;

    padding: 0.25rem 0.5rem;

    margin-top: 0.1rem;

    font-size: 0.765625rem;

    line-height: 1.5;

    color: #212529;

    background-color: rgba(104, 207, 41, 0.9);

    border-radius: 0.75rem;

}



.was-validated .form-control:valid,

.form-control.is-valid {

    border-color: #68cf29;

    padding-right: calc(1.5em + 0.75rem);

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2368CF29' d='M2.3 6.73L.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: center right calc(0.375em + 0.1875rem);

    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-control:valid:focus,

.form-control.is-valid:focus {

    border-color: #68cf29;

    box-shadow: 0 0 0 0.2rem rgba(104, 207, 41, 0.25);

}

.was-validated .form-control:valid ~ .valid-feedback,

.was-validated .form-control:valid ~ .valid-tooltip,

.form-control.is-valid ~ .valid-feedback,

.form-control.is-valid ~ .valid-tooltip {

    display: block;

}



.was-validated textarea.form-control:valid,

textarea.form-control.is-valid {

    padding-right: calc(1.5em + 0.75rem);

    background-position: top calc(0.375em + 0.1875rem) right

        calc(0.375em + 0.1875rem);

}



.was-validated .custom-select:valid,

.custom-select.is-valid {

    border-color: #68cf29;

    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);

    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")

            no-repeat right 0.75rem center/8px 10px,

        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2368CF29' d='M2.3 6.73L.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")

            #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem)

            calc(0.75em + 0.375rem);

}

.was-validated .custom-select:valid:focus,

.custom-select.is-valid:focus {

    border-color: #68cf29;

    box-shadow: 0 0 0 0.2rem rgba(104, 207, 41, 0.25);

}

.was-validated .custom-select:valid ~ .valid-feedback,

.was-validated .custom-select:valid ~ .valid-tooltip,

.custom-select.is-valid ~ .valid-feedback,

.custom-select.is-valid ~ .valid-tooltip {

    display: block;

}



.was-validated .form-control-file:valid ~ .valid-feedback,

.was-validated .form-control-file:valid ~ .valid-tooltip,

.form-control-file.is-valid ~ .valid-feedback,

.form-control-file.is-valid ~ .valid-tooltip {

    display: block;

}



.was-validated .form-check-input:valid ~ .form-check-label,

.form-check-input.is-valid ~ .form-check-label {

    color: #68cf29;

}

.was-validated .form-check-input:valid ~ .valid-feedback,

.was-validated .form-check-input:valid ~ .valid-tooltip,

.form-check-input.is-valid ~ .valid-feedback,

.form-check-input.is-valid ~ .valid-tooltip {

    display: block;

}



.was-validated .custom-control-input:valid ~ .custom-control-label,

.custom-control-input.is-valid ~ .custom-control-label {

    color: #68cf29;

}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,

.custom-control-input.is-valid ~ .custom-control-label::before {

    border-color: #68cf29;

}

.was-validated .custom-control-input:valid ~ .valid-feedback,

.was-validated .custom-control-input:valid ~ .valid-tooltip,

.custom-control-input.is-valid ~ .valid-feedback,

.custom-control-input.is-valid ~ .valid-tooltip {

    display: block;

}

.was-validated

    .custom-control-input:valid:checked

    ~ .custom-control-label::before,

.custom-control-input.is-valid:checked ~ .custom-control-label::before {

    border-color: #84dc4f;

    background-color: #84dc4f;

}

.was-validated

    .custom-control-input:valid:focus

    ~ .custom-control-label::before,

.custom-control-input.is-valid:focus ~ .custom-control-label::before {

    box-shadow: 0 0 0 0.2rem rgba(104, 207, 41, 0.25);

}

.was-validated

    .custom-control-input:valid:focus:not(:checked)

    ~ .custom-control-label::before,

.custom-control-input.is-valid:focus:not(:checked)

    ~ .custom-control-label::before {

    border-color: #68cf29;

}



.was-validated .custom-file-input:valid ~ .custom-file-label,

.custom-file-input.is-valid ~ .custom-file-label {

    border-color: #68cf29;

}

.was-validated .custom-file-input:valid ~ .valid-feedback,

.was-validated .custom-file-input:valid ~ .valid-tooltip,

.custom-file-input.is-valid ~ .valid-feedback,

.custom-file-input.is-valid ~ .valid-tooltip {

    display: block;

}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,

.custom-file-input.is-valid:focus ~ .custom-file-label {

    border-color: #68cf29;

    box-shadow: 0 0 0 0.2rem rgba(104, 207, 41, 0.25);

}



.invalid-feedback {

    display: none;

    width: 100%;

    margin-top: 0.25rem;

    font-size: 80%;

    color: #ff4c41;

}



.invalid-tooltip {

    position: absolute;

    top: 100%;

    z-index: 5;

    display: none;

    max-width: 100%;

    padding: 0.25rem 0.5rem;

    margin-top: 0.1rem;

    font-size: 0.765625rem;

    line-height: 1.5;

    color: #fff;

    background-color: rgba(255, 76, 65, 0.9);

    border-radius: 0.75rem;

}



.was-validated .form-control:invalid,

.form-control.is-invalid {

    border-color: #ff4c41;

    padding-right: calc(1.5em + 0.75rem);

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF4C41' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23FF4C41' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");

    background-repeat: no-repeat;

    background-position: center right calc(0.375em + 0.1875rem);

    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}

.was-validated .form-control:invalid:focus,

.form-control.is-invalid:focus {

    border-color: #ff4c41;

    box-shadow: 0 0 0 0.2rem rgba(255, 76, 65, 0.25);

}

.was-validated .form-control:invalid ~ .invalid-feedback,

.was-validated .form-control:invalid ~ .invalid-tooltip,

.form-control.is-invalid ~ .invalid-feedback,

.form-control.is-invalid ~ .invalid-tooltip {

    display: block;

}



.was-validated textarea.form-control:invalid,

textarea.form-control.is-invalid {

    padding-right: calc(1.5em + 0.75rem);

    background-position: top calc(0.375em + 0.1875rem) right

        calc(0.375em + 0.1875rem);

}



.was-validated .custom-select:invalid,

.custom-select.is-invalid {

    border-color: #ff4c41;

    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);

    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")

            no-repeat right 0.75rem center/8px 10px,

        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF4C41' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23FF4C41' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")

            #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem)

            calc(0.75em + 0.375rem);

}

.was-validated .custom-select:invalid:focus,

.custom-select.is-invalid:focus {

    border-color: #ff4c41;

    box-shadow: 0 0 0 0.2rem rgba(255, 76, 65, 0.25);

}

.was-validated .custom-select:invalid ~ .invalid-feedback,

.was-validated .custom-select:invalid ~ .invalid-tooltip,

.custom-select.is-invalid ~ .invalid-feedback,

.custom-select.is-invalid ~ .invalid-tooltip {

    display: block;

}



.was-validated .form-control-file:invalid ~ .invalid-feedback,

.was-validated .form-control-file:invalid ~ .invalid-tooltip,

.form-control-file.is-invalid ~ .invalid-feedback,

.form-control-file.is-invalid ~ .invalid-tooltip {

    display: block;

}



.was-validated .form-check-input:invalid ~ .form-check-label,

.form-check-input.is-invalid ~ .form-check-label {

    color: #ff4c41;

}

.was-validated .form-check-input:invalid ~ .invalid-feedback,

.was-validated .form-check-input:invalid ~ .invalid-tooltip,

.form-check-input.is-invalid ~ .invalid-feedback,

.form-check-input.is-invalid ~ .invalid-tooltip {

    display: block;

}



.was-validated .custom-control-input:invalid ~ .custom-control-label,

.custom-control-input.is-invalid ~ .custom-control-label {

    color: #ff4c41;

}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,

.custom-control-input.is-invalid ~ .custom-control-label::before {

    border-color: #ff4c41;

}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,

.was-validated .custom-control-input:invalid ~ .invalid-tooltip,

.custom-control-input.is-invalid ~ .invalid-feedback,

.custom-control-input.is-invalid ~ .invalid-tooltip {

    display: block;

}

.was-validated

    .custom-control-input:invalid:checked

    ~ .custom-control-label::before,

.custom-control-input.is-invalid:checked ~ .custom-control-label::before {

    border-color: #ff7c74;

    background-color: #ff7c74;

}

.was-validated

    .custom-control-input:invalid:focus

    ~ .custom-control-label::before,

.custom-control-input.is-invalid:focus ~ .custom-control-label::before {

    box-shadow: 0 0 0 0.2rem rgba(255, 76, 65, 0.25);

}

.was-validated

    .custom-control-input:invalid:focus:not(:checked)

    ~ .custom-control-label::before,

.custom-control-input.is-invalid:focus:not(:checked)

    ~ .custom-control-label::before {

    border-color: #ff4c41;

}



.was-validated .custom-file-input:invalid ~ .custom-file-label,

.custom-file-input.is-invalid ~ .custom-file-label {

    border-color: #ff4c41;

}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,

.was-validated .custom-file-input:invalid ~ .invalid-tooltip,

.custom-file-input.is-invalid ~ .invalid-feedback,

.custom-file-input.is-invalid ~ .invalid-tooltip {

    display: block;

}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,

.custom-file-input.is-invalid:focus ~ .custom-file-label {

    border-color: #ff4c41;

    box-shadow: 0 0 0 0.2rem rgba(255, 76, 65, 0.25);

}



.form-inline {

    display: flex;

    flex-flow: row wrap;

    align-items: center;

}

.form-inline .form-check {

    width: 100%;

}

@media (min-width: 576px) {

    .form-inline label {

        display: flex;

        align-items: center;

        justify-content: center;

        margin-bottom: 0;

    }

    .form-inline .form-group {

        display: flex;

        flex: 0 0 auto;

        flex-flow: row wrap;

        align-items: center;

        margin-bottom: 0;

    }

    .form-inline .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle;

    }

    .form-inline .form-control-plaintext {

        display: inline-block;

    }

    .form-inline .input-group,

    .form-inline .custom-select {

        width: auto;

    }

    .form-inline .form-check {

        display: flex;

        align-items: center;

        justify-content: center;

        width: auto;

        padding-left: 0;

    }

    .form-inline .form-check-input {

        position: relative;

        flex-shrink: 0;

        margin-top: 0;

        margin-right: 0.25rem;

        margin-left: 0;

    }

    .form-inline .custom-control {

        align-items: center;

        justify-content: center;

    }

    .form-inline .custom-control-label {

        margin-bottom: 0;

    }

}



.btn {

    display: inline-block;

    font-weight: 400;

    color: #7e7e7e;

    text-align: center;

    vertical-align: middle;

    user-select: none;

    background-color: transparent;

    border: 1px solid transparent;

    padding: 0.375rem 0.75rem;

    font-size: 0.875rem;

    line-height: 1.5;

    border-radius: 0.75rem;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,

        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .btn {

        transition: none;

    }

}

.btn:hover {

    color: #7e7e7e;

    text-decoration: none;

}

.btn:focus,

.btn.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(235, 129, 83, 0.25);

}

.btn.disabled,

.btn:disabled {

    opacity: 0.65;

}



a.btn.disabled,

fieldset:disabled a.btn {

    pointer-events: none;

}



.btn-primary {

    color: #212529;

    background-color: #077c23;

    border-color: #077c23;

}

.btn-primary:hover {

    color: #fff;

    background-color: #e76831;

    border-color: #077c23;

}

.btn-primary:focus,

.btn-primary.focus {

    box-shadow: 0 0 0 0.2rem rgba(205, 115, 77, 0.5);

}

.btn-primary.disabled,

.btn-primary:disabled {

    color: #212529;

    background-color: #077c23;

    border-color: #077c23;

}

.btn-primary:not(:disabled):not(.disabled):active,

.btn-primary:not(:disabled):not(.disabled).active,

.show > .btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #077c23;

    border-color: #e4571a;

}

.btn-primary:not(:disabled):not(.disabled):active:focus,

.btn-primary:not(:disabled):not(.disabled).active:focus,

.show > .btn-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(205, 115, 77, 0.5);

}



.btn-secondary {

    color: #fff;

    background-color: #036111;

    border-color: #036111;

}

.btn-secondary:hover {

    color: #fff;

    background-color: #5314a1;

    border-color: #4d1296;

}

.btn-secondary:focus,

.btn-secondary.focus {

    box-shadow: 0 0 0 0.2rem rgba(123, 59, 204, 0.5);

}

.btn-secondary.disabled,

.btn-secondary:disabled {

    color: #fff;

    background-color: #036111;

    border-color: #036111;

}

.btn-secondary:not(:disabled):not(.disabled):active,

.btn-secondary:not(:disabled):not(.disabled).active,

.show > .btn-secondary.dropdown-toggle {

    color: #fff;

    background-color: #4d1296;

    border-color: #47118a;

}

.btn-secondary:not(:disabled):not(.disabled):active:focus,

.btn-secondary:not(:disabled):not(.disabled).active:focus,

.show > .btn-secondary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(123, 59, 204, 0.5);

}



.btn-success {

    color: #212529;

    background-color: #68cf29;

    border-color: #68cf29;

}

.btn-success:hover {

    color: #fff;

    background-color: #58af23;

    border-color: #53a421;

}

.btn-success:focus,

.btn-success.focus {

    box-shadow: 0 0 0 0.2rem rgba(93, 182, 41, 0.5);

}

.btn-success.disabled,

.btn-success:disabled {

    color: #212529;

    background-color: #68cf29;

    border-color: #68cf29;

}

.btn-success:not(:disabled):not(.disabled):active,

.btn-success:not(:disabled):not(.disabled).active,

.show > .btn-success.dropdown-toggle {

    color: #fff;

    background-color: #53a421;

    border-color: #4d9a1e;

}

.btn-success:not(:disabled):not(.disabled):active:focus,

.btn-success:not(:disabled):not(.disabled).active:focus,

.show > .btn-success.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(93, 182, 41, 0.5);

}



.btn-info {

    color: #fff;

    background-color: #51a6f5;

    border-color: #51a6f5;

}

.btn-info:hover {

    color: #fff;

    background-color: #2d93f3;

    border-color: #218df2;

}

.btn-info:focus,

.btn-info.focus {

    box-shadow: 0 0 0 0.2rem rgba(107, 179, 247, 0.5);

}

.btn-info.disabled,

.btn-info:disabled {

    color: #fff;

    background-color: #51a6f5;

    border-color: #51a6f5;

}

.btn-info:not(:disabled):not(.disabled):active,

.btn-info:not(:disabled):not(.disabled).active,

.show > .btn-info.dropdown-toggle {

    color: #fff;

    background-color: #218df2;

    border-color: #1587f2;

}

.btn-info:not(:disabled):not(.disabled):active:focus,

.btn-info:not(:disabled):not(.disabled).active:focus,

.show > .btn-info.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(107, 179, 247, 0.5);

}



.btn-warning {

    color: #212529;

    background-color: #ffab2d;

    border-color: #ffab2d;

}

.btn-warning:hover {

    color: #212529;

    background-color: #ff9c07;

    border-color: #f99500;

}

.btn-warning:focus,

.btn-warning.focus {

    box-shadow: 0 0 0 0.2rem rgba(222, 151, 44, 0.5);

}

.btn-warning.disabled,

.btn-warning:disabled {

    color: #212529;

    background-color: #ffab2d;

    border-color: #ffab2d;

}

.btn-warning:not(:disabled):not(.disabled):active,

.btn-warning:not(:disabled):not(.disabled).active,

.show > .btn-warning.dropdown-toggle {

    color: #212529;

    background-color: #f99500;

    border-color: #ec8e00;

}

.btn-warning:not(:disabled):not(.disabled):active:focus,

.btn-warning:not(:disabled):not(.disabled).active:focus,

.show > .btn-warning.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(222, 151, 44, 0.5);

}



.btn-danger {

    color: #fff;

    background-color: #ff4c41;

    border-color: #ff4c41;

}

.btn-danger:hover {

    color: #fff;

    background-color: #ff281b;

    border-color: #ff1c0e;

}

.btn-danger:focus,

.btn-danger.focus {

    box-shadow: 0 0 0 0.2rem rgba(255, 103, 94, 0.5);

}

.btn-danger.disabled,

.btn-danger:disabled {

    color: #fff;

    background-color: #ff4c41;

    border-color: #ff4c41;

}

.btn-danger:not(:disabled):not(.disabled):active,

.btn-danger:not(:disabled):not(.disabled).active,

.show > .btn-danger.dropdown-toggle {

    color: #fff;

    background-color: #ff1c0e;

    border-color: #ff1001;

}

.btn-danger:not(:disabled):not(.disabled):active:focus,

.btn-danger:not(:disabled):not(.disabled).active:focus,

.show > .btn-danger.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(255, 103, 94, 0.5);

}



.btn-light {

    color: #212529;

    background-color: #f7f7f7;

    border-color: #f7f7f7;

}

.btn-light:hover {

    color: #212529;

    background-color: #e4e4e4;

    border-color: #dedede;

}

.btn-light:focus,

.btn-light.focus {

    box-shadow: 0 0 0 0.2rem rgba(215, 216, 216, 0.5);

}

.btn-light.disabled,

.btn-light:disabled {

    color: #212529;

    background-color: #f7f7f7;

    border-color: #f7f7f7;

}

.btn-light:not(:disabled):not(.disabled):active,

.btn-light:not(:disabled):not(.disabled).active,

.show > .btn-light.dropdown-toggle {

    color: #212529;

    background-color: #dedede;

    border-color: #d7d7d7;

}

.btn-light:not(:disabled):not(.disabled):active:focus,

.btn-light:not(:disabled):not(.disabled).active:focus,

.show > .btn-light.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(215, 216, 216, 0.5);

}



.btn-dark {

    color: #fff;

    background-color: #6e6e6e;

    border-color: #6e6e6e;

}

.btn-dark:hover {

    color: #fff;

    background-color: #5b5b5b;

    border-color: #555555;

}

.btn-dark:focus,

.btn-dark.focus {

    box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5);

}

.btn-dark.disabled,

.btn-dark:disabled {

    color: #fff;

    background-color: #6e6e6e;

    border-color: #6e6e6e;

}

.btn-dark:not(:disabled):not(.disabled):active,

.btn-dark:not(:disabled):not(.disabled).active,

.show > .btn-dark.dropdown-toggle {

    color: #fff;

    background-color: #555555;

    border-color: #4e4e4e;

}

.btn-dark:not(:disabled):not(.disabled):active:focus,

.btn-dark:not(:disabled):not(.disabled).active:focus,

.show > .btn-dark.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5);

}



.btn-outline-primary {

    color: #077c23;

    border-color: #077c23;

}

.btn-outline-primary:hover {

    color: #212529;

    background-color: #077c23;

    border-color: #077c23;

}

.btn-outline-primary:focus,

.btn-outline-primary.focus {

    box-shadow: 0 0 0 0.2rem rgba(235, 129, 83, 0.5);

}

.btn-outline-primary.disabled,

.btn-outline-primary:disabled {

    color: #077c23;

    background-color: transparent;

}

.btn-outline-primary:not(:disabled):not(.disabled):active,

.btn-outline-primary:not(:disabled):not(.disabled).active,

.show > .btn-outline-primary.dropdown-toggle {

    color: #212529;

    background-color: #077c23;

    border-color: #077c23;

}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(235, 129, 83, 0.5);

}



.btn-outline-secondary {

    color: #036111;

    border-color: #036111;

}

.btn-outline-secondary:hover {

    color: #fff;

    background-color: #036111;

    border-color: #036111;

}

.btn-outline-secondary:focus,

.btn-outline-secondary.focus {

    box-shadow: 0 0 0 0.2rem rgba(100, 24, 195, 0.5);

}

.btn-outline-secondary.disabled,

.btn-outline-secondary:disabled {

    color: #036111;

    background-color: transparent;

}

.btn-outline-secondary:not(:disabled):not(.disabled):active,

.btn-outline-secondary:not(:disabled):not(.disabled).active,

.show > .btn-outline-secondary.dropdown-toggle {

    color: #fff;

    background-color: #036111;

    border-color: #036111;

}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-secondary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(100, 24, 195, 0.5);

}



.btn-outline-success {

    color: #68cf29;

    border-color: #68cf29;

}

.btn-outline-success:hover {

    color: #212529;

    background-color: #68cf29;

    border-color: #68cf29;

}

.btn-outline-success:focus,

.btn-outline-success.focus {

    box-shadow: 0 0 0 0.2rem rgba(104, 207, 41, 0.5);

}

.btn-outline-success.disabled,

.btn-outline-success:disabled {

    color: #68cf29;

    background-color: transparent;

}

.btn-outline-success:not(:disabled):not(.disabled):active,

.btn-outline-success:not(:disabled):not(.disabled).active,

.show > .btn-outline-success.dropdown-toggle {

    color: #212529;

    background-color: #68cf29;

    border-color: #68cf29;

}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,

.btn-outline-success:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-success.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(104, 207, 41, 0.5);

}



.btn-outline-info {

    color: #51a6f5;

    border-color: #51a6f5;

}

.btn-outline-info:hover {

    color: #fff;

    background-color: #51a6f5;

    border-color: #51a6f5;

}

.btn-outline-info:focus,

.btn-outline-info.focus {

    box-shadow: 0 0 0 0.2rem rgba(81, 166, 245, 0.5);

}

.btn-outline-info.disabled,

.btn-outline-info:disabled {

    color: #51a6f5;

    background-color: transparent;

}

.btn-outline-info:not(:disabled):not(.disabled):active,

.btn-outline-info:not(:disabled):not(.disabled).active,

.show > .btn-outline-info.dropdown-toggle {

    color: #fff;

    background-color: #51a6f5;

    border-color: #51a6f5;

}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,

.btn-outline-info:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-info.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(81, 166, 245, 0.5);

}



.btn-outline-warning {

    color: #ffab2d;

    border-color: #ffab2d;

}

.btn-outline-warning:hover {

    color: #212529;

    background-color: #ffab2d;

    border-color: #ffab2d;

}

.btn-outline-warning:focus,

.btn-outline-warning.focus {

    box-shadow: 0 0 0 0.2rem rgba(255, 171, 45, 0.5);

}

.btn-outline-warning.disabled,

.btn-outline-warning:disabled {

    color: #ffab2d;

    background-color: transparent;

}

.btn-outline-warning:not(:disabled):not(.disabled):active,

.btn-outline-warning:not(:disabled):not(.disabled).active,

.show > .btn-outline-warning.dropdown-toggle {

    color: #212529;

    background-color: #ffab2d;

    border-color: #ffab2d;

}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-warning.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(255, 171, 45, 0.5);

}



.btn-outline-danger {

    color: #ff4c41;

    border-color: #ff4c41;

}

.btn-outline-danger:hover {

    color: #fff;

    background-color: #ff4c41;

    border-color: #ff4c41;

}

.btn-outline-danger:focus,

.btn-outline-danger.focus {

    box-shadow: 0 0 0 0.2rem rgba(255, 76, 65, 0.5);

}

.btn-outline-danger.disabled,

.btn-outline-danger:disabled {

    color: #ff4c41;

    background-color: transparent;

}

.btn-outline-danger:not(:disabled):not(.disabled):active,

.btn-outline-danger:not(:disabled):not(.disabled).active,

.show > .btn-outline-danger.dropdown-toggle {

    color: #fff;

    background-color: #ff4c41;

    border-color: #ff4c41;

}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-danger.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(255, 76, 65, 0.5);

}



.btn-outline-light {

    color: #f7f7f7;

    border-color: #f7f7f7;

}

.btn-outline-light:hover {

    color: #212529;

    background-color: #f7f7f7;

    border-color: #f7f7f7;

}

.btn-outline-light:focus,

.btn-outline-light.focus {

    box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5);

}

.btn-outline-light.disabled,

.btn-outline-light:disabled {

    color: #f7f7f7;

    background-color: transparent;

}

.btn-outline-light:not(:disabled):not(.disabled):active,

.btn-outline-light:not(:disabled):not(.disabled).active,

.show > .btn-outline-light.dropdown-toggle {

    color: #212529;

    background-color: #f7f7f7;

    border-color: #f7f7f7;

}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,

.btn-outline-light:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-light.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5);

}



.btn-outline-dark {

    color: #6e6e6e;

    border-color: #6e6e6e;

}

.btn-outline-dark:hover {

    color: #fff;

    background-color: #6e6e6e;

    border-color: #6e6e6e;

}

.btn-outline-dark:focus,

.btn-outline-dark.focus {

    box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);

}

.btn-outline-dark.disabled,

.btn-outline-dark:disabled {

    color: #6e6e6e;

    background-color: transparent;

}

.btn-outline-dark:not(:disabled):not(.disabled):active,

.btn-outline-dark:not(:disabled):not(.disabled).active,

.show > .btn-outline-dark.dropdown-toggle {

    color: #fff;

    background-color: #6e6e6e;

    border-color: #6e6e6e;

}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,

.show > .btn-outline-dark.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);

}



.btn-link {

    font-weight: 400;

    color: #077c23;

    text-decoration: none;

}

.btn-link:hover {

    color: #d85319;

    text-decoration: underline;

}

.btn-link:focus,

.btn-link.focus {

    text-decoration: underline;

    box-shadow: none;

}

.btn-link:disabled,

.btn-link.disabled {

    color: #6c757d;

    pointer-events: none;

}



.btn-lg,

.btn-group-lg > .btn {

    padding: 0.5rem 1rem;

    font-size: 1.09375rem;

    line-height: 1.5;

    border-radius: 0.3rem;

}



.btn-sm,

.btn-group-sm > .btn {

    padding: 0.25rem 0.5rem;

    font-size: 0.765625rem;

    line-height: 1.5;

    border-radius: 0.2rem;

}



.btn-block {

    display: block;

    width: 100%;

}

.btn-block + .btn-block {

    margin-top: 0.5rem;

}



input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

    width: 100%;

}



.fade {

    transition: opacity 0.15s linear;

}

@media (prefers-reduced-motion: reduce) {

    .fade {

        transition: none;

    }

}

.fade:not(.show) {

    opacity: 0;

}



.collapse:not(.show) {

    display: none;

}



.collapsing {

    position: relative;

    height: 0;

    overflow: hidden;

    transition: height 0.35s ease;

}

@media (prefers-reduced-motion: reduce) {

    .collapsing {

        transition: none;

    }

}



.dropup,

.dropright,

.dropdown,

.dropleft {

    position: relative;

}



.dropdown-toggle {

    white-space: nowrap;

}

.dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid;

    border-right: 0.3em solid transparent;

    border-bottom: 0;

    border-left: 0.3em solid transparent;

}

.dropdown-toggle:empty::after {

    margin-left: 0;

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 10rem;

    padding: 0.5rem 0;

    margin: 0.125rem 0 0;

    font-size: 0.875rem;

    color: #7e7e7e;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0.75rem;

}



.dropdown-menu-left {

    right: auto;

    left: 0;

}



.dropdown-menu-right {

    right: 0;

    left: auto;

}



@media (min-width: 576px) {

    .dropdown-menu-sm-left {

        right: auto;

        left: 0;

    }



    .dropdown-menu-sm-right {

        right: 0;

        left: auto;

    }

}

@media (min-width: 768px) {

    .dropdown-menu-md-left {

        right: auto;

        left: 0;

    }



    .dropdown-menu-md-right {

        right: 0;

        left: auto;

    }

}

@media (min-width: 992px) {

    .dropdown-menu-lg-left {

        right: auto;

        left: 0;

    }



    .dropdown-menu-lg-right {

        right: 0;

        left: auto;

    }

}

@media (min-width: 1200px) {

    .dropdown-menu-xl-left {

        right: auto;

        left: 0;

    }



    .dropdown-menu-xl-right {

        right: 0;

        left: auto;

    }

}

@media (min-width: 1440) {

    .dropdown-menu-xxl-left {

        right: auto;

        left: 0;

    }



    .dropdown-menu-xxl-right {

        right: 0;

        left: auto;

    }

}

.dropup .dropdown-menu {

    top: auto;

    bottom: 100%;

    margin-top: 0;

    margin-bottom: 0.125rem;

}

.dropup .dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0;

    border-right: 0.3em solid transparent;

    border-bottom: 0.3em solid;

    border-left: 0.3em solid transparent;

}

.dropup .dropdown-toggle:empty::after {

    margin-left: 0;

}



.dropright .dropdown-menu {

    top: 0;

    right: auto;

    left: 100%;

    margin-top: 0;

    margin-left: 0.125rem;

}

.dropright .dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid transparent;

    border-right: 0;

    border-bottom: 0.3em solid transparent;

    border-left: 0.3em solid;

}

.dropright .dropdown-toggle:empty::after {

    margin-left: 0;

}

.dropright .dropdown-toggle::after {

    vertical-align: 0;

}



.dropleft .dropdown-menu {

    top: 0;

    right: 100%;

    left: auto;

    margin-top: 0;

    margin-right: 0.125rem;

}

.dropleft .dropdown-toggle::after {

    display: inline-block;

    margin-left: 0.255em;

    vertical-align: 0.255em;

    content: "";

}

.dropleft .dropdown-toggle::after {

    display: none;

}

.dropleft .dropdown-toggle::before {

    display: inline-block;

    margin-right: 0.255em;

    vertical-align: 0.255em;

    content: "";

    border-top: 0.3em solid transparent;

    border-right: 0.3em solid;

    border-bottom: 0.3em solid transparent;

}

.dropleft .dropdown-toggle:empty::after {

    margin-left: 0;

}

.dropleft .dropdown-toggle::before {

    vertical-align: 0;

}



.dropdown-menu[x-placement^="top"],

.dropdown-menu[x-placement^="right"],

.dropdown-menu[x-placement^="bottom"],

.dropdown-menu[x-placement^="left"] {

    right: auto;

    bottom: auto;

}



.dropdown-divider {

    height: 0;

    margin: 0.5rem 0;

    overflow: hidden;

    border-top: 1px solid #e9ecef;

}



.dropdown-item {

    display: block;

    width: 100%;

    padding: 0.25rem 1.5rem;

    clear: both;

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

}

.dropdown-item:hover,

.dropdown-item:focus {

    color: #16181b;

    text-decoration: none;

    background-color: #f8f9fa;

}

.dropdown-item.active,

.dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #077c23;

}

.dropdown-item.disabled,

.dropdown-item:disabled {

    color: #6c757d;

    pointer-events: none;

    background-color: transparent;

}



.dropdown-menu.show {

    display: block;

}



.dropdown-header {

    display: block;

    padding: 0.5rem 1.5rem;

    margin-bottom: 0;

    font-size: 0.765625rem;

    color: #6c757d;

    white-space: nowrap;

}



.dropdown-item-text {

    display: block;

    padding: 0.25rem 1.5rem;

    color: #212529;

}



.btn-group,

.btn-group-vertical {

    position: relative;

    display: inline-flex;

    vertical-align: middle;

}

.btn-group > .btn,

.btn-group-vertical > .btn {

    position: relative;

    flex: 1 1 auto;

}

.btn-group > .btn:hover,

.btn-group-vertical > .btn:hover {

    z-index: 1;

}

.btn-group > .btn:focus,

.btn-group > .btn:active,

.btn-group > .btn.active,

.btn-group-vertical > .btn:focus,

.btn-group-vertical > .btn:active,

.btn-group-vertical > .btn.active {

    z-index: 1;

}



.btn-toolbar {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

}

.btn-toolbar .input-group {

    width: auto;

}



.btn-group > .btn:not(:first-child),

.btn-group > .btn-group:not(:first-child) {

    margin-left: -1px;

}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),

.btn-group > .btn-group:not(:last-child) > .btn {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.btn-group > .btn:not(:first-child),

.btn-group > .btn-group:not(:first-child) > .btn {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.dropdown-toggle-split {

    padding-right: 0.5625rem;

    padding-left: 0.5625rem;

}

.dropdown-toggle-split::after,

.dropup .dropdown-toggle-split::after,

.dropright .dropdown-toggle-split::after {

    margin-left: 0;

}

.dropleft .dropdown-toggle-split::before {

    margin-right: 0;

}



.btn-sm + .dropdown-toggle-split,

.btn-group-sm > .btn + .dropdown-toggle-split {

    padding-right: 0.375rem;

    padding-left: 0.375rem;

}



.btn-lg + .dropdown-toggle-split,

.btn-group-lg > .btn + .dropdown-toggle-split {

    padding-right: 0.75rem;

    padding-left: 0.75rem;

}



.btn-group-vertical {

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

}

.btn-group-vertical > .btn,

.btn-group-vertical > .btn-group {

    width: 100%;

}

.btn-group-vertical > .btn:not(:first-child),

.btn-group-vertical > .btn-group:not(:first-child) {

    margin-top: -1px;

}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),

.btn-group-vertical > .btn-group:not(:last-child) > .btn {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.btn-group-vertical > .btn:not(:first-child),

.btn-group-vertical > .btn-group:not(:first-child) > .btn {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.btn-group-toggle > .btn,

.btn-group-toggle > .btn-group > .btn {

    margin-bottom: 0;

}

.btn-group-toggle > .btn input[type="radio"],

.btn-group-toggle > .btn input[type="checkbox"],

.btn-group-toggle > .btn-group > .btn input[type="radio"],

.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {

    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none;

}



.input-group {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    width: 100%;

}

.input-group > .form-control,

.input-group > .form-control-plaintext,

.input-group > .custom-select,

.input-group > .custom-file {

    position: relative;

    flex: 1 1 auto;

    width: 1%;

    margin-bottom: 0;

}

.input-group > .form-control + .form-control,

.input-group > .form-control + .custom-select,

.input-group > .form-control + .custom-file,

.input-group > .form-control-plaintext + .form-control,

.input-group > .form-control-plaintext + .custom-select,

.input-group > .form-control-plaintext + .custom-file,

.input-group > .custom-select + .form-control,

.input-group > .custom-select + .custom-select,

.input-group > .custom-select + .custom-file,

.input-group > .custom-file + .form-control,

.input-group > .custom-file + .custom-select,

.input-group > .custom-file + .custom-file {

    margin-left: -1px;

}

.input-group > .form-control:focus,

.input-group > .custom-select:focus,

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {

    z-index: 3;

}

.input-group > .custom-file .custom-file-input:focus {

    z-index: 4;

}

.input-group > .form-control:not(:last-child),

.input-group > .custom-select:not(:last-child) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.input-group > .form-control:not(:first-child),

.input-group > .custom-select:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

.input-group > .custom-file {

    display: flex;

    align-items: center;

}

.input-group > .custom-file:not(:last-child) .custom-file-label,

.input-group > .custom-file:not(:last-child) .custom-file-label::after {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.input-group > .custom-file:not(:first-child) .custom-file-label {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.input-group-prepend,

.input-group-append {

    display: flex;

}

.input-group-prepend .btn,

.input-group-append .btn {

    position: relative;

    z-index: 2;

}

.input-group-prepend .btn:focus,

.input-group-append .btn:focus {

    z-index: 3;

}

.input-group-prepend .btn + .btn,

.input-group-prepend .btn + .input-group-text,

.input-group-prepend .input-group-text + .input-group-text,

.input-group-prepend .input-group-text + .btn,

.input-group-append .btn + .btn,

.input-group-append .btn + .input-group-text,

.input-group-append .input-group-text + .input-group-text,

.input-group-append .input-group-text + .btn {

    margin-left: -1px;

}



.input-group-prepend {

    margin-right: -1px;

}



.input-group-append {

    margin-left: -1px;

}



.input-group-text {

    display: flex;

    align-items: center;

    padding: 0.375rem 0.75rem;

    margin-bottom: 0;

    font-size: 0.875rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    text-align: center;

    white-space: nowrap;

    background-color: #e9ecef;

    border: 1px solid #eeeeee;

    border-radius: 0.75rem;

}

.input-group-text input[type="radio"],

.input-group-text input[type="checkbox"] {

    margin-top: 0;

}



.input-group-lg > .form-control:not(textarea),

.input-group-lg > .custom-select {

    height: calc(1.5em + 1rem + 2px);

}



.input-group-lg > .form-control,

.input-group-lg > .custom-select,

.input-group-lg > .input-group-prepend > .input-group-text,

.input-group-lg > .input-group-append > .input-group-text,

.input-group-lg > .input-group-prepend > .btn,

.input-group-lg > .input-group-append > .btn {

    padding: 0.5rem 1rem;

    font-size: 1.09375rem;

    line-height: 1.5;

    border-radius: 0.3rem;

}



.input-group-sm > .form-control:not(textarea),

.input-group-sm > .custom-select {

    height: calc(1.5em + 0.5rem + 2px);

}



.input-group-sm > .form-control,

.input-group-sm > .custom-select,

.input-group-sm > .input-group-prepend > .input-group-text,

.input-group-sm > .input-group-append > .input-group-text,

.input-group-sm > .input-group-prepend > .btn,

.input-group-sm > .input-group-append > .btn {

    padding: 0.25rem 0.5rem;

    font-size: 0.765625rem;

    line-height: 1.5;

    border-radius: 0.2rem;

}



.input-group-lg > .custom-select,

.input-group-sm > .custom-select {

    padding-right: 1.75rem;

}



.input-group > .input-group-prepend > .btn,

.input-group > .input-group-prepend > .input-group-text,

.input-group > .input-group-append:not(:last-child) > .btn,

.input-group > .input-group-append:not(:last-child) > .input-group-text,

.input-group

    > .input-group-append:last-child

    > .btn:not(:last-child):not(.dropdown-toggle),

.input-group

    > .input-group-append:last-child

    > .input-group-text:not(:last-child) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



.input-group > .input-group-append > .btn,

.input-group > .input-group-append > .input-group-text,

.input-group > .input-group-prepend:not(:first-child) > .btn,

.input-group > .input-group-prepend:not(:first-child) > .input-group-text,

.input-group > .input-group-prepend:first-child > .btn:not(:first-child),

.input-group

    > .input-group-prepend:first-child

    > .input-group-text:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.custom-control {

    position: relative;

    display: block;

    min-height: 1.3125rem;

    padding-left: 1.5rem;

}



.custom-control-inline {

    display: inline-flex;

    margin-right: 1rem;

}



.custom-control-input {

    position: absolute;

    z-index: -1;

    opacity: 0;

}

.custom-control-input:checked ~ .custom-control-label::before {

    color: #fff;

    border-color: #077c23;

    background-color: #077c23;

}

.custom-control-input:focus ~ .custom-control-label::before {

    box-shadow: 0 0 0 0.2rem rgba(235, 129, 83, 0.25);

}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {

    border-color: #f8d5c5;

}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {

    color: #fff;

    background-color: #fef6f3;

    border-color: #fef6f3;

}

.custom-control-input:disabled ~ .custom-control-label {

    color: #6c757d;

}

.custom-control-input:disabled ~ .custom-control-label::before {

    background-color: #e9ecef;

}



.custom-control-label {

    position: relative;

    margin-bottom: 0;

    vertical-align: top;

}

.custom-control-label::before {

    position: absolute;

    top: 0.15625rem;

    left: -1.5rem;

    display: block;

    width: 1rem;

    height: 1rem;

    pointer-events: none;

    content: "";

    background-color: #fff;

    border: #adb5bd solid 1px;

}

.custom-control-label::after {

    position: absolute;

    top: 0.15625rem;

    left: -1.5rem;

    display: block;

    width: 1rem;

    height: 1rem;

    content: "";

    background: no-repeat 50% / 50% 50%;

}



.custom-checkbox .custom-control-label::before {

    border-radius: 0.75rem;

}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");

}

.custom-checkbox

    .custom-control-input:indeterminate

    ~ .custom-control-label::before {

    border-color: #077c23;

    background-color: #077c23;

}

.custom-checkbox

    .custom-control-input:indeterminate

    ~ .custom-control-label::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");

}

.custom-checkbox

    .custom-control-input:disabled:checked

    ~ .custom-control-label::before {

    background-color: rgba(235, 129, 83, 0.5);

}

.custom-checkbox

    .custom-control-input:disabled:indeterminate

    ~ .custom-control-label::before {

    background-color: rgba(235, 129, 83, 0.5);

}



.custom-radio .custom-control-label::before {

    border-radius: 50%;

}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {

    background-image: 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");

}

.custom-radio

    .custom-control-input:disabled:checked

    ~ .custom-control-label::before {

    background-color: rgba(235, 129, 83, 0.5);

}



.custom-switch {

    padding-left: 2.25rem;

}

.custom-switch .custom-control-label::before {

    left: -2.25rem;

    width: 1.75rem;

    pointer-events: all;

    border-radius: 0.5rem;

}

.custom-switch .custom-control-label::after {

    top: calc(0.15625rem + 2px);

    left: calc(-2.25rem + 2px);

    width: calc(1rem - 4px);

    height: calc(1rem - 4px);

    background-color: #adb5bd;

    border-radius: 0.5rem;

    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,

        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .custom-switch .custom-control-label::after {

        transition: none;

    }

}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {

    background-color: #fff;

    transform: translateX(0.75rem);

}

.custom-switch

    .custom-control-input:disabled:checked

    ~ .custom-control-label::before {

    background-color: rgba(235, 129, 83, 0.5);

}



.custom-select {

    display: inline-block;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    padding: 0.375rem 1.75rem 0.375rem 0.75rem;

    font-size: 0.875rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    vertical-align: middle;

    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")

        no-repeat right 0.75rem center/8px 10px;

    background-color: #fff;

    border: 1px solid #eeeeee;

    border-radius: 0.75rem;

    appearance: none;

}

.custom-select:focus {

    border-color: #f8d5c5;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(235, 129, 83, 0.25);

}

.custom-select:focus::-ms-value {

    color: #495057;

    background-color: #fff;

}

.custom-select[multiple],

.custom-select[size]:not([size="1"]) {

    height: auto;

    padding-right: 0.75rem;

    background-image: none;

}

.custom-select:disabled {

    color: #6c757d;

    background-color: #e9ecef;

}

.custom-select::-ms-expand {

    display: none;

}



.custom-select-sm {

    height: calc(1.5em + 0.5rem + 2px);

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    padding-left: 0.5rem;

    font-size: 0.765625rem;

}



.custom-select-lg {

    height: calc(1.5em + 1rem + 2px);

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: 1rem;

    font-size: 1.09375rem;

}



.custom-file {

    position: relative;

    display: inline-block;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    margin-bottom: 0;

}



.custom-file-input {

    position: relative;

    z-index: 2;

    width: 100%;

    height: calc(1.5em + 0.75rem + 2px);

    margin: 0;

    opacity: 0;

}

.custom-file-input:focus ~ .custom-file-label {

    border-color: #f8d5c5;

    box-shadow: 0 0 0 0.2rem rgba(235, 129, 83, 0.25);

}

.custom-file-input:disabled ~ .custom-file-label {

    background-color: #e9ecef;

}

.custom-file-input:lang(en) ~ .custom-file-label::after {

    content: "Browse";

}

.custom-file-input ~ .custom-file-label[data-browse]::after {

    content: attr(data-browse);

}



.custom-file-label {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1;

    height: calc(1.5em + 0.75rem + 2px);

    padding: 0.375rem 0.75rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    border: 1px solid #eeeeee;

    border-radius: 0.75rem;

}

.custom-file-label::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 3;

    display: block;

    height: calc(1.5em + 0.75rem);

    padding: 0.375rem 0.75rem;

    line-height: 1.5;

    color: #495057;

    content: "Browse";

    background-color: #e9ecef;

    border-left: inherit;

    border-radius: 0 0.75rem 0.75rem 0;

}



.custom-range {

    width: 100%;

    height: calc(1rem + 0.4rem);

    padding: 0;

    background-color: transparent;

    appearance: none;

}

.custom-range:focus {

    outline: none;

}

.custom-range:focus::-webkit-slider-thumb {

    box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 0.2rem rgba(235, 129, 83, 0.25);

}

.custom-range:focus::-moz-range-thumb {

    box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 0.2rem rgba(235, 129, 83, 0.25);

}

.custom-range:focus::-ms-thumb {

    box-shadow: 0 0 0 1px #f7f7f7, 0 0 0 0.2rem rgba(235, 129, 83, 0.25);

}

.custom-range::-moz-focus-outer {

    border: 0;

}

.custom-range::-webkit-slider-thumb {

    width: 1rem;

    height: 1rem;

    margin-top: -0.25rem;

    background-color: #077c23;

    border: 0;

    border-radius: 1rem;

    transition: background-color 0.15s ease-in-out,

        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    appearance: none;

}

@media (prefers-reduced-motion: reduce) {

    .custom-range::-webkit-slider-thumb {

        transition: none;

    }

}

.custom-range::-webkit-slider-thumb:active {

    background-color: #fef6f3;

}

.custom-range::-webkit-slider-runnable-track {

    width: 100%;

    height: 0.5rem;

    color: transparent;

    cursor: pointer;

    background-color: #dee2e6;

    border-color: transparent;

    border-radius: 1rem;

}

.custom-range::-moz-range-thumb {

    width: 1rem;

    height: 1rem;

    background-color: #077c23;

    border: 0;

    border-radius: 1rem;

    transition: background-color 0.15s ease-in-out,

        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    appearance: none;

}

@media (prefers-reduced-motion: reduce) {

    .custom-range::-moz-range-thumb {

        transition: none;

    }

}

.custom-range::-moz-range-thumb:active {

    background-color: #fef6f3;

}

.custom-range::-moz-range-track {

    width: 100%;

    height: 0.5rem;

    color: transparent;

    cursor: pointer;

    background-color: #dee2e6;

    border-color: transparent;

    border-radius: 1rem;

}

.custom-range::-ms-thumb {

    width: 1rem;

    height: 1rem;

    margin-top: 0;

    margin-right: 0.2rem;

    margin-left: 0.2rem;

    background-color: #077c23;

    border: 0;

    border-radius: 1rem;

    transition: background-color 0.15s ease-in-out,

        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    appearance: none;

}

@media (prefers-reduced-motion: reduce) {

    .custom-range::-ms-thumb {

        transition: none;

    }

}

.custom-range::-ms-thumb:active {

    background-color: #fef6f3;

}

.custom-range::-ms-track {

    width: 100%;

    height: 0.5rem;

    color: transparent;

    cursor: pointer;

    background-color: transparent;

    border-color: transparent;

    border-width: 0.5rem;

}

.custom-range::-ms-fill-lower {

    background-color: #dee2e6;

    border-radius: 1rem;

}

.custom-range::-ms-fill-upper {

    margin-right: 15px;

    background-color: #dee2e6;

    border-radius: 1rem;

}

.custom-range:disabled::-webkit-slider-thumb {

    background-color: #adb5bd;

}

.custom-range:disabled::-webkit-slider-runnable-track {

    cursor: default;

}

.custom-range:disabled::-moz-range-thumb {

    background-color: #adb5bd;

}

.custom-range:disabled::-moz-range-track {

    cursor: default;

}

.custom-range:disabled::-ms-thumb {

    background-color: #adb5bd;

}



.custom-control-label::before,

.custom-file-label,

.custom-select {

    transition: background-color 0.15s ease-in-out,

        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .custom-control-label::before,

    .custom-file-label,

    .custom-select {

        transition: none;

    }

}



.nav {

    display: flex;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}



.nav-link {

    display: block;

    padding: 0.5rem 1rem;

}

.nav-link:hover,

.nav-link:focus {

    text-decoration: none;

}

.nav-link.disabled {

    color: #6c757d;

    pointer-events: none;

    cursor: default;

}



.nav-tabs {

    border-bottom: 1px solid #dee2e6;

}

.nav-tabs .nav-item {

    margin-bottom: -1px;

}

.nav-tabs .nav-link {

    border: 1px solid transparent;

    border-top-left-radius: 0.75rem;

    border-top-right-radius: 0.75rem;

}

.nav-tabs .nav-link:hover,

.nav-tabs .nav-link:focus {

    border-color: #e9ecef #e9ecef #dee2e6;

}

.nav-tabs .nav-link.disabled {

    color: #6c757d;

    background-color: transparent;

    border-color: transparent;

}

.nav-tabs .nav-link.active,

.nav-tabs .nav-item.show .nav-link {

    color: #495057;

    background-color: #f7f7f7;

    border-color: #dee2e6 #dee2e6 #f7f7f7;

}

.nav-tabs .dropdown-menu {

    margin-top: -1px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.nav-pills .nav-link {

    border-radius: 0.75rem;

}

.nav-pills .nav-link.active,

.nav-pills .show > .nav-link {

    color: #fff;

    background-color: #077c23;

}



.nav-fill .nav-item {

    flex: 1 1 auto;

    text-align: center;

}



.nav-justified .nav-item {

    flex-basis: 0;

    flex-grow: 1;

    text-align: center;

}



.tab-content > .tab-pane {

    display: none;

}

.tab-content > .active {

    display: block;

}



.navbar {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    padding: 0.5rem 1rem;

}

.navbar > .container,

.navbar > .container-fluid {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.navbar-brand {

    display: inline-block;

    padding-top: 0.3359375rem;

    padding-bottom: 0.3359375rem;

    margin-right: 1rem;

    font-size: 1.09375rem;

    line-height: inherit;

    white-space: nowrap;

}

.navbar-brand:hover,

.navbar-brand:focus {

    text-decoration: none;

}



.navbar-nav {

    display: flex;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}

.navbar-nav .nav-link {

    padding-right: 0;

    padding-left: 0;

}

.navbar-nav .dropdown-menu {

    position: static;

    float: none;

}



.navbar-text {

    display: inline-block;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

}



.navbar-collapse {

    flex-basis: 100%;

    flex-grow: 1;

    align-items: center;

}



.navbar-toggler {

    padding: 0.25rem 0.75rem;

    font-size: 1.09375rem;

    line-height: 1;

    background-color: transparent;

    border: 1px solid transparent;

    border-radius: 0.75rem;

}

.navbar-toggler:hover,

.navbar-toggler:focus {

    text-decoration: none;

}



.navbar-toggler-icon {

    display: inline-block;

    width: 1.5em;

    height: 1.5em;

    vertical-align: middle;

    content: "";

    background: no-repeat center center;

    background-size: 100% 100%;

}



@media (max-width: 575.98px) {

    .navbar-expand-sm > .container,

    .navbar-expand-sm > .container-fluid {

        padding-right: 0;

        padding-left: 0;

    }

}

@media (min-width: 576px) {

    .navbar-expand-sm {

        flex-flow: row 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: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-sm > .container,

    .navbar-expand-sm > .container-fluid {

        flex-wrap: nowrap;

    }

    .navbar-expand-sm .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-sm .navbar-toggler {

        display: none;

    }

}

@media (max-width: 767.98px) {

    .navbar-expand-md > .container,

    .navbar-expand-md > .container-fluid {

        padding-right: 0;

        padding-left: 0;

    }

}

@media (min-width: 768px) {

    .navbar-expand-md {

        flex-flow: row 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: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-md > .container,

    .navbar-expand-md > .container-fluid {

        flex-wrap: nowrap;

    }

    .navbar-expand-md .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-md .navbar-toggler {

        display: none;

    }

}

@media (max-width: 991.98px) {

    .navbar-expand-lg > .container,

    .navbar-expand-lg > .container-fluid {

        padding-right: 0;

        padding-left: 0;

    }

}

@media (min-width: 992px) {

    .navbar-expand-lg {

        flex-flow: row 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: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-lg > .container,

    .navbar-expand-lg > .container-fluid {

        flex-wrap: nowrap;

    }

    .navbar-expand-lg .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-lg .navbar-toggler {

        display: none;

    }

}

@media (max-width: 1199.98px) {

    .navbar-expand-xl > .container,

    .navbar-expand-xl > .container-fluid {

        padding-right: 0;

        padding-left: 0;

    }

}

@media (min-width: 1200px) {

    .navbar-expand-xl {

        flex-flow: row 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: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-xl > .container,

    .navbar-expand-xl > .container-fluid {

        flex-wrap: nowrap;

    }

    .navbar-expand-xl .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-xl .navbar-toggler {

        display: none;

    }

}

@media (max-width: 1439.98) {

    .navbar-expand-xxl > .container,

    .navbar-expand-xxl > .container-fluid {

        padding-right: 0;

        padding-left: 0;

    }

}

@media (min-width: 1440) {

    .navbar-expand-xxl {

        flex-flow: row 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: 0.5rem;

        padding-left: 0.5rem;

    }

    .navbar-expand-xxl > .container,

    .navbar-expand-xxl > .container-fluid {

        flex-wrap: nowrap;

    }

    .navbar-expand-xxl .navbar-collapse {

        display: flex !important;

        flex-basis: auto;

    }

    .navbar-expand-xxl .navbar-toggler {

        display: none;

    }

}

.navbar-expand {

    flex-flow: row nowrap;

    justify-content: flex-start;

}

.navbar-expand > .container,

.navbar-expand > .container-fluid {

    padding-right: 0;

    padding-left: 0;

}

.navbar-expand .navbar-nav {

    flex-direction: row;

}

.navbar-expand .navbar-nav .dropdown-menu {

    position: absolute;

}

.navbar-expand .navbar-nav .nav-link {

    padding-right: 0.5rem;

    padding-left: 0.5rem;

}

.navbar-expand > .container,

.navbar-expand > .container-fluid {

    flex-wrap: nowrap;

}

.navbar-expand .navbar-collapse {

    display: flex !important;

    flex-basis: auto;

}

.navbar-expand .navbar-toggler {

    display: none;

}



.navbar-light .navbar-brand {

    color: rgba(0, 0, 0, 0.9);

}

.navbar-light .navbar-brand:hover,

.navbar-light .navbar-brand:focus {

    color: rgba(0, 0, 0, 0.9);

}

.navbar-light .navbar-nav .nav-link {

    color: rgba(0, 0, 0, 0.5);

}

.navbar-light .navbar-nav .nav-link:hover,

.navbar-light .navbar-nav .nav-link:focus {

    color: rgba(0, 0, 0, 0.7);

}

.navbar-light .navbar-nav .nav-link.disabled {

    color: rgba(0, 0, 0, 0.3);

}

.navbar-light .navbar-nav .show > .nav-link,

.navbar-light .navbar-nav .active > .nav-link,

.navbar-light .navbar-nav .nav-link.show,

.navbar-light .navbar-nav .nav-link.active {

    color: rgba(0, 0, 0, 0.9);

}

.navbar-light .navbar-toggler {

    color: rgba(0, 0, 0, 0.5);

    border-color: rgba(0, 0, 0, 0.1);

}

.navbar-light .navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-light .navbar-text {

    color: rgba(0, 0, 0, 0.5);

}

.navbar-light .navbar-text a {

    color: rgba(0, 0, 0, 0.9);

}

.navbar-light .navbar-text a:hover,

.navbar-light .navbar-text a:focus {

    color: rgba(0, 0, 0, 0.9);

}



.navbar-dark .navbar-brand {

    color: #fff;

}

.navbar-dark .navbar-brand:hover,

.navbar-dark .navbar-brand:focus {

    color: #fff;

}

.navbar-dark .navbar-nav .nav-link {

    color: rgba(255, 255, 255, 0.5);

}

.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link:focus {

    color: rgba(255, 255, 255, 0.75);

}

.navbar-dark .navbar-nav .nav-link.disabled {

    color: rgba(255, 255, 255, 0.25);

}

.navbar-dark .navbar-nav .show > .nav-link,

.navbar-dark .navbar-nav .active > .nav-link,

.navbar-dark .navbar-nav .nav-link.show,

.navbar-dark .navbar-nav .nav-link.active {

    color: #fff;

}

.navbar-dark .navbar-toggler {

    color: rgba(255, 255, 255, 0.5);

    border-color: rgba(255, 255, 255, 0.1);

}

.navbar-dark .navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-dark .navbar-text {

    color: rgba(255, 255, 255, 0.5);

}

.navbar-dark .navbar-text a {

    color: #fff;

}

.navbar-dark .navbar-text a:hover,

.navbar-dark .navbar-text a:focus {

    color: #fff;

}



.card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0, 0, 0, 0.125);

    border-radius: 0.75rem;

}

.card > hr {

    margin-right: 0;

    margin-left: 0;

}

.card > .list-group:first-child .list-group-item:first-child {

    border-top-left-radius: 0.75rem;

    border-top-right-radius: 0.75rem;

}

.card > .list-group:last-child .list-group-item:last-child {

    border-bottom-right-radius: 0.75rem;

    border-bottom-left-radius: 0.75rem;

}



.card-body {

    flex: 1 1 auto;

    padding: 1.25rem;

}



.card-title {

    margin-bottom: 0.75rem;

}



.card-subtitle {

    margin-top: -0.375rem;

    margin-bottom: 0;

}



.card-text:last-child {

    margin-bottom: 0;

}



.card-link:hover {

    text-decoration: none;

}

.card-link + .card-link {

    margin-left: 1.25rem;

}



.card-header {

    padding: 0.75rem 1.25rem;

    margin-bottom: 0;

    background-color: rgba(0, 0, 0, 0.03);

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}

.card-header:first-child {

    border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0;

}

.card-header + .list-group .list-group-item:first-child {

    border-top: 0;

}



.card-footer {

    padding: 0.75rem 1.25rem;

    background-color: rgba(0, 0, 0, 0.03);

    border-top: 1px solid rgba(0, 0, 0, 0.125);

}

.card-footer:last-child {

    border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);

}



.card-header-tabs {

    margin-right: -0.625rem;

    margin-bottom: -0.75rem;

    margin-left: -0.625rem;

    border-bottom: 0;

}



.card-header-pills {

    margin-right: -0.625rem;

    margin-left: -0.625rem;

}



.card-img-overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 1.25rem;

}



.card-img {

    width: 100%;

    border-radius: calc(0.75rem - 1px);

}



.card-img-top {

    width: 100%;

    border-top-left-radius: calc(0.75rem - 1px);

    border-top-right-radius: calc(0.75rem - 1px);

}



.card-img-bottom {

    width: 100%;

    border-bottom-right-radius: calc(0.75rem - 1px);

    border-bottom-left-radius: calc(0.75rem - 1px);

}



.card-deck {

    display: flex;

    flex-direction: column;

}

.card-deck .card {

    margin-bottom: 15px;

}

@media (min-width: 576px) {

    .card-deck {

        flex-flow: row wrap;

        margin-right: -15px;

        margin-left: -15px;

    }

    .card-deck .card {

        display: flex;

        flex: 1 0 0%;

        flex-direction: column;

        margin-right: 15px;

        margin-bottom: 0;

        margin-left: 15px;

    }

}



.card-group {

    display: flex;

    flex-direction: column;

}

.card-group > .card {

    margin-bottom: 15px;

}

@media (min-width: 576px) {

    .card-group {

        flex-flow: row wrap;

    }

    .card-group > .card {

        flex: 1 0 0%;

        margin-bottom: 0;

    }

    .card-group > .card + .card {

        margin-left: 0;

        border-left: 0;

    }

    .card-group > .card:not(:last-child) {

        border-top-right-radius: 0;

        border-bottom-right-radius: 0;

    }

    .card-group > .card:not(:last-child) .card-img-top,

    .card-group > .card:not(:last-child) .card-header {

        border-top-right-radius: 0;

    }

    .card-group > .card:not(:last-child) .card-img-bottom,

    .card-group > .card:not(:last-child) .card-footer {

        border-bottom-right-radius: 0;

    }

    .card-group > .card:not(:first-child) {

        border-top-left-radius: 0;

        border-bottom-left-radius: 0;

    }

    .card-group > .card:not(:first-child) .card-img-top,

    .card-group > .card:not(:first-child) .card-header {

        border-top-left-radius: 0;

    }

    .card-group > .card:not(:first-child) .card-img-bottom,

    .card-group > .card:not(:first-child) .card-footer {

        border-bottom-left-radius: 0;

    }

}



.card-columns .card {

    margin-bottom: 0.75rem;

}

@media (min-width: 576px) {

    .card-columns {

        column-count: 3;

        column-gap: 1.25rem;

        orphans: 1;

        widows: 1;

    }

    .card-columns .card {

        display: inline-block;

        width: 100%;

    }

}



.accordion > .card {

    overflow: hidden;

}

.accordion > .card:not(:first-of-type) .card-header:first-child {

    border-radius: 0;

}

.accordion > .card:not(:first-of-type):not(:last-of-type) {

    border-bottom: 0;

    border-radius: 0;

}

.accordion > .card:first-of-type {

    border-bottom: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.accordion > .card:last-of-type {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.accordion > .card .card-header {

    margin-bottom: -1px;

}



.breadcrumb {

    display: flex;

    flex-wrap: wrap;

    padding: 0.75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    background-color: #e9ecef;

    border-radius: 0.75rem;

}



.breadcrumb-item + .breadcrumb-item {

    padding-left: 0.5rem;

}

.breadcrumb-item + .breadcrumb-item::before {

    display: inline-block;

    padding-right: 0.5rem;

    color: #6c757d;

    content: "/";

}

.breadcrumb-item + .breadcrumb-item:hover::before {

    text-decoration: underline;

}

.breadcrumb-item + .breadcrumb-item:hover::before {

    text-decoration: none;

}

.breadcrumb-item.active {

    color: #6c757d;

}



.pagination {

    display: flex;

    padding-left: 0;

    list-style: none;

    border-radius: 0.75rem;

}



.page-link {

    position: relative;

    display: block;

    padding: 0.5rem 0.75rem;

    margin-left: -1px;

    line-height: 1.25;

    color: #077c23;

    background-color: #fff;

    border: 1px solid #dee2e6;

}

.page-link:hover {

    z-index: 2;

    color: #077c23;

    text-decoration: none;

    background-color: #e9ecef;

    border-color: #dee2e6;

}

.page-link:focus {

    z-index: 2;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(235, 129, 83, 0.25);

}



.page-item:first-child .page-link {

    margin-left: 0;

    border-top-left-radius: 0.75rem;

    border-bottom-left-radius: 0.75rem;

}

.page-item:last-child .page-link {

    border-top-right-radius: 0.75rem;

    border-bottom-right-radius: 0.75rem;

}

.page-item.active .page-link {

    z-index: 1;

    color: #fff;

    background-color: #077c23;

    border-color: #077c23;

}

.page-item.disabled .page-link {

    color: #6c757d;

    pointer-events: none;

    cursor: auto;

    background-color: #fff;

    border-color: #dee2e6;

}



.pagination-lg .page-link {

    padding: 0.75rem 1.5rem;

    font-size: 1.09375rem;

    line-height: 1.5;

}

.pagination-lg .page-item:first-child .page-link {

    border-top-left-radius: 0.3rem;

    border-bottom-left-radius: 0.3rem;

}

.pagination-lg .page-item:last-child .page-link {

    border-top-right-radius: 0.3rem;

    border-bottom-right-radius: 0.3rem;

}



.pagination-sm .page-link {

    padding: 0.25rem 0.5rem;

    font-size: 0.765625rem;

    line-height: 1.5;

}

.pagination-sm .page-item:first-child .page-link {

    border-top-left-radius: 0.2rem;

    border-bottom-left-radius: 0.2rem;

}

.pagination-sm .page-item:last-child .page-link {

    border-top-right-radius: 0.2rem;

    border-bottom-right-radius: 0.2rem;

}



.badge {

    display: inline-block;

    padding: 0.25em 0.4em;

    font-size: 75%;

    font-weight: 700;

    line-height: 1;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 0.75rem;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,

        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .badge {

        transition: none;

    }

}

a.badge:hover,

a.badge:focus {

    text-decoration: none;

}

.badge:empty {

    display: none;

}



.btn .badge {

    position: relative;

    top: -1px;

}



.badge-pill {

    padding-right: 0.6em;

    padding-left: 0.6em;

    border-radius: 10rem;

}



.badge-primary {

    color: #212529;

    background-color: #077c23;

}

a.badge-primary:hover,

a.badge-primary:focus {

    color: #212529;

    background-color: #077c23;

}

a.badge-primary:focus,

a.badge-primary.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(235, 129, 83, 0.5);

}



.badge-secondary {

    color: #fff;

    background-color: #036111;

}

a.badge-secondary:hover,

a.badge-secondary:focus {

    color: #fff;

    background-color: #4d1296;

}

a.badge-secondary:focus,

a.badge-secondary.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(100, 24, 195, 0.5);

}



.badge-success {

    color: #212529;

    background-color: #68cf29;

}

a.badge-success:hover,

a.badge-success:focus {

    color: #212529;

    background-color: #53a421;

}

a.badge-success:focus,

a.badge-success.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(104, 207, 41, 0.5);

}



.badge-info {

    color: #fff;

    background-color: #51a6f5;

}

a.badge-info:hover,

a.badge-info:focus {

    color: #fff;

    background-color: #218df2;

}

a.badge-info:focus,

a.badge-info.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(81, 166, 245, 0.5);

}



.badge-warning {

    color: #212529;

    background-color: #ffab2d;

}

a.badge-warning:hover,

a.badge-warning:focus {

    color: #212529;

    background-color: #f99500;

}

a.badge-warning:focus,

a.badge-warning.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(255, 171, 45, 0.5);

}



.badge-danger {

    color: #fff;

    background-color: #ff4c41;

}

a.badge-danger:hover,

a.badge-danger:focus {

    color: #fff;

    background-color: #ff1c0e;

}

a.badge-danger:focus,

a.badge-danger.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(255, 76, 65, 0.5);

}



.badge-light {

    color: #212529;

    background-color: #f7f7f7;

}

a.badge-light:hover,

a.badge-light:focus {

    color: #212529;

    background-color: #dedede;

}

a.badge-light:focus,

a.badge-light.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5);

}



.badge-dark {

    color: #fff;

    background-color: #6e6e6e;

}

a.badge-dark:hover,

a.badge-dark:focus {

    color: #fff;

    background-color: #555555;

}

a.badge-dark:focus,

a.badge-dark.focus {

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);

}



.jumbotron {

    padding: 2rem 1rem;

    margin-bottom: 2rem;

    background-color: #e9ecef;

    border-radius: 0.3rem;

}

@media (min-width: 576px) {

    .jumbotron {

        padding: 4rem 2rem;

    }

}



.jumbotron-fluid {

    padding-right: 0;

    padding-left: 0;

    border-radius: 0;

}



.alert {

    position: relative;

    padding: 0.75rem 1.25rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: 0.75rem;

}



.alert-heading {

    color: inherit;

}



.alert-link {

    font-weight: 700;

}



.alert-dismissible {

    padding-right: 3.8125rem;

}

.alert-dismissible .close {

    position: absolute;

    top: 0;

    right: 0;

    padding: 0.75rem 1.25rem;

    color: inherit;

}



.alert-primary {

    color: #7a432b;

    background-color: #fbe6dd;

    border-color: #f9dccf;

}

.alert-primary hr {

    border-top-color: #f6cbb8;

}

.alert-primary .alert-link {

    color: #542e1e;

}



.alert-secondary {

    color: #340c65;

    background-color: #e0d1f3;

    border-color: #d4beee;

}

.alert-secondary hr {

    border-top-color: #c7aae9;

}

.alert-secondary .alert-link {

    color: #1d0737;

}



.alert-success {

    color: #366c15;

    background-color: #e1f5d4;

    border-color: #d5f2c3;

}

.alert-success hr {

    border-top-color: #c6edae;

}

.alert-success .alert-link {

    color: #21410d;

}



.alert-info {

    color: #2a567f;

    background-color: #dcedfd;

    border-color: #cee6fc;

}

.alert-info hr {

    border-top-color: #b6dafb;

}

.alert-info .alert-link {

    color: #1d3c59;

}



.alert-warning {

    color: #855917;

    background-color: #ffeed5;

    border-color: #ffe7c4;

}

.alert-warning hr {

    border-top-color: #ffddab;

}

.alert-warning .alert-link {

    color: #5a3c0f;

}



.alert-danger {

    color: #852822;

    background-color: #ffdbd9;

    border-color: #ffcdca;

}

.alert-danger hr {

    border-top-color: #ffb5b1;

}

.alert-danger .alert-link {

    color: #5c1c18;

}



.alert-light {

    color: gray;

    background-color: #fdfdfd;

    border-color: #fdfdfd;

}

.alert-light hr {

    border-top-color: #f0f0f0;

}

.alert-light .alert-link {

    color: #676767;

}



.alert-dark {

    color: #393939;

    background-color: #e2e2e2;

    border-color: #d6d6d6;

}

.alert-dark hr {

    border-top-color: #c9c9c9;

}

.alert-dark .alert-link {

    color: #202020;

}



@keyframes progress-bar-stripes {

    from {

        background-position: 1rem 0;

    }

    to {

        background-position: 0 0;

    }

}

.progress {

    display: flex;

    height: 1rem;

    overflow: hidden;

    font-size: 0.65625rem;

    background-color: #e9ecef;

    border-radius: 0.75rem;

}



.progress-bar {

    display: flex;

    flex-direction: column;

    justify-content: center;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    background-color: #077c23;

    transition: width 0.6s ease;

}

@media (prefers-reduced-motion: reduce) {

    .progress-bar {

        transition: none;

    }

}



.progress-bar-striped {

    background-image: linear-gradient(

        45deg,

        rgba(255, 255, 255, 0.15) 25%,

        transparent 25%,

        transparent 50%,

        rgba(255, 255, 255, 0.15) 50%,

        rgba(255, 255, 255, 0.15) 75%,

        transparent 75%,

        transparent

    );

    background-size: 1rem 1rem;

}



.progress-bar-animated {

    animation: progress-bar-stripes 1s linear infinite;

}

@media (prefers-reduced-motion: reduce) {

    .progress-bar-animated {

        animation: none;

    }

}



.media {

    display: flex;

    align-items: flex-start;

}



.media-body {

    flex: 1;

}



.list-group {

    display: flex;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

}



.list-group-item-action {

    width: 100%;

    color: #495057;

    text-align: inherit;

}

.list-group-item-action:hover,

.list-group-item-action:focus {

    z-index: 1;

    color: #495057;

    text-decoration: none;

    background-color: #f8f9fa;

}

.list-group-item-action:active {

    color: #7e7e7e;

    background-color: #e9ecef;

}



.list-group-item {

    position: relative;

    display: block;

    padding: 0.75rem 1.25rem;

    margin-bottom: -1px;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, 0.125);

}

.list-group-item:first-child {

    border-top-left-radius: 0.75rem;

    border-top-right-radius: 0.75rem;

}

.list-group-item:last-child {

    margin-bottom: 0;

    border-bottom-right-radius: 0.75rem;

    border-bottom-left-radius: 0.75rem;

}

.list-group-item.disabled,

.list-group-item:disabled {

    color: #6c757d;

    pointer-events: none;

    background-color: #fff;

}

.list-group-item.active {

    z-index: 2;

    color: #fff;

    background-color: #077c23;

    border-color: #077c23;

}



.list-group-horizontal {

    flex-direction: row;

}

.list-group-horizontal .list-group-item {

    margin-right: -1px;

    margin-bottom: 0;

}

.list-group-horizontal .list-group-item:first-child {

    border-top-left-radius: 0.75rem;

    border-bottom-left-radius: 0.75rem;

    border-top-right-radius: 0;

}

.list-group-horizontal .list-group-item:last-child {

    margin-right: 0;

    border-top-right-radius: 0.75rem;

    border-bottom-right-radius: 0.75rem;

    border-bottom-left-radius: 0;

}



@media (min-width: 576px) {

    .list-group-horizontal-sm {

        flex-direction: row;

    }

    .list-group-horizontal-sm .list-group-item {

        margin-right: -1px;

        margin-bottom: 0;

    }

    .list-group-horizontal-sm .list-group-item:first-child {

        border-top-left-radius: 0.75rem;

        border-bottom-left-radius: 0.75rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-sm .list-group-item:last-child {

        margin-right: 0;

        border-top-right-radius: 0.75rem;

        border-bottom-right-radius: 0.75rem;

        border-bottom-left-radius: 0;

    }

}

@media (min-width: 768px) {

    .list-group-horizontal-md {

        flex-direction: row;

    }

    .list-group-horizontal-md .list-group-item {

        margin-right: -1px;

        margin-bottom: 0;

    }

    .list-group-horizontal-md .list-group-item:first-child {

        border-top-left-radius: 0.75rem;

        border-bottom-left-radius: 0.75rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-md .list-group-item:last-child {

        margin-right: 0;

        border-top-right-radius: 0.75rem;

        border-bottom-right-radius: 0.75rem;

        border-bottom-left-radius: 0;

    }

}

@media (min-width: 992px) {

    .list-group-horizontal-lg {

        flex-direction: row;

    }

    .list-group-horizontal-lg .list-group-item {

        margin-right: -1px;

        margin-bottom: 0;

    }

    .list-group-horizontal-lg .list-group-item:first-child {

        border-top-left-radius: 0.75rem;

        border-bottom-left-radius: 0.75rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-lg .list-group-item:last-child {

        margin-right: 0;

        border-top-right-radius: 0.75rem;

        border-bottom-right-radius: 0.75rem;

        border-bottom-left-radius: 0;

    }

}

@media (min-width: 1200px) {

    .list-group-horizontal-xl {

        flex-direction: row;

    }

    .list-group-horizontal-xl .list-group-item {

        margin-right: -1px;

        margin-bottom: 0;

    }

    .list-group-horizontal-xl .list-group-item:first-child {

        border-top-left-radius: 0.75rem;

        border-bottom-left-radius: 0.75rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-xl .list-group-item:last-child {

        margin-right: 0;

        border-top-right-radius: 0.75rem;

        border-bottom-right-radius: 0.75rem;

        border-bottom-left-radius: 0;

    }

}

@media (min-width: 1440) {

    .list-group-horizontal-xxl {

        flex-direction: row;

    }

    .list-group-horizontal-xxl .list-group-item {

        margin-right: -1px;

        margin-bottom: 0;

    }

    .list-group-horizontal-xxl .list-group-item:first-child {

        border-top-left-radius: 0.75rem;

        border-bottom-left-radius: 0.75rem;

        border-top-right-radius: 0;

    }

    .list-group-horizontal-xxl .list-group-item:last-child {

        margin-right: 0;

        border-top-right-radius: 0.75rem;

        border-bottom-right-radius: 0.75rem;

        border-bottom-left-radius: 0;

    }

}

.list-group-flush .list-group-item {

    border-right: 0;

    border-left: 0;

    border-radius: 0;

}

.list-group-flush .list-group-item:last-child {

    margin-bottom: -1px;

}

.list-group-flush:first-child .list-group-item:first-child {

    border-top: 0;

}

.list-group-flush:last-child .list-group-item:last-child {

    margin-bottom: 0;

    border-bottom: 0;

}



.list-group-item-primary {

    color: #7a432b;

    background-color: #f9dccf;

}

.list-group-item-primary.list-group-item-action:hover,

.list-group-item-primary.list-group-item-action:focus {

    color: #7a432b;

    background-color: #f6cbb8;

}

.list-group-item-primary.list-group-item-action.active {

    color: #fff;

    background-color: #7a432b;

    border-color: #7a432b;

}



.list-group-item-secondary {

    color: #340c65;

    background-color: #d4beee;

}

.list-group-item-secondary.list-group-item-action:hover,

.list-group-item-secondary.list-group-item-action:focus {

    color: #340c65;

    background-color: #c7aae9;

}

.list-group-item-secondary.list-group-item-action.active {

    color: #fff;

    background-color: #340c65;

    border-color: #340c65;

}



.list-group-item-success {

    color: #366c15;

    background-color: #d5f2c3;

}

.list-group-item-success.list-group-item-action:hover,

.list-group-item-success.list-group-item-action:focus {

    color: #366c15;

    background-color: #c6edae;

}

.list-group-item-success.list-group-item-action.active {

    color: #fff;

    background-color: #366c15;

    border-color: #366c15;

}



.list-group-item-info {

    color: #2a567f;

    background-color: #cee6fc;

}

.list-group-item-info.list-group-item-action:hover,

.list-group-item-info.list-group-item-action:focus {

    color: #2a567f;

    background-color: #b6dafb;

}

.list-group-item-info.list-group-item-action.active {

    color: #fff;

    background-color: #2a567f;

    border-color: #2a567f;

}



.list-group-item-warning {

    color: #855917;

    background-color: #ffe7c4;

}

.list-group-item-warning.list-group-item-action:hover,

.list-group-item-warning.list-group-item-action:focus {

    color: #855917;

    background-color: #ffddab;

}

.list-group-item-warning.list-group-item-action.active {

    color: #fff;

    background-color: #855917;

    border-color: #855917;

}



.list-group-item-danger {

    color: #852822;

    background-color: #ffcdca;

}

.list-group-item-danger.list-group-item-action:hover,

.list-group-item-danger.list-group-item-action:focus {

    color: #852822;

    background-color: #ffb5b1;

}

.list-group-item-danger.list-group-item-action.active {

    color: #fff;

    background-color: #852822;

    border-color: #852822;

}



.list-group-item-light {

    color: gray;

    background-color: #fdfdfd;

}

.list-group-item-light.list-group-item-action:hover,

.list-group-item-light.list-group-item-action:focus {

    color: gray;

    background-color: #f0f0f0;

}

.list-group-item-light.list-group-item-action.active {

    color: #fff;

    background-color: gray;

    border-color: gray;

}



.list-group-item-dark {

    color: #393939;

    background-color: #d6d6d6;

}

.list-group-item-dark.list-group-item-action:hover,

.list-group-item-dark.list-group-item-action:focus {

    color: #393939;

    background-color: #c9c9c9;

}

.list-group-item-dark.list-group-item-action.active {

    color: #fff;

    background-color: #393939;

    border-color: #393939;

}



.close {

    float: right;

    font-size: 1.3125rem;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: 0.5;

}

.close:hover {

    color: #000;

    text-decoration: none;

}

.close:not(:disabled):not(.disabled):hover,

.close:not(:disabled):not(.disabled):focus {

    opacity: 0.75;

}



button.close {

    padding: 0;

    background-color: transparent;

    border: 0;

    appearance: none;

}



a.close.disabled {

    pointer-events: none;

}



.toast {

    max-width: 350px;

    overflow: hidden;

    font-size: 0.875rem;

    background-color: rgba(255, 255, 255, 0.85);

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.1);

    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);

    backdrop-filter: blur(10px);

    opacity: 0;

    border-radius: 0.25rem;

}

.toast:not(:last-child) {

    margin-bottom: 0.75rem;

}

.toast.showing {

    opacity: 1;

}

.toast.show {

    display: block;

    opacity: 1;

}

.toast.hide {

    display: none;

}



.toast-header {

    display: flex;

    align-items: center;

    padding: 0.25rem 0.75rem;

    color: #6c757d;

    background-color: rgba(255, 255, 255, 0.85);

    background-clip: padding-box;

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}



.toast-body {

    padding: 0.75rem;

}



.modal-open {

    overflow: hidden;

}

.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto;

}



.modal {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1050;

    display: none;

    width: 100%;

    height: 100%;

    overflow: hidden;

    outline: 0;

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: 0.5rem;

    pointer-events: none;

}

.modal.fade .modal-dialog {

    transition: transform 0.3s ease-out;

    transform: translate(0, -50px);

}

@media (prefers-reduced-motion: reduce) {

    .modal.fade .modal-dialog {

        transition: none;

    }

}

.modal.show .modal-dialog {

    transform: none;

}



.modal-dialog-scrollable {

    display: flex;

    max-height: calc(100% - 1rem);

}

.modal-dialog-scrollable .modal-content {

    max-height: calc(100vh - 1rem);

    overflow: hidden;

}

.modal-dialog-scrollable .modal-header,

.modal-dialog-scrollable .modal-footer {

    flex-shrink: 0;

}

.modal-dialog-scrollable .modal-body {

    overflow-y: auto;

}



.modal-dialog-centered {

    display: flex;

    align-items: center;

    min-height: calc(100% - 1rem);

}

.modal-dialog-centered::before {

    display: block;

    height: calc(100vh - 1rem);

    content: "";

}

.modal-dialog-centered.modal-dialog-scrollable {

    flex-direction: column;

    justify-content: center;

    height: 100%;

}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {

    max-height: none;

}

.modal-dialog-centered.modal-dialog-scrollable::before {

    content: none;

}



.modal-content {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    pointer-events: auto;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 0.3rem;

    outline: 0;

}



.modal-backdrop {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1040;

    width: 100vw;

    height: 100vh;

    background-color: #000;

}

.modal-backdrop.fade {

    opacity: 0;

}

.modal-backdrop.show {

    opacity: 0.5;

}



.modal-header {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 1rem 1rem;

    border-bottom: 1px solid #eeeeee;

    border-top-left-radius: 0.3rem;

    border-top-right-radius: 0.3rem;

}

.modal-header .close {

    padding: 1rem 1rem;

    margin: -1rem -1rem -1rem auto;

}



.modal-title {

    margin-bottom: 0;

    line-height: 1.5;

}



.modal-body {

    position: relative;

    flex: 1 1 auto;

    padding: 1rem;

}



.modal-footer {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 1rem;

    border-top: 1px solid #eeeeee;

    border-bottom-right-radius: 0.3rem;

    border-bottom-left-radius: 0.3rem;

}

.modal-footer > :not(:first-child) {

    margin-left: 0.25rem;

}

.modal-footer > :not(:last-child) {

    margin-right: 0.25rem;

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll;

}



@media (min-width: 576px) {

    .modal-dialog {

        max-width: 500px;

        margin: 1.75rem auto;

    }



    .modal-dialog-scrollable {

        max-height: calc(100% - 3.5rem);

    }

    .modal-dialog-scrollable .modal-content {

        max-height: calc(100vh - 3.5rem);

    }



    .modal-dialog-centered {

        min-height: calc(100% - 3.5rem);

    }

    .modal-dialog-centered::before {

        height: calc(100vh - 3.5rem);

    }



    .modal-sm {

        max-width: 300px;

    }

}

@media (min-width: 992px) {

    .modal-lg,

    .modal-xl {

        max-width: 800px;

    }

}

@media (min-width: 1200px) {

    .modal-xl {

        max-width: 1140px;

    }

}

.tooltip {

    position: absolute;

    z-index: 1070;

    display: block;

    margin: 0;

    font-family: "Roboto", 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;

    word-spacing: normal;

    white-space: normal;

    line-break: auto;

    font-size: 0.765625rem;

    word-wrap: break-word;

    opacity: 0;

}

.tooltip.show {

    opacity: 0.9;

}

.tooltip .arrow {

    position: absolute;

    display: block;

    width: 0.8rem;

    height: 0.4rem;

}

.tooltip .arrow::before {

    position: absolute;

    content: "";

    border-color: transparent;

    border-style: solid;

}



.bs-tooltip-top,

.bs-tooltip-auto[x-placement^="top"] {

    padding: 0.4rem 0;

}

.bs-tooltip-top .arrow,

.bs-tooltip-auto[x-placement^="top"] .arrow {

    bottom: 0;

}

.bs-tooltip-top .arrow::before,

.bs-tooltip-auto[x-placement^="top"] .arrow::before {

    top: 0;

    border-width: 0.4rem 0.4rem 0;

    border-top-color: #000;

}



.bs-tooltip-right,

.bs-tooltip-auto[x-placement^="right"] {

    padding: 0 0.4rem;

}

.bs-tooltip-right .arrow,

.bs-tooltip-auto[x-placement^="right"] .arrow {

    left: 0;

    width: 0.4rem;

    height: 0.8rem;

}

.bs-tooltip-right .arrow::before,

.bs-tooltip-auto[x-placement^="right"] .arrow::before {

    right: 0;

    border-width: 0.4rem 0.4rem 0.4rem 0;

    border-right-color: #000;

}



.bs-tooltip-bottom,

.bs-tooltip-auto[x-placement^="bottom"] {

    padding: 0.4rem 0;

}

.bs-tooltip-bottom .arrow,

.bs-tooltip-auto[x-placement^="bottom"] .arrow {

    top: 0;

}

.bs-tooltip-bottom .arrow::before,

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {

    bottom: 0;

    border-width: 0 0.4rem 0.4rem;

    border-bottom-color: #000;

}



.bs-tooltip-left,

.bs-tooltip-auto[x-placement^="left"] {

    padding: 0 0.4rem;

}

.bs-tooltip-left .arrow,

.bs-tooltip-auto[x-placement^="left"] .arrow {

    right: 0;

    width: 0.4rem;

    height: 0.8rem;

}

.bs-tooltip-left .arrow::before,

.bs-tooltip-auto[x-placement^="left"] .arrow::before {

    left: 0;

    border-width: 0.4rem 0 0.4rem 0.4rem;

    border-left-color: #000;

}



.tooltip-inner {

    max-width: 200px;

    padding: 0.25rem 0.5rem;

    color: #fff;

    text-align: center;

    background-color: #000;

    border-radius: 0.75rem;

}



.popover {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1060;

    display: block;

    max-width: 276px;

    font-family: "Roboto", 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;

    word-spacing: normal;

    white-space: normal;

    line-break: auto;

    font-size: 0.765625rem;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 0.3rem;

}

.popover .arrow {

    position: absolute;

    display: block;

    width: 1rem;

    height: 0.5rem;

    margin: 0 0.3rem;

}

.popover .arrow::before,

.popover .arrow::after {

    position: absolute;

    display: block;

    content: "";

    border-color: transparent;

    border-style: solid;

}



.bs-popover-top,

.bs-popover-auto[x-placement^="top"] {

    margin-bottom: 0.5rem;

}

.bs-popover-top > .arrow,

.bs-popover-auto[x-placement^="top"] > .arrow {

    bottom: calc((0.5rem + 1px) * -1);

}

.bs-popover-top > .arrow::before,

.bs-popover-auto[x-placement^="top"] > .arrow::before {

    bottom: 0;

    border-width: 0.5rem 0.5rem 0;

    border-top-color: rgba(0, 0, 0, 0.25);

}

.bs-popover-top > .arrow::after,

.bs-popover-auto[x-placement^="top"] > .arrow::after {

    bottom: 1px;

    border-width: 0.5rem 0.5rem 0;

    border-top-color: #fff;

}



.bs-popover-right,

.bs-popover-auto[x-placement^="right"] {

    margin-left: 0.5rem;

}

.bs-popover-right > .arrow,

.bs-popover-auto[x-placement^="right"] > .arrow {

    left: calc((0.5rem + 1px) * -1);

    width: 0.5rem;

    height: 1rem;

    margin: 0.3rem 0;

}

.bs-popover-right > .arrow::before,

.bs-popover-auto[x-placement^="right"] > .arrow::before {

    left: 0;

    border-width: 0.5rem 0.5rem 0.5rem 0;

    border-right-color: rgba(0, 0, 0, 0.25);

}

.bs-popover-right > .arrow::after,

.bs-popover-auto[x-placement^="right"] > .arrow::after {

    left: 1px;

    border-width: 0.5rem 0.5rem 0.5rem 0;

    border-right-color: #fff;

}



.bs-popover-bottom,

.bs-popover-auto[x-placement^="bottom"] {

    margin-top: 0.5rem;

}

.bs-popover-bottom > .arrow,

.bs-popover-auto[x-placement^="bottom"] > .arrow {

    top: calc((0.5rem + 1px) * -1);

}

.bs-popover-bottom > .arrow::before,

.bs-popover-auto[x-placement^="bottom"] > .arrow::before {

    top: 0;

    border-width: 0 0.5rem 0.5rem 0.5rem;

    border-bottom-color: rgba(0, 0, 0, 0.25);

}

.bs-popover-bottom > .arrow::after,

.bs-popover-auto[x-placement^="bottom"] > .arrow::after {

    top: 1px;

    border-width: 0 0.5rem 0.5rem 0.5rem;

    border-bottom-color: #fff;

}

.bs-popover-bottom .popover-header::before,

.bs-popover-auto[x-placement^="bottom"] .popover-header::before {

    position: absolute;

    top: 0;

    left: 50%;

    display: block;

    width: 1rem;

    margin-left: -0.5rem;

    content: "";

    border-bottom: 1px solid #f7f7f7;

}



.bs-popover-left,

.bs-popover-auto[x-placement^="left"] {

    margin-right: 0.5rem;

}

.bs-popover-left > .arrow,

.bs-popover-auto[x-placement^="left"] > .arrow {

    right: calc((0.5rem + 1px) * -1);

    width: 0.5rem;

    height: 1rem;

    margin: 0.3rem 0;

}

.bs-popover-left > .arrow::before,

.bs-popover-auto[x-placement^="left"] > .arrow::before {

    right: 0;

    border-width: 0.5rem 0 0.5rem 0.5rem;

    border-left-color: rgba(0, 0, 0, 0.25);

}

.bs-popover-left > .arrow::after,

.bs-popover-auto[x-placement^="left"] > .arrow::after {

    right: 1px;

    border-width: 0.5rem 0 0.5rem 0.5rem;

    border-left-color: #fff;

}



.popover-header {

    padding: 0.5rem 0.75rem;

    margin-bottom: 0;

    font-size: 0.875rem;

    color: #3d4465;

    background-color: #f7f7f7;

    border-bottom: 1px solid #ebebeb;

    border-top-left-radius: calc(0.3rem - 1px);

    border-top-right-radius: calc(0.3rem - 1px);

}

.popover-header:empty {

    display: none;

}



.popover-body {

    padding: 0.5rem 0.75rem;

    color: #7e7e7e;

}



.carousel {

    position: relative;

}



.carousel.pointer-event {

    touch-action: pan-y;

}



.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.carousel-inner::after {

    display: block;

    clear: both;

    content: "";

}



.carousel-item {

    position: relative;

    display: none;

    float: left;

    width: 100%;

    margin-right: -100%;

    backface-visibility: hidden;

    transition: transform 0.6s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

    .carousel-item {

        transition: none;

    }

}



.carousel-item.active,

.carousel-item-next,

.carousel-item-prev {

    display: block;

}



.carousel-item-next:not(.carousel-item-left),

.active.carousel-item-right {

    transform: translateX(100%);

}



.carousel-item-prev:not(.carousel-item-right),

.active.carousel-item-left {

    transform: translateX(-100%);

}



.carousel-fade .carousel-item {

    opacity: 0;

    transition-property: opacity;

    transform: none;

}

.carousel-fade .carousel-item.active,

.carousel-fade .carousel-item-next.carousel-item-left,

.carousel-fade .carousel-item-prev.carousel-item-right {

    z-index: 1;

    opacity: 1;

}

.carousel-fade .active.carousel-item-left,

.carousel-fade .active.carousel-item-right {

    z-index: 0;

    opacity: 0;

    transition: 0s 0.6s opacity;

}

@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-left,

    .carousel-fade .active.carousel-item-right {

        transition: none;

    }

}



.carousel-control-prev,

.carousel-control-next {

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 15%;

    color: #fff;

    text-align: center;

    opacity: 0.5;

    transition: opacity 0.15s ease;

}

@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,

    .carousel-control-next {

        transition: none;

    }

}

.carousel-control-prev:hover,

.carousel-control-prev:focus,

.carousel-control-next:hover,

.carousel-control-next:focus {

    color: #fff;

    text-decoration: none;

    outline: 0;

    opacity: 0.9;

}



.carousel-control-prev {

    left: 0;

}



.carousel-control-next {

    right: 0;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

    display: inline-block;

    width: 20px;

    height: 20px;

    background: no-repeat 50% / 100% 100%;

}



.carousel-control-prev-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");

}



.carousel-control-next-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");

}



.carousel-indicators {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 15;

    display: flex;

    justify-content: center;

    padding-left: 0;

    margin-right: 15%;

    margin-left: 15%;

    list-style: none;

}

.carousel-indicators li {

    box-sizing: content-box;

    flex: 0 1 auto;

    width: 30px;

    height: 3px;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #fff;

    background-clip: padding-box;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: 0.5;

    transition: opacity 0.6s ease;

}

@media (prefers-reduced-motion: reduce) {

    .carousel-indicators li {

        transition: none;

    }

}

.carousel-indicators .active {

    opacity: 1;

}



.carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 20px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

}



@keyframes spinner-border {

    to {

        transform: rotate(360deg);

    }

}

.spinner-border {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    vertical-align: text-bottom;

    border: 0.25em solid currentColor;

    border-right-color: transparent;

    border-radius: 50%;

    animation: spinner-border 0.75s linear infinite;

}



.spinner-border-sm {

    width: 1rem;

    height: 1rem;

    border-width: 0.2em;

}



@keyframes spinner-grow {

    0% {

        transform: scale(0);

    }

    50% {

        opacity: 1;

    }

}

.spinner-grow {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    vertical-align: text-bottom;

    background-color: currentColor;

    border-radius: 50%;

    opacity: 0;

    animation: spinner-grow 0.75s linear infinite;

}



.spinner-grow-sm {

    width: 1rem;

    height: 1rem;

}



.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;

}



.bg-primary {

    background-color: #077c23 !important;

}



a.bg-primary:hover,

a.bg-primary:focus,

button.bg-primary:hover,

button.bg-primary:focus {

    background-color: #077c23 !important;

}



.bg-secondary {

    background-color: #036111 !important;

}



a.bg-secondary:hover,

a.bg-secondary:focus,

button.bg-secondary:hover,

button.bg-secondary:focus {

    background-color: #4d1296 !important;

}



.bg-success {

    background-color: #68cf29 !important;

}



a.bg-success:hover,

a.bg-success:focus,

button.bg-success:hover,

button.bg-success:focus {

    background-color: #53a421 !important;

}



.bg-info {

    background-color: #51a6f5 !important;

}



a.bg-info:hover,

a.bg-info:focus,

button.bg-info:hover,

button.bg-info:focus {

    background-color: #218df2 !important;

}



.bg-warning {

    background-color: #ffab2d !important;

}



a.bg-warning:hover,

a.bg-warning:focus,

button.bg-warning:hover,

button.bg-warning:focus {

    background-color: #f99500 !important;

}



.bg-danger {

    background-color: #ff4c41 !important;

}



a.bg-danger:hover,

a.bg-danger:focus,

button.bg-danger:hover,

button.bg-danger:focus {

    background-color: #ff1c0e !important;

}



.bg-light {

    background-color: #f7f7f7 !important;

}



a.bg-light:hover,

a.bg-light:focus,

button.bg-light:hover,

button.bg-light:focus {

    background-color: #dedede !important;

}



.bg-dark {

    background-color: #6e6e6e !important;

}



a.bg-dark:hover,

a.bg-dark:focus,

button.bg-dark:hover,

button.bg-dark:focus {

    background-color: #555555 !important;

}



.bg-white {

    background-color: #fff !important;

}



.bg-transparent {

    background-color: transparent !important;

}



.border {

    border: 1px solid #eeeeee !important;

}



.border-top {

    border-top: 1px solid #eeeeee !important;

}



.border-right {

    border-right: 1px solid #eeeeee !important;

}



.border-bottom {

    border-bottom: 1px solid #eeeeee !important;

}



.border-left {

    border-left: 1px solid #eeeeee !important;

}



.border-0 {

    border: 0 !important;

}



.border-top-0 {

    border-top: 0 !important;

}



.border-right-0 {

    border-right: 0 !important;

}



.border-bottom-0 {

    border-bottom: 0 !important;

}



.border-left-0 {

    border-left: 0 !important;

}



.border-primary {

    border-color: #077c23 !important;

}



.border-secondary {

    border-color: #036111 !important;

}



.border-success {

    border-color: #68cf29 !important;

}



.border-info {

    border-color: #51a6f5 !important;

}



.border-warning {

    border-color: #ffab2d !important;

}



.border-danger {

    border-color: #ff4c41 !important;

}



.border-light {

    border-color: #f7f7f7 !important;

}



.border-dark {

    border-color: #6e6e6e !important;

}



.border-white {

    border-color: #fff !important;

}



.rounded-sm {

    border-radius: 0.2rem !important;

}



.rounded {

    border-radius: 0.75rem !important;

}



.rounded-top {

    border-top-left-radius: 0.75rem !important;

    border-top-right-radius: 0.75rem !important;

}



.rounded-right {

    border-top-right-radius: 0.75rem !important;

    border-bottom-right-radius: 0.75rem !important;

}



.rounded-bottom {

    border-bottom-right-radius: 0.75rem !important;

    border-bottom-left-radius: 0.75rem !important;

}



.rounded-left {

    border-top-left-radius: 0.75rem !important;

    border-bottom-left-radius: 0.75rem !important;

}



.rounded-lg {

    border-radius: 0.3rem !important;

}



.rounded-circle {

    border-radius: 50% !important;

}



.rounded-pill {

    border-radius: 50rem !important;

}



.rounded-0 {

    border-radius: 0 !important;

}



.clearfix::after {

    display: block;

    clear: both;

    content: "";

}



.d-none {

    display: none !important;

}



.d-inline {

    display: inline !important;

}



.d-inline-block {

    display: inline-block !important;

}



.d-block {

    display: block !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;

}



@media (min-width: 576px) {

    .d-sm-none {

        display: none !important;

    }



    .d-sm-inline {

        display: inline !important;

    }



    .d-sm-inline-block {

        display: inline-block !important;

    }



    .d-sm-block {

        display: block !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;

    }

}

@media (min-width: 768px) {

    .d-md-none {

        display: none !important;

    }



    .d-md-inline {

        display: inline !important;

    }



    .d-md-inline-block {

        display: inline-block !important;

    }



    .d-md-block {

        display: block !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;

    }

}

@media (min-width: 992px) {

    .d-lg-none {

        display: none !important;

    }



    .d-lg-inline {

        display: inline !important;

    }



    .d-lg-inline-block {

        display: inline-block !important;

    }



    .d-lg-block {

        display: block !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;

    }

}

@media (min-width: 1200px) {

    .d-xl-none {

        display: none !important;

    }



    .d-xl-inline {

        display: inline !important;

    }



    .d-xl-inline-block {

        display: inline-block !important;

    }



    .d-xl-block {

        display: block !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;

    }

}

@media (min-width: 1440) {

    .d-xxl-none {

        display: none !important;

    }



    .d-xxl-inline {

        display: inline !important;

    }



    .d-xxl-inline-block {

        display: inline-block !important;

    }



    .d-xxl-block {

        display: block !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;

    }

}

@media print {

    .d-print-none {

        display: none !important;

    }



    .d-print-inline {

        display: inline !important;

    }



    .d-print-inline-block {

        display: inline-block !important;

    }



    .d-print-block {

        display: block !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;

    }

}

.embed-responsive {

    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    overflow: hidden;

}

.embed-responsive::before {

    display: block;

    content: "";

}

.embed-responsive .embed-responsive-item,

.embed-responsive iframe,

.embed-responsive embed,

.embed-responsive object,

.embed-responsive video {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}



.embed-responsive-21by9::before {

    padding-top: 42.8571428571%;

}



.embed-responsive-16by9::before {

    padding-top: 56.25%;

}



.embed-responsive-4by3::before {

    padding-top: 75%;

}



.embed-responsive-1by1::before {

    padding-top: 100%;

}



.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-wrap {

    flex-wrap: wrap !important;

}



.flex-nowrap {

    flex-wrap: nowrap !important;

}



.flex-wrap-reverse {

    flex-wrap: wrap-reverse !important;

}



.flex-fill {

    flex: 1 1 auto !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;

}



.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;

}



.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;

}



@media (min-width: 576px) {

    .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-wrap {

        flex-wrap: wrap !important;

    }



    .flex-sm-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-sm-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .flex-sm-fill {

        flex: 1 1 auto !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;

    }



    .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;

    }



    .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;

    }

}

@media (min-width: 768px) {

    .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-wrap {

        flex-wrap: wrap !important;

    }



    .flex-md-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-md-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .flex-md-fill {

        flex: 1 1 auto !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;

    }



    .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;

    }



    .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;

    }

}

@media (min-width: 992px) {

    .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-wrap {

        flex-wrap: wrap !important;

    }



    .flex-lg-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-lg-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .flex-lg-fill {

        flex: 1 1 auto !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;

    }



    .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;

    }



    .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;

    }

}

@media (min-width: 1200px) {

    .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-wrap {

        flex-wrap: wrap !important;

    }



    .flex-xl-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-xl-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .flex-xl-fill {

        flex: 1 1 auto !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;

    }



    .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;

    }



    .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;

    }

}

@media (min-width: 1440) {

    .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-wrap {

        flex-wrap: wrap !important;

    }



    .flex-xxl-nowrap {

        flex-wrap: nowrap !important;

    }



    .flex-xxl-wrap-reverse {

        flex-wrap: wrap-reverse !important;

    }



    .flex-xxl-fill {

        flex: 1 1 auto !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;

    }



    .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;

    }



    .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;

    }

}

.float-left {

    float: left !important;

}



.float-right {

    float: right !important;

}



.float-none {

    float: none !important;

}



@media (min-width: 576px) {

    .float-sm-left {

        float: left !important;

    }



    .float-sm-right {

        float: right !important;

    }



    .float-sm-none {

        float: none !important;

    }

}

@media (min-width: 768px) {

    .float-md-left {

        float: left !important;

    }



    .float-md-right {

        float: right !important;

    }



    .float-md-none {

        float: none !important;

    }

}

@media (min-width: 992px) {

    .float-lg-left {

        float: left !important;

    }



    .float-lg-right {

        float: right !important;

    }



    .float-lg-none {

        float: none !important;

    }

}

@media (min-width: 1200px) {

    .float-xl-left {

        float: left !important;

    }



    .float-xl-right {

        float: right !important;

    }



    .float-xl-none {

        float: none !important;

    }

}

@media (min-width: 1440) {

    .float-xxl-left {

        float: left !important;

    }



    .float-xxl-right {

        float: right !important;

    }



    .float-xxl-none {

        float: none !important;

    }

}

.overflow-auto {

    overflow: auto !important;

}



.overflow-hidden {

    overflow: hidden !important;

}



.position-static {

    position: static !important;

}



.position-relative {

    position: relative !important;

}



.position-absolute {

    position: absolute !important;

}



.position-fixed {

    position: fixed !important;

}



.position-sticky {

    position: sticky !important;

}



.fixed-top {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030;

}



.fixed-bottom {

    position: fixed;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1030;

}



@supports (position: sticky) {

    .sticky-top {

        position: sticky;

        top: 0;

        z-index: 1020;

    }

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    width: auto;

    height: auto;

    overflow: visible;

    clip: auto;

    white-space: normal;

}



.shadow-sm {

    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

}



.shadow {

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}



.shadow-lg {

    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

}



.shadow-none {

    box-shadow: none !important;

}



.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;

}



.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;

}



.mw-100 {

    max-width: 100% !important;

}



.mh-100 {

    max-height: 100% !important;

}



.min-vw-100 {

    min-width: 100vw !important;

}



.min-vh-100 {

    min-height: 100vh !important;

}



.vw-100 {

    width: 100vw !important;

}



.vh-100 {

    height: 100vh !important;

}



.stretched-link::after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    pointer-events: auto;

    content: "";

    background-color: rgba(0, 0, 0, 0);

}



.m-0 {

    margin: 0 !important;

}



.mt-0,

.my-0 {

    margin-top: 0 !important;

}



.mr-0,

.mx-0 {

    margin-right: 0 !important;

}



.mb-0,

.my-0 {

    margin-bottom: 0 !important;

}



.ml-0,

.mx-0 {

    margin-left: 0 !important;

}



.m-1 {

    margin: 0.25rem !important;

}



.mt-1,

.my-1 {

    margin-top: 0.25rem !important;

}



.mr-1,

.mx-1 {

    margin-right: 0.25rem !important;

}



.mb-1,

.my-1 {

    margin-bottom: 0.25rem !important;

}



.ml-1,

.mx-1 {

    margin-left: 0.25rem !important;

}



.m-2 {

    margin: 0.5rem !important;

}



.mt-2,

.my-2 {

    margin-top: 0.5rem !important;

}



.mr-2,

.mx-2 {

    margin-right: 0.5rem !important;

}



.mb-2,

.my-2 {

    margin-bottom: 0.5rem !important;

}



.ml-2,

.mx-2 {

    margin-left: 0.5rem !important;

}



.m-3 {

    margin: 1rem !important;

}



.mt-3,

.my-3 {

    margin-top: 1rem !important;

}



.mr-3,

.mx-3 {

    margin-right: 1rem !important;

}



.mb-3,

.my-3 {

    margin-bottom: 1rem !important;

}



.ml-3,

.mx-3 {

    margin-left: 1rem !important;

}



.m-4 {

    margin: 1.5rem !important;

}



.mt-4,

.my-4 {

    margin-top: 1.5rem !important;

}



.mr-4,

.mx-4 {

    margin-right: 1.5rem !important;

}



.mb-4,

.my-4 {

    margin-bottom: 1.5rem !important;

}



.ml-4,

.mx-4 {

    margin-left: 1.5rem !important;

}



.m-5 {

    margin: 3rem !important;

}



.mt-5,

.my-5 {

    margin-top: 3rem !important;

}



.mr-5,

.mx-5 {

    margin-right: 3rem !important;

}



.mb-5,

.my-5 {

    margin-bottom: 3rem !important;

}



.ml-5,

.mx-5 {

    margin-left: 3rem !important;

}



.p-0 {

    padding: 0 !important;

}



.pt-0,

.py-0 {

    padding-top: 0 !important;

}



.pr-0,

.px-0 {

    padding-right: 0 !important;

}



.pb-0,

.py-0 {

    padding-bottom: 0 !important;

}



.pl-0,

.px-0 {

    padding-left: 0 !important;

}



.p-1 {

    padding: 0.25rem !important;

}



.pt-1,

.py-1 {

    padding-top: 0.25rem !important;

}



.pr-1,

.px-1 {

    padding-right: 0.25rem !important;

}



.pb-1,

.py-1 {

    padding-bottom: 0.25rem !important;

}



.pl-1,

.px-1 {

    padding-left: 0.25rem !important;

}



.p-2 {

    padding: 0.5rem !important;

}



.pt-2,

.py-2 {

    padding-top: 0.5rem !important;

}



.pr-2,

.px-2 {

    padding-right: 0.5rem !important;

}



.pb-2,

.py-2 {

    padding-bottom: 0.5rem !important;

}



.pl-2,

.px-2 {

    padding-left: 0.5rem !important;

}



.p-3 {

    padding: 1rem !important;

}



.pt-3,

.py-3 {

    padding-top: 1rem !important;

}



.pr-3,

.px-3 {

    padding-right: 1rem !important;

}



.pb-3,

.py-3 {

    padding-bottom: 1rem !important;

}



.pl-3,

.px-3 {

    padding-left: 1rem !important;

}



.p-4 {

    padding: 1.5rem !important;

}



.pt-4,

.py-4 {

    padding-top: 1.5rem !important;

}



.pr-4,

.px-4 {

    padding-right: 1.5rem !important;

}



.pb-4,

.py-4 {

    padding-bottom: 1.5rem !important;

}



.pl-4,

.px-4 {

    padding-left: 1.5rem !important;

}



.p-5 {

    padding: 3rem !important;

}



.pt-5,

.py-5 {

    padding-top: 3rem !important;

}



.pr-5,

.px-5 {

    padding-right: 3rem !important;

}



.pb-5,

.py-5 {

    padding-bottom: 3rem !important;

}



.pl-5,

.px-5 {

    padding-left: 3rem !important;

}



.m-n1 {

    margin: -0.25rem !important;

}



.mt-n1,

.my-n1 {

    margin-top: -0.25rem !important;

}



.mr-n1,

.mx-n1 {

    margin-right: -0.25rem !important;

}



.mb-n1,

.my-n1 {

    margin-bottom: -0.25rem !important;

}



.ml-n1,

.mx-n1 {

    margin-left: -0.25rem !important;

}



.m-n2 {

    margin: -0.5rem !important;

}



.mt-n2,

.my-n2 {

    margin-top: -0.5rem !important;

}



.mr-n2,

.mx-n2 {

    margin-right: -0.5rem !important;

}



.mb-n2,

.my-n2 {

    margin-bottom: -0.5rem !important;

}



.ml-n2,

.mx-n2 {

    margin-left: -0.5rem !important;

}



.m-n3 {

    margin: -1rem !important;

}



.mt-n3,

.my-n3 {

    margin-top: -1rem !important;

}



.mr-n3,

.mx-n3 {

    margin-right: -1rem !important;

}



.mb-n3,

.my-n3 {

    margin-bottom: -1rem !important;

}



.ml-n3,

.mx-n3 {

    margin-left: -1rem !important;

}



.m-n4 {

    margin: -1.5rem !important;

}



.mt-n4,

.my-n4 {

    margin-top: -1.5rem !important;

}



.mr-n4,

.mx-n4 {

    margin-right: -1.5rem !important;

}



.mb-n4,

.my-n4 {

    margin-bottom: -1.5rem !important;

}



.ml-n4,

.mx-n4 {

    margin-left: -1.5rem !important;

}



.m-n5 {

    margin: -3rem !important;

}



.mt-n5,

.my-n5 {

    margin-top: -3rem !important;

}



.mr-n5,

.mx-n5 {

    margin-right: -3rem !important;

}



.mb-n5,

.my-n5 {

    margin-bottom: -3rem !important;

}



.ml-n5,

.mx-n5 {

    margin-left: -3rem !important;

}



.m-auto {

    margin: auto !important;

}



.mt-auto,

.my-auto {

    margin-top: auto !important;

}



.mr-auto,

.mx-auto {

    margin-right: auto !important;

}



.mb-auto,

.my-auto {

    margin-bottom: auto !important;

}



.ml-auto,

.mx-auto {

    margin-left: auto !important;

}



@media (min-width: 576px) {

    .m-sm-0 {

        margin: 0 !important;

    }



    .mt-sm-0,

    .my-sm-0 {

        margin-top: 0 !important;

    }



    .mr-sm-0,

    .mx-sm-0 {

        margin-right: 0 !important;

    }



    .mb-sm-0,

    .my-sm-0 {

        margin-bottom: 0 !important;

    }



    .ml-sm-0,

    .mx-sm-0 {

        margin-left: 0 !important;

    }



    .m-sm-1 {

        margin: 0.25rem !important;

    }



    .mt-sm-1,

    .my-sm-1 {

        margin-top: 0.25rem !important;

    }



    .mr-sm-1,

    .mx-sm-1 {

        margin-right: 0.25rem !important;

    }



    .mb-sm-1,

    .my-sm-1 {

        margin-bottom: 0.25rem !important;

    }



    .ml-sm-1,

    .mx-sm-1 {

        margin-left: 0.25rem !important;

    }



    .m-sm-2 {

        margin: 0.5rem !important;

    }



    .mt-sm-2,

    .my-sm-2 {

        margin-top: 0.5rem !important;

    }



    .mr-sm-2,

    .mx-sm-2 {

        margin-right: 0.5rem !important;

    }



    .mb-sm-2,

    .my-sm-2 {

        margin-bottom: 0.5rem !important;

    }



    .ml-sm-2,

    .mx-sm-2 {

        margin-left: 0.5rem !important;

    }



    .m-sm-3 {

        margin: 1rem !important;

    }



    .mt-sm-3,

    .my-sm-3 {

        margin-top: 1rem !important;

    }



    .mr-sm-3,

    .mx-sm-3 {

        margin-right: 1rem !important;

    }



    .mb-sm-3,

    .my-sm-3 {

        margin-bottom: 1rem !important;

    }



    .ml-sm-3,

    .mx-sm-3 {

        margin-left: 1rem !important;

    }



    .m-sm-4 {

        margin: 1.5rem !important;

    }



    .mt-sm-4,

    .my-sm-4 {

        margin-top: 1.5rem !important;

    }



    .mr-sm-4,

    .mx-sm-4 {

        margin-right: 1.5rem !important;

    }



    .mb-sm-4,

    .my-sm-4 {

        margin-bottom: 1.5rem !important;

    }



    .ml-sm-4,

    .mx-sm-4 {

        margin-left: 1.5rem !important;

    }



    .m-sm-5 {

        margin: 3rem !important;

    }



    .mt-sm-5,

    .my-sm-5 {

        margin-top: 3rem !important;

    }



    .mr-sm-5,

    .mx-sm-5 {

        margin-right: 3rem !important;

    }



    .mb-sm-5,

    .my-sm-5 {

        margin-bottom: 3rem !important;

    }



    .ml-sm-5,

    .mx-sm-5 {

        margin-left: 3rem !important;

    }



    .p-sm-0 {

        padding: 0 !important;

    }



    .pt-sm-0,

    .py-sm-0 {

        padding-top: 0 !important;

    }



    .pr-sm-0,

    .px-sm-0 {

        padding-right: 0 !important;

    }



    .pb-sm-0,

    .py-sm-0 {

        padding-bottom: 0 !important;

    }



    .pl-sm-0,

    .px-sm-0 {

        padding-left: 0 !important;

    }



    .p-sm-1 {

        padding: 0.25rem !important;

    }



    .pt-sm-1,

    .py-sm-1 {

        padding-top: 0.25rem !important;

    }



    .pr-sm-1,

    .px-sm-1 {

        padding-right: 0.25rem !important;

    }



    .pb-sm-1,

    .py-sm-1 {

        padding-bottom: 0.25rem !important;

    }



    .pl-sm-1,

    .px-sm-1 {

        padding-left: 0.25rem !important;

    }



    .p-sm-2 {

        padding: 0.5rem !important;

    }



    .pt-sm-2,

    .py-sm-2 {

        padding-top: 0.5rem !important;

    }



    .pr-sm-2,

    .px-sm-2 {

        padding-right: 0.5rem !important;

    }



    .pb-sm-2,

    .py-sm-2 {

        padding-bottom: 0.5rem !important;

    }



    .pl-sm-2,

    .px-sm-2 {

        padding-left: 0.5rem !important;

    }



    .p-sm-3 {

        padding: 1rem !important;

    }



    .pt-sm-3,

    .py-sm-3 {

        padding-top: 1rem !important;

    }



    .pr-sm-3,

    .px-sm-3 {

        padding-right: 1rem !important;

    }



    .pb-sm-3,

    .py-sm-3 {

        padding-bottom: 1rem !important;

    }



    .pl-sm-3,

    .px-sm-3 {

        padding-left: 1rem !important;

    }



    .p-sm-4 {

        padding: 1.5rem !important;

    }



    .pt-sm-4,

    .py-sm-4 {

        padding-top: 1.5rem !important;

    }



    .pr-sm-4,

    .px-sm-4 {

        padding-right: 1.5rem !important;

    }



    .pb-sm-4,

    .py-sm-4 {

        padding-bottom: 1.5rem !important;

    }



    .pl-sm-4,

    .px-sm-4 {

        padding-left: 1.5rem !important;

    }



    .p-sm-5 {

        padding: 3rem !important;

    }



    .pt-sm-5,

    .py-sm-5 {

        padding-top: 3rem !important;

    }



    .pr-sm-5,

    .px-sm-5 {

        padding-right: 3rem !important;

    }



    .pb-sm-5,

    .py-sm-5 {

        padding-bottom: 3rem !important;

    }



    .pl-sm-5,

    .px-sm-5 {

        padding-left: 3rem !important;

    }



    .m-sm-n1 {

        margin: -0.25rem !important;

    }



    .mt-sm-n1,

    .my-sm-n1 {

        margin-top: -0.25rem !important;

    }



    .mr-sm-n1,

    .mx-sm-n1 {

        margin-right: -0.25rem !important;

    }



    .mb-sm-n1,

    .my-sm-n1 {

        margin-bottom: -0.25rem !important;

    }



    .ml-sm-n1,

    .mx-sm-n1 {

        margin-left: -0.25rem !important;

    }



    .m-sm-n2 {

        margin: -0.5rem !important;

    }



    .mt-sm-n2,

    .my-sm-n2 {

        margin-top: -0.5rem !important;

    }



    .mr-sm-n2,

    .mx-sm-n2 {

        margin-right: -0.5rem !important;

    }



    .mb-sm-n2,

    .my-sm-n2 {

        margin-bottom: -0.5rem !important;

    }



    .ml-sm-n2,

    .mx-sm-n2 {

        margin-left: -0.5rem !important;

    }



    .m-sm-n3 {

        margin: -1rem !important;

    }



    .mt-sm-n3,

    .my-sm-n3 {

        margin-top: -1rem !important;

    }



    .mr-sm-n3,

    .mx-sm-n3 {

        margin-right: -1rem !important;

    }



    .mb-sm-n3,

    .my-sm-n3 {

        margin-bottom: -1rem !important;

    }



    .ml-sm-n3,

    .mx-sm-n3 {

        margin-left: -1rem !important;

    }



    .m-sm-n4 {

        margin: -1.5rem !important;

    }



    .mt-sm-n4,

    .my-sm-n4 {

        margin-top: -1.5rem !important;

    }



    .mr-sm-n4,

    .mx-sm-n4 {

        margin-right: -1.5rem !important;

    }



    .mb-sm-n4,

    .my-sm-n4 {

        margin-bottom: -1.5rem !important;

    }



    .ml-sm-n4,

    .mx-sm-n4 {

        margin-left: -1.5rem !important;

    }



    .m-sm-n5 {

        margin: -3rem !important;

    }



    .mt-sm-n5,

    .my-sm-n5 {

        margin-top: -3rem !important;

    }



    .mr-sm-n5,

    .mx-sm-n5 {

        margin-right: -3rem !important;

    }



    .mb-sm-n5,

    .my-sm-n5 {

        margin-bottom: -3rem !important;

    }



    .ml-sm-n5,

    .mx-sm-n5 {

        margin-left: -3rem !important;

    }



    .m-sm-auto {

        margin: auto !important;

    }



    .mt-sm-auto,

    .my-sm-auto {

        margin-top: auto !important;

    }



    .mr-sm-auto,

    .mx-sm-auto {

        margin-right: auto !important;

    }



    .mb-sm-auto,

    .my-sm-auto {

        margin-bottom: auto !important;

    }



    .ml-sm-auto,

    .mx-sm-auto {

        margin-left: auto !important;

    }

}

@media (min-width: 768px) {

    .m-md-0 {

        margin: 0 !important;

    }



    .mt-md-0,

    .my-md-0 {

        margin-top: 0 !important;

    }



    .mr-md-0,

    .mx-md-0 {

        margin-right: 0 !important;

    }



    .mb-md-0,

    .my-md-0 {

        margin-bottom: 0 !important;

    }



    .ml-md-0,

    .mx-md-0 {

        margin-left: 0 !important;

    }



    .m-md-1 {

        margin: 0.25rem !important;

    }



    .mt-md-1,

    .my-md-1 {

        margin-top: 0.25rem !important;

    }



    .mr-md-1,

    .mx-md-1 {

        margin-right: 0.25rem !important;

    }



    .mb-md-1,

    .my-md-1 {

        margin-bottom: 0.25rem !important;

    }



    .ml-md-1,

    .mx-md-1 {

        margin-left: 0.25rem !important;

    }



    .m-md-2 {

        margin: 0.5rem !important;

    }



    .mt-md-2,

    .my-md-2 {

        margin-top: 0.5rem !important;

    }



    .mr-md-2,

    .mx-md-2 {

        margin-right: 0.5rem !important;

    }



    .mb-md-2,

    .my-md-2 {

        margin-bottom: 0.5rem !important;

    }



    .ml-md-2,

    .mx-md-2 {

        margin-left: 0.5rem !important;

    }



    .m-md-3 {

        margin: 1rem !important;

    }



    .mt-md-3,

    .my-md-3 {

        margin-top: 1rem !important;

    }



    .mr-md-3,

    .mx-md-3 {

        margin-right: 1rem !important;

    }



    .mb-md-3,

    .my-md-3 {

        margin-bottom: 1rem !important;

    }



    .ml-md-3,

    .mx-md-3 {

        margin-left: 1rem !important;

    }



    .m-md-4 {

        margin: 1.5rem !important;

    }



    .mt-md-4,

    .my-md-4 {

        margin-top: 1.5rem !important;

    }



    .mr-md-4,

    .mx-md-4 {

        margin-right: 1.5rem !important;

    }



    .mb-md-4,

    .my-md-4 {

        margin-bottom: 1.5rem !important;

    }



    .ml-md-4,

    .mx-md-4 {

        margin-left: 1.5rem !important;

    }



    .m-md-5 {

        margin: 3rem !important;

    }



    .mt-md-5,

    .my-md-5 {

        margin-top: 3rem !important;

    }



    .mr-md-5,

    .mx-md-5 {

        margin-right: 3rem !important;

    }



    .mb-md-5,

    .my-md-5 {

        margin-bottom: 3rem !important;

    }



    .ml-md-5,

    .mx-md-5 {

        margin-left: 3rem !important;

    }



    .p-md-0 {

        padding: 0 !important;

    }



    .pt-md-0,

    .py-md-0 {

        padding-top: 0 !important;

    }



    .pr-md-0,

    .px-md-0 {

        padding-right: 0 !important;

    }



    .pb-md-0,

    .py-md-0 {

        padding-bottom: 0 !important;

    }



    .pl-md-0,

    .px-md-0 {

        padding-left: 0 !important;

    }



    .p-md-1 {

        padding: 0.25rem !important;

    }



    .pt-md-1,

    .py-md-1 {

        padding-top: 0.25rem !important;

    }



    .pr-md-1,

    .px-md-1 {

        padding-right: 0.25rem !important;

    }



    .pb-md-1,

    .py-md-1 {

        padding-bottom: 0.25rem !important;

    }



    .pl-md-1,

    .px-md-1 {

        padding-left: 0.25rem !important;

    }



    .p-md-2 {

        padding: 0.5rem !important;

    }



    .pt-md-2,

    .py-md-2 {

        padding-top: 0.5rem !important;

    }



    .pr-md-2,

    .px-md-2 {

        padding-right: 0.5rem !important;

    }



    .pb-md-2,

    .py-md-2 {

        padding-bottom: 0.5rem !important;

    }



    .pl-md-2,

    .px-md-2 {

        padding-left: 0.5rem !important;

    }



    .p-md-3 {

        padding: 1rem !important;

    }



    .pt-md-3,

    .py-md-3 {

        padding-top: 1rem !important;

    }



    .pr-md-3,

    .px-md-3 {

        padding-right: 1rem !important;

    }



    .pb-md-3,

    .py-md-3 {

        padding-bottom: 1rem !important;

    }



    .pl-md-3,

    .px-md-3 {

        padding-left: 1rem !important;

    }



    .p-md-4 {

        padding: 1.5rem !important;

    }



    .pt-md-4,

    .py-md-4 {

        padding-top: 1.5rem !important;

    }



    .pr-md-4,

    .px-md-4 {

        padding-right: 1.5rem !important;

    }



    .pb-md-4,

    .py-md-4 {

        padding-bottom: 1.5rem !important;

    }



    .pl-md-4,

    .px-md-4 {

        padding-left: 1.5rem !important;

    }



    .p-md-5 {

        padding: 3rem !important;

    }



    .pt-md-5,

    .py-md-5 {

        padding-top: 3rem !important;

    }



    .pr-md-5,

    .px-md-5 {

        padding-right: 3rem !important;

    }



    .pb-md-5,

    .py-md-5 {

        padding-bottom: 3rem !important;

    }



    .pl-md-5,

    .px-md-5 {

        padding-left: 3rem !important;

    }



    .m-md-n1 {

        margin: -0.25rem !important;

    }



    .mt-md-n1,

    .my-md-n1 {

        margin-top: -0.25rem !important;

    }



    .mr-md-n1,

    .mx-md-n1 {

        margin-right: -0.25rem !important;

    }



    .mb-md-n1,

    .my-md-n1 {

        margin-bottom: -0.25rem !important;

    }



    .ml-md-n1,

    .mx-md-n1 {

        margin-left: -0.25rem !important;

    }



    .m-md-n2 {

        margin: -0.5rem !important;

    }



    .mt-md-n2,

    .my-md-n2 {

        margin-top: -0.5rem !important;

    }



    .mr-md-n2,

    .mx-md-n2 {

        margin-right: -0.5rem !important;

    }



    .mb-md-n2,

    .my-md-n2 {

        margin-bottom: -0.5rem !important;

    }



    .ml-md-n2,

    .mx-md-n2 {

        margin-left: -0.5rem !important;

    }



    .m-md-n3 {

        margin: -1rem !important;

    }



    .mt-md-n3,

    .my-md-n3 {

        margin-top: -1rem !important;

    }



    .mr-md-n3,

    .mx-md-n3 {

        margin-right: -1rem !important;

    }



    .mb-md-n3,

    .my-md-n3 {

        margin-bottom: -1rem !important;

    }



    .ml-md-n3,

    .mx-md-n3 {

        margin-left: -1rem !important;

    }



    .m-md-n4 {

        margin: -1.5rem !important;

    }



    .mt-md-n4,

    .my-md-n4 {

        margin-top: -1.5rem !important;

    }



    .mr-md-n4,

    .mx-md-n4 {

        margin-right: -1.5rem !important;

    }



    .mb-md-n4,

    .my-md-n4 {

        margin-bottom: -1.5rem !important;

    }



    .ml-md-n4,

    .mx-md-n4 {

        margin-left: -1.5rem !important;

    }



    .m-md-n5 {

        margin: -3rem !important;

    }



    .mt-md-n5,

    .my-md-n5 {

        margin-top: -3rem !important;

    }



    .mr-md-n5,

    .mx-md-n5 {

        margin-right: -3rem !important;

    }



    .mb-md-n5,

    .my-md-n5 {

        margin-bottom: -3rem !important;

    }



    .ml-md-n5,

    .mx-md-n5 {

        margin-left: -3rem !important;

    }



    .m-md-auto {

        margin: auto !important;

    }



    .mt-md-auto,

    .my-md-auto {

        margin-top: auto !important;

    }



    .mr-md-auto,

    .mx-md-auto {

        margin-right: auto !important;

    }



    .mb-md-auto,

    .my-md-auto {

        margin-bottom: auto !important;

    }



    .ml-md-auto,

    .mx-md-auto {

        margin-left: auto !important;

    }

}

@media (min-width: 992px) {

    .m-lg-0 {

        margin: 0 !important;

    }



    .mt-lg-0,

    .my-lg-0 {

        margin-top: 0 !important;

    }



    .mr-lg-0,

    .mx-lg-0 {

        margin-right: 0 !important;

    }



    .mb-lg-0,

    .my-lg-0 {

        margin-bottom: 0 !important;

    }



    .ml-lg-0,

    .mx-lg-0 {

        margin-left: 0 !important;

    }



    .m-lg-1 {

        margin: 0.25rem !important;

    }



    .mt-lg-1,

    .my-lg-1 {

        margin-top: 0.25rem !important;

    }



    .mr-lg-1,

    .mx-lg-1 {

        margin-right: 0.25rem !important;

    }



    .mb-lg-1,

    .my-lg-1 {

        margin-bottom: 0.25rem !important;

    }



    .ml-lg-1,

    .mx-lg-1 {

        margin-left: 0.25rem !important;

    }



    .m-lg-2 {

        margin: 0.5rem !important;

    }



    .mt-lg-2,

    .my-lg-2 {

        margin-top: 0.5rem !important;

    }



    .mr-lg-2,

    .mx-lg-2 {

        margin-right: 0.5rem !important;

    }



    .mb-lg-2,

    .my-lg-2 {

        margin-bottom: 0.5rem !important;

    }



    .ml-lg-2,

    .mx-lg-2 {

        margin-left: 0.5rem !important;

    }



    .m-lg-3 {

        margin: 1rem !important;

    }



    .mt-lg-3,

    .my-lg-3 {

        margin-top: 1rem !important;

    }



    .mr-lg-3,

    .mx-lg-3 {

        margin-right: 1rem !important;

    }



    .mb-lg-3,

    .my-lg-3 {

        margin-bottom: 1rem !important;

    }



    .ml-lg-3,

    .mx-lg-3 {

        margin-left: 1rem !important;

    }



    .m-lg-4 {

        margin: 1.5rem !important;

    }



    .mt-lg-4,

    .my-lg-4 {

        margin-top: 1.5rem !important;

    }



    .mr-lg-4,

    .mx-lg-4 {

        margin-right: 1.5rem !important;

    }



    .mb-lg-4,

    .my-lg-4 {

        margin-bottom: 1.5rem !important;

    }



    .ml-lg-4,

    .mx-lg-4 {

        margin-left: 1.5rem !important;

    }



    .m-lg-5 {

        margin: 3rem !important;

    }



    .mt-lg-5,

    .my-lg-5 {

        margin-top: 3rem !important;

    }



    .mr-lg-5,

    .mx-lg-5 {

        margin-right: 3rem !important;

    }



    .mb-lg-5,

    .my-lg-5 {

        margin-bottom: 3rem !important;

    }



    .ml-lg-5,

    .mx-lg-5 {

        margin-left: 3rem !important;

    }



    .p-lg-0 {

        padding: 0 !important;

    }



    .pt-lg-0,

    .py-lg-0 {

        padding-top: 0 !important;

    }



    .pr-lg-0,

    .px-lg-0 {

        padding-right: 0 !important;

    }



    .pb-lg-0,

    .py-lg-0 {

        padding-bottom: 0 !important;

    }



    .pl-lg-0,

    .px-lg-0 {

        padding-left: 0 !important;

    }



    .p-lg-1 {

        padding: 0.25rem !important;

    }



    .pt-lg-1,

    .py-lg-1 {

        padding-top: 0.25rem !important;

    }



    .pr-lg-1,

    .px-lg-1 {

        padding-right: 0.25rem !important;

    }



    .pb-lg-1,

    .py-lg-1 {

        padding-bottom: 0.25rem !important;

    }



    .pl-lg-1,

    .px-lg-1 {

        padding-left: 0.25rem !important;

    }



    .p-lg-2 {

        padding: 0.5rem !important;

    }



    .pt-lg-2,

    .py-lg-2 {

        padding-top: 0.5rem !important;

    }



    .pr-lg-2,

    .px-lg-2 {

        padding-right: 0.5rem !important;

    }



    .pb-lg-2,

    .py-lg-2 {

        padding-bottom: 0.5rem !important;

    }



    .pl-lg-2,

    .px-lg-2 {

        padding-left: 0.5rem !important;

    }



    .p-lg-3 {

        padding: 1rem !important;

    }



    .pt-lg-3,

    .py-lg-3 {

        padding-top: 1rem !important;

    }



    .pr-lg-3,

    .px-lg-3 {

        padding-right: 1rem !important;

    }



    .pb-lg-3,

    .py-lg-3 {

        padding-bottom: 1rem !important;

    }



    .pl-lg-3,

    .px-lg-3 {

        padding-left: 1rem !important;

    }



    .p-lg-4 {

        padding: 1.5rem !important;

    }



    .pt-lg-4,

    .py-lg-4 {

        padding-top: 1.5rem !important;

    }



    .pr-lg-4,

    .px-lg-4 {

        padding-right: 1.5rem !important;

    }



    .pb-lg-4,

    .py-lg-4 {

        padding-bottom: 1.5rem !important;

    }



    .pl-lg-4,

    .px-lg-4 {

        padding-left: 1.5rem !important;

    }



    .p-lg-5 {

        padding: 3rem !important;

    }



    .pt-lg-5,

    .py-lg-5 {

        padding-top: 3rem !important;

    }



    .pr-lg-5,

    .px-lg-5 {

        padding-right: 3rem !important;

    }



    .pb-lg-5,

    .py-lg-5 {

        padding-bottom: 3rem !important;

    }



    .pl-lg-5,

    .px-lg-5 {

        padding-left: 3rem !important;

    }



    .m-lg-n1 {

        margin: -0.25rem !important;

    }



    .mt-lg-n1,

    .my-lg-n1 {

        margin-top: -0.25rem !important;

    }



    .mr-lg-n1,

    .mx-lg-n1 {

        margin-right: -0.25rem !important;

    }



    .mb-lg-n1,

    .my-lg-n1 {

        margin-bottom: -0.25rem !important;

    }



    .ml-lg-n1,

    .mx-lg-n1 {

        margin-left: -0.25rem !important;

    }



    .m-lg-n2 {

        margin: -0.5rem !important;

    }



    .mt-lg-n2,

    .my-lg-n2 {

        margin-top: -0.5rem !important;

    }



    .mr-lg-n2,

    .mx-lg-n2 {

        margin-right: -0.5rem !important;

    }



    .mb-lg-n2,

    .my-lg-n2 {

        margin-bottom: -0.5rem !important;

    }



    .ml-lg-n2,

    .mx-lg-n2 {

        margin-left: -0.5rem !important;

    }



    .m-lg-n3 {

        margin: -1rem !important;

    }



    .mt-lg-n3,

    .my-lg-n3 {

        margin-top: -1rem !important;

    }



    .mr-lg-n3,

    .mx-lg-n3 {

        margin-right: -1rem !important;

    }



    .mb-lg-n3,

    .my-lg-n3 {

        margin-bottom: -1rem !important;

    }



    .ml-lg-n3,

    .mx-lg-n3 {

        margin-left: -1rem !important;

    }



    .m-lg-n4 {

        margin: -1.5rem !important;

    }



    .mt-lg-n4,

    .my-lg-n4 {

        margin-top: -1.5rem !important;

    }



    .mr-lg-n4,

    .mx-lg-n4 {

        margin-right: -1.5rem !important;

    }



    .mb-lg-n4,

    .my-lg-n4 {

        margin-bottom: -1.5rem !important;

    }



    .ml-lg-n4,

    .mx-lg-n4 {

        margin-left: -1.5rem !important;

    }



    .m-lg-n5 {

        margin: -3rem !important;

    }



    .mt-lg-n5,

    .my-lg-n5 {

        margin-top: -3rem !important;

    }



    .mr-lg-n5,

    .mx-lg-n5 {

        margin-right: -3rem !important;

    }



    .mb-lg-n5,

    .my-lg-n5 {

        margin-bottom: -3rem !important;

    }



    .ml-lg-n5,

    .mx-lg-n5 {

        margin-left: -3rem !important;

    }



    .m-lg-auto {

        margin: auto !important;

    }



    .mt-lg-auto,

    .my-lg-auto {

        margin-top: auto !important;

    }



    .mr-lg-auto,

    .mx-lg-auto {

        margin-right: auto !important;

    }



    .mb-lg-auto,

    .my-lg-auto {

        margin-bottom: auto !important;

    }



    .ml-lg-auto,

    .mx-lg-auto {

        margin-left: auto !important;

    }

}

@media (min-width: 1200px) {

    .m-xl-0 {

        margin: 0 !important;

    }



    .mt-xl-0,

    .my-xl-0 {

        margin-top: 0 !important;

    }



    .mr-xl-0,

    .mx-xl-0 {

        margin-right: 0 !important;

    }



    .mb-xl-0,

    .my-xl-0 {

        margin-bottom: 0 !important;

    }



    .ml-xl-0,

    .mx-xl-0 {

        margin-left: 0 !important;

    }



    .m-xl-1 {

        margin: 0.25rem !important;

    }



    .mt-xl-1,

    .my-xl-1 {

        margin-top: 0.25rem !important;

    }



    .mr-xl-1,

    .mx-xl-1 {

        margin-right: 0.25rem !important;

    }



    .mb-xl-1,

    .my-xl-1 {

        margin-bottom: 0.25rem !important;

    }



    .ml-xl-1,

    .mx-xl-1 {

        margin-left: 0.25rem !important;

    }



    .m-xl-2 {

        margin: 0.5rem !important;

    }



    .mt-xl-2,

    .my-xl-2 {

        margin-top: 0.5rem !important;

    }



    .mr-xl-2,

    .mx-xl-2 {

        margin-right: 0.5rem !important;

    }



    .mb-xl-2,

    .my-xl-2 {

        margin-bottom: 0.5rem !important;

    }



    .ml-xl-2,

    .mx-xl-2 {

        margin-left: 0.5rem !important;

    }



    .m-xl-3 {

        margin: 1rem !important;

    }



    .mt-xl-3,

    .my-xl-3 {

        margin-top: 1rem !important;

    }



    .mr-xl-3,

    .mx-xl-3 {

        margin-right: 1rem !important;

    }



    .mb-xl-3,

    .my-xl-3 {

        margin-bottom: 1rem !important;

    }



    .ml-xl-3,

    .mx-xl-3 {

        margin-left: 1rem !important;

    }



    .m-xl-4 {

        margin: 1.5rem !important;

    }



    .mt-xl-4,

    .my-xl-4 {

        margin-top: 1.5rem !important;

    }



    .mr-xl-4,

    .mx-xl-4 {

        margin-right: 1.5rem !important;

    }



    .mb-xl-4,

    .my-xl-4 {

        margin-bottom: 1.5rem !important;

    }



    .ml-xl-4,

    .mx-xl-4 {

        margin-left: 1.5rem !important;

    }



    .m-xl-5 {

        margin: 3rem !important;

    }



    .mt-xl-5,

    .my-xl-5 {

        margin-top: 3rem !important;

    }



    .mr-xl-5,

    .mx-xl-5 {

        margin-right: 3rem !important;

    }



    .mb-xl-5,

    .my-xl-5 {

        margin-bottom: 3rem !important;

    }



    .ml-xl-5,

    .mx-xl-5 {

        margin-left: 3rem !important;

    }



    .p-xl-0 {

        padding: 0 !important;

    }



    .pt-xl-0,

    .py-xl-0 {

        padding-top: 0 !important;

    }



    .pr-xl-0,

    .px-xl-0 {

        padding-right: 0 !important;

    }



    .pb-xl-0,

    .py-xl-0 {

        padding-bottom: 0 !important;

    }



    .pl-xl-0,

    .px-xl-0 {

        padding-left: 0 !important;

    }



    .p-xl-1 {

        padding: 0.25rem !important;

    }



    .pt-xl-1,

    .py-xl-1 {

        padding-top: 0.25rem !important;

    }



    .pr-xl-1,

    .px-xl-1 {

        padding-right: 0.25rem !important;

    }



    .pb-xl-1,

    .py-xl-1 {

        padding-bottom: 0.25rem !important;

    }



    .pl-xl-1,

    .px-xl-1 {

        padding-left: 0.25rem !important;

    }



    .p-xl-2 {

        padding: 0.5rem !important;

    }



    .pt-xl-2,

    .py-xl-2 {

        padding-top: 0.5rem !important;

    }



    .pr-xl-2,

    .px-xl-2 {

        padding-right: 0.5rem !important;

    }



    .pb-xl-2,

    .py-xl-2 {

        padding-bottom: 0.5rem !important;

    }



    .pl-xl-2,

    .px-xl-2 {

        padding-left: 0.5rem !important;

    }



    .p-xl-3 {

        padding: 1rem !important;

    }



    .pt-xl-3,

    .py-xl-3 {

        padding-top: 1rem !important;

    }



    .pr-xl-3,

    .px-xl-3 {

        padding-right: 1rem !important;

    }



    .pb-xl-3,

    .py-xl-3 {

        padding-bottom: 1rem !important;

    }



    .pl-xl-3,

    .px-xl-3 {

        padding-left: 1rem !important;

    }



    .p-xl-4 {

        padding: 1.5rem !important;

    }



    .pt-xl-4,

    .py-xl-4 {

        padding-top: 1.5rem !important;

    }



    .pr-xl-4,

    .px-xl-4 {

        padding-right: 1.5rem !important;

    }



    .pb-xl-4,

    .py-xl-4 {

        padding-bottom: 1.5rem !important;

    }



    .pl-xl-4,

    .px-xl-4 {

        padding-left: 1.5rem !important;

    }



    .p-xl-5 {

        padding: 3rem !important;

    }



    .pt-xl-5,

    .py-xl-5 {

        padding-top: 3rem !important;

    }



    .pr-xl-5,

    .px-xl-5 {

        padding-right: 3rem !important;

    }



    .pb-xl-5,

    .py-xl-5 {

        padding-bottom: 3rem !important;

    }



    .pl-xl-5,

    .px-xl-5 {

        padding-left: 3rem !important;

    }



    .m-xl-n1 {

        margin: -0.25rem !important;

    }



    .mt-xl-n1,

    .my-xl-n1 {

        margin-top: -0.25rem !important;

    }



    .mr-xl-n1,

    .mx-xl-n1 {

        margin-right: -0.25rem !important;

    }



    .mb-xl-n1,

    .my-xl-n1 {

        margin-bottom: -0.25rem !important;

    }



    .ml-xl-n1,

    .mx-xl-n1 {

        margin-left: -0.25rem !important;

    }



    .m-xl-n2 {

        margin: -0.5rem !important;

    }



    .mt-xl-n2,

    .my-xl-n2 {

        margin-top: -0.5rem !important;

    }



    .mr-xl-n2,

    .mx-xl-n2 {

        margin-right: -0.5rem !important;

    }



    .mb-xl-n2,

    .my-xl-n2 {

        margin-bottom: -0.5rem !important;

    }



    .ml-xl-n2,

    .mx-xl-n2 {

        margin-left: -0.5rem !important;

    }



    .m-xl-n3 {

        margin: -1rem !important;

    }



    .mt-xl-n3,

    .my-xl-n3 {

        margin-top: -1rem !important;

    }



    .mr-xl-n3,

    .mx-xl-n3 {

        margin-right: -1rem !important;

    }



    .mb-xl-n3,

    .my-xl-n3 {

        margin-bottom: -1rem !important;

    }



    .ml-xl-n3,

    .mx-xl-n3 {

        margin-left: -1rem !important;

    }



    .m-xl-n4 {

        margin: -1.5rem !important;

    }



    .mt-xl-n4,

    .my-xl-n4 {

        margin-top: -1.5rem !important;

    }



    .mr-xl-n4,

    .mx-xl-n4 {

        margin-right: -1.5rem !important;

    }



    .mb-xl-n4,

    .my-xl-n4 {

        margin-bottom: -1.5rem !important;

    }



    .ml-xl-n4,

    .mx-xl-n4 {

        margin-left: -1.5rem !important;

    }



    .m-xl-n5 {

        margin: -3rem !important;

    }



    .mt-xl-n5,

    .my-xl-n5 {

        margin-top: -3rem !important;

    }



    .mr-xl-n5,

    .mx-xl-n5 {

        margin-right: -3rem !important;

    }



    .mb-xl-n5,

    .my-xl-n5 {

        margin-bottom: -3rem !important;

    }



    .ml-xl-n5,

    .mx-xl-n5 {

        margin-left: -3rem !important;

    }



    .m-xl-auto {

        margin: auto !important;

    }



    .mt-xl-auto,

    .my-xl-auto {

        margin-top: auto !important;

    }



    .mr-xl-auto,

    .mx-xl-auto {

        margin-right: auto !important;

    }



    .mb-xl-auto,

    .my-xl-auto {

        margin-bottom: auto !important;

    }



    .ml-xl-auto,

    .mx-xl-auto {

        margin-left: auto !important;

    }

}

@media (min-width: 1440) {

    .m-xxl-0 {

        margin: 0 !important;

    }



    .mt-xxl-0,

    .my-xxl-0 {

        margin-top: 0 !important;

    }



    .mr-xxl-0,

    .mx-xxl-0 {

        margin-right: 0 !important;

    }



    .mb-xxl-0,

    .my-xxl-0 {

        margin-bottom: 0 !important;

    }



    .ml-xxl-0,

    .mx-xxl-0 {

        margin-left: 0 !important;

    }



    .m-xxl-1 {

        margin: 0.25rem !important;

    }



    .mt-xxl-1,

    .my-xxl-1 {

        margin-top: 0.25rem !important;

    }



    .mr-xxl-1,

    .mx-xxl-1 {

        margin-right: 0.25rem !important;

    }



    .mb-xxl-1,

    .my-xxl-1 {

        margin-bottom: 0.25rem !important;

    }



    .ml-xxl-1,

    .mx-xxl-1 {

        margin-left: 0.25rem !important;

    }



    .m-xxl-2 {

        margin: 0.5rem !important;

    }



    .mt-xxl-2,

    .my-xxl-2 {

        margin-top: 0.5rem !important;

    }



    .mr-xxl-2,

    .mx-xxl-2 {

        margin-right: 0.5rem !important;

    }



    .mb-xxl-2,

    .my-xxl-2 {

        margin-bottom: 0.5rem !important;

    }



    .ml-xxl-2,

    .mx-xxl-2 {

        margin-left: 0.5rem !important;

    }



    .m-xxl-3 {

        margin: 1rem !important;

    }



    .mt-xxl-3,

    .my-xxl-3 {

        margin-top: 1rem !important;

    }



    .mr-xxl-3,

    .mx-xxl-3 {

        margin-right: 1rem !important;

    }



    .mb-xxl-3,

    .my-xxl-3 {

        margin-bottom: 1rem !important;

    }



    .ml-xxl-3,

    .mx-xxl-3 {

        margin-left: 1rem !important;

    }



    .m-xxl-4 {

        margin: 1.5rem !important;

    }



    .mt-xxl-4,

    .my-xxl-4 {

        margin-top: 1.5rem !important;

    }



    .mr-xxl-4,

    .mx-xxl-4 {

        margin-right: 1.5rem !important;

    }



    .mb-xxl-4,

    .my-xxl-4 {

        margin-bottom: 1.5rem !important;

    }



    .ml-xxl-4,

    .mx-xxl-4 {

        margin-left: 1.5rem !important;

    }



    .m-xxl-5 {

        margin: 3rem !important;

    }



    .mt-xxl-5,

    .my-xxl-5 {

        margin-top: 3rem !important;

    }



    .mr-xxl-5,

    .mx-xxl-5 {

        margin-right: 3rem !important;

    }



    .mb-xxl-5,

    .my-xxl-5 {

        margin-bottom: 3rem !important;

    }



    .ml-xxl-5,

    .mx-xxl-5 {

        margin-left: 3rem !important;

    }



    .p-xxl-0 {

        padding: 0 !important;

    }



    .pt-xxl-0,

    .py-xxl-0 {

        padding-top: 0 !important;

    }



    .pr-xxl-0,

    .px-xxl-0 {

        padding-right: 0 !important;

    }



    .pb-xxl-0,

    .py-xxl-0 {

        padding-bottom: 0 !important;

    }



    .pl-xxl-0,

    .px-xxl-0 {

        padding-left: 0 !important;

    }



    .p-xxl-1 {

        padding: 0.25rem !important;

    }



    .pt-xxl-1,

    .py-xxl-1 {

        padding-top: 0.25rem !important;

    }



    .pr-xxl-1,

    .px-xxl-1 {

        padding-right: 0.25rem !important;

    }



    .pb-xxl-1,

    .py-xxl-1 {

        padding-bottom: 0.25rem !important;

    }



    .pl-xxl-1,

    .px-xxl-1 {

        padding-left: 0.25rem !important;

    }



    .p-xxl-2 {

        padding: 0.5rem !important;

    }



    .pt-xxl-2,

    .py-xxl-2 {

        padding-top: 0.5rem !important;

    }



    .pr-xxl-2,

    .px-xxl-2 {

        padding-right: 0.5rem !important;

    }



    .pb-xxl-2,

    .py-xxl-2 {

        padding-bottom: 0.5rem !important;

    }



    .pl-xxl-2,

    .px-xxl-2 {

        padding-left: 0.5rem !important;

    }



    .p-xxl-3 {

        padding: 1rem !important;

    }



    .pt-xxl-3,

    .py-xxl-3 {

        padding-top: 1rem !important;

    }



    .pr-xxl-3,

    .px-xxl-3 {

        padding-right: 1rem !important;

    }



    .pb-xxl-3,

    .py-xxl-3 {

        padding-bottom: 1rem !important;

    }



    .pl-xxl-3,

    .px-xxl-3 {

        padding-left: 1rem !important;

    }



    .p-xxl-4 {

        padding: 1.5rem !important;

    }



    .pt-xxl-4,

    .py-xxl-4 {

        padding-top: 1.5rem !important;

    }



    .pr-xxl-4,

    .px-xxl-4 {

        padding-right: 1.5rem !important;

    }



    .pb-xxl-4,

    .py-xxl-4 {

        padding-bottom: 1.5rem !important;

    }



    .pl-xxl-4,

    .px-xxl-4 {

        padding-left: 1.5rem !important;

    }



    .p-xxl-5 {

        padding: 3rem !important;

    }



    .pt-xxl-5,

    .py-xxl-5 {

        padding-top: 3rem !important;

    }



    .pr-xxl-5,

    .px-xxl-5 {

        padding-right: 3rem !important;

    }



    .pb-xxl-5,

    .py-xxl-5 {

        padding-bottom: 3rem !important;

    }



    .pl-xxl-5,

    .px-xxl-5 {

        padding-left: 3rem !important;

    }



    .m-xxl-n1 {

        margin: -0.25rem !important;

    }



    .mt-xxl-n1,

    .my-xxl-n1 {

        margin-top: -0.25rem !important;

    }



    .mr-xxl-n1,

    .mx-xxl-n1 {

        margin-right: -0.25rem !important;

    }



    .mb-xxl-n1,

    .my-xxl-n1 {

        margin-bottom: -0.25rem !important;

    }



    .ml-xxl-n1,

    .mx-xxl-n1 {

        margin-left: -0.25rem !important;

    }



    .m-xxl-n2 {

        margin: -0.5rem !important;

    }



    .mt-xxl-n2,

    .my-xxl-n2 {

        margin-top: -0.5rem !important;

    }



    .mr-xxl-n2,

    .mx-xxl-n2 {

        margin-right: -0.5rem !important;

    }



    .mb-xxl-n2,

    .my-xxl-n2 {

        margin-bottom: -0.5rem !important;

    }



    .ml-xxl-n2,

    .mx-xxl-n2 {

        margin-left: -0.5rem !important;

    }



    .m-xxl-n3 {

        margin: -1rem !important;

    }



    .mt-xxl-n3,

    .my-xxl-n3 {

        margin-top: -1rem !important;

    }



    .mr-xxl-n3,

    .mx-xxl-n3 {

        margin-right: -1rem !important;

    }



    .mb-xxl-n3,

    .my-xxl-n3 {

        margin-bottom: -1rem !important;

    }



    .ml-xxl-n3,

    .mx-xxl-n3 {

        margin-left: -1rem !important;

    }



    .m-xxl-n4 {

        margin: -1.5rem !important;

    }



    .mt-xxl-n4,

    .my-xxl-n4 {

        margin-top: -1.5rem !important;

    }



    .mr-xxl-n4,

    .mx-xxl-n4 {

        margin-right: -1.5rem !important;

    }



    .mb-xxl-n4,

    .my-xxl-n4 {

        margin-bottom: -1.5rem !important;

    }



    .ml-xxl-n4,

    .mx-xxl-n4 {

        margin-left: -1.5rem !important;

    }



    .m-xxl-n5 {

        margin: -3rem !important;

    }



    .mt-xxl-n5,

    .my-xxl-n5 {

        margin-top: -3rem !important;

    }



    .mr-xxl-n5,

    .mx-xxl-n5 {

        margin-right: -3rem !important;

    }



    .mb-xxl-n5,

    .my-xxl-n5 {

        margin-bottom: -3rem !important;

    }



    .ml-xxl-n5,

    .mx-xxl-n5 {

        margin-left: -3rem !important;

    }



    .m-xxl-auto {

        margin: auto !important;

    }



    .mt-xxl-auto,

    .my-xxl-auto {

        margin-top: auto !important;

    }



    .mr-xxl-auto,

    .mx-xxl-auto {

        margin-right: auto !important;

    }



    .mb-xxl-auto,

    .my-xxl-auto {

        margin-bottom: auto !important;

    }



    .ml-xxl-auto,

    .mx-xxl-auto {

        margin-left: auto !important;

    }

}

.text-monospace {

    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",

        "Courier New", monospace !important;

}



.text-justify {

    text-align: justify !important;

}



.text-wrap {

    white-space: normal !important;

}



.text-nowrap {

    white-space: nowrap !important;

}



.text-truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.text-left {

    text-align: left !important;

}



.text-right {

    text-align: right !important;

}



.text-center {

    text-align: center !important;

}



@media (min-width: 576px) {

    .text-sm-left {

        text-align: left !important;

    }



    .text-sm-right {

        text-align: right !important;

    }



    .text-sm-center {

        text-align: center !important;

    }

}

@media (min-width: 768px) {

    .text-md-left {

        text-align: left !important;

    }



    .text-md-right {

        text-align: right !important;

    }



    .text-md-center {

        text-align: center !important;

    }

}

@media (min-width: 992px) {

    .text-lg-left {

        text-align: left !important;

    }



    .text-lg-right {

        text-align: right !important;

    }



    .text-lg-center {

        text-align: center !important;

    }

}

@media (min-width: 1200px) {

    .text-xl-left {

        text-align: left !important;

    }



    .text-xl-right {

        text-align: right !important;

    }



    .text-xl-center {

        text-align: center !important;

    }

}

@media (min-width: 1440) {

    .text-xxl-left {

        text-align: left !important;

    }



    .text-xxl-right {

        text-align: right !important;

    }



    .text-xxl-center {

        text-align: center !important;

    }

}

.text-lowercase {

    text-transform: lowercase !important;

}



.text-uppercase {

    text-transform: uppercase !important;

}



.text-capitalize {

    text-transform: capitalize !important;

}



.font-weight-light {

    font-weight: 300 !important;

}



.font-weight-lighter {

    font-weight: lighter !important;

}



.font-weight-normal {

    font-weight: 400 !important;

}



.font-weight-bold {

    font-weight: 700 !important;

}



.font-weight-bolder {

    font-weight: bolder !important;

}



.font-italic {

    font-style: italic !important;

}



.text-white {

    color: #fff !important;

}



.text-primary {

    color: #077c23 !important;

}



a.text-primary:hover,

a.text-primary:focus {

    color: #d85319 !important;

}



.text-secondary {

    color: #036111 !important;

}



a.text-secondary:hover,

a.text-secondary:focus {

    color: #41107f !important;

}



.text-success {

    color: #68cf29 !important;

}



a.text-success:hover,

a.text-success:focus {

    color: #488f1c !important;

}



.text-info {

    color: #51a6f5 !important;

}



a.text-info:hover,

a.text-info:focus {

    color: #0e81ec !important;

}



.text-warning {

    color: #ffab2d !important;

}



a.text-warning:hover,

a.text-warning:focus {

    color: #e08600 !important;

}



.text-danger {

    color: #ff4c41 !important;

}



a.text-danger:hover,

a.text-danger:focus {

    color: #f40e00 !important;

}



.text-light {

    color: #f7f7f7 !important;

}



a.text-light:hover,

a.text-light:focus {

    color: #d1d1d1 !important;

}



.text-dark {

    color: #6e6e6e !important;

}



a.text-dark:hover,

a.text-dark:focus {

    color: #484848 !important;

}



.text-body {

    color: #7e7e7e !important;

}



.text-muted {

    color: #89879f !important;

}



.text-black-50 {

    color: rgba(0, 0, 0, 0.5) !important;

}



.text-white-50 {

    color: rgba(255, 255, 255, 0.5) !important;

}



.text-hide {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0;

}



.text-decoration-none {

    text-decoration: none !important;

}



.text-break {

    word-break: break-word !important;

    overflow-wrap: break-word !important;

}



.text-reset {

    color: inherit !important;

}



.visible {

    visibility: visible !important;

}



.invisible {

    visibility: hidden !important;

}



@media print {

    *,

    *::before,

    *::after {

        text-shadow: none !important;

        box-shadow: none !important;

    }



    a:not(.btn) {

        text-decoration: underline;

    }



    abbr[title]::after {

        content: " (" attr(title) ")";

    }



    pre {

        white-space: pre-wrap !important;

    }



    pre,

    blockquote {

        border: 1px solid #adb5bd;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group;

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }



    @page {

        size: a3;

    }

    body {

        min-width: 992px !important;

    }



    .container {

        min-width: 992px !important;

    }



    .navbar {

        display: none;

    }



    .badge {

        border: 1px solid #000;

    }



    .table {

        border-collapse: collapse !important;

    }

    .table td,

    .table th {

        background-color: #fff !important;

    }



    .table-bordered th,

    .table-bordered td {

        border: 1px solid #dee2e6 !important;

    }



    .table-dark {

        color: inherit;

    }

    .table-dark th,

    .table-dark td,

    .table-dark thead th,

    .table-dark tbody + tbody {

        border-color: #eeeeee;

    }



    .table .thead-dark th {

        color: inherit;

        border-color: #eeeeee;

    }

}

.c-pointer {

    cursor: pointer;

}



* {

    outline: none;

    padding: 0;

}

*::after {

    margin: 0;

    padding: 0;

}

*::before {

    margin: 0;

    padding: 0;

}



::selection {

    color: #fff;

    background: var(--primary);

}



body {

    overflow-x: hidden;

    height: 100%;

    position: relative;

    max-width: 100%;

    font-size: 0.875rem;

}

@media only screen and (max-width: 991px) {

    body {

        font-size: 0.875rem;

    }

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #000;

    font-weight: 600;

}



p {

    line-height: 1.8;

}



.box-shadow-none {

    box-shadow: none !important;

}



#main-wrapper {

    opacity: 0;

    transition: all 0.25s ease-in;

    overflow: hidden;

    position: relative;

}

#main-wrapper.show {

    opacity: 1;

}



.rounded-lg {

    border-radius: 0.35rem;

}



ul {

    padding: 0;

    margin: 0;

}



li {

    list-style: none;

}



a {

    color: #7e7e7e;

}

a:hover,

a:focus,

a.active {

    text-decoration: none;

}



.rounded {

    border-radius: 0.35rem !important;

}



.btn-link:hover,

.btn-link:focus,

.btn-link.active {

    text-decoration: none;

}



.fs-12 {

    font-size: 12px !important;

    line-height: 1.6;

}



.fs-13 {

    font-size: 13px !important;

    line-height: 1.4;

}



.fs-14 {

    font-size: 14px !important;

    line-height: 1.5;

}

@media only screen and (max-width: 1199px) {

    .fs-14 {

        font-size: 12px !important;

    }

}



.fs-15 {

    font-size: 14px !important;

    line-height: 1.5;

}



.fs-16 {

    font-size: 16px !important;

    line-height: 1.5;

}



.fs-18 {

    font-size: 18px !important;

    line-height: 1.5;

}



.fs-20 {

    font-size: 20px !important;

    line-height: 1.5;

}



.fs-22 {

    font-size: 22px !important;

    line-height: 1.5;

}



.fs-24 {

    font-size: 24px !important;

    line-height: 1.4;

}



.fs-26 {

    font-size: 26px !important;

    line-height: 1.4;

}



.fs-28 {

    font-size: 28px !important;

    line-height: 1.4;

}



.fs-30 {

    font-size: 30px !important;

    line-height: 1.4;

}



.fs-32 {

    font-size: 32px !important;

    line-height: 1.25;

}



.fs-34 {

    font-size: 34px !important;

    line-height: 1.25;

}



.fs-35 {

    font-size: 35px !important;

    line-height: 1.25;

}



.fs-36 {

    font-size: 36px !important;

    line-height: 1.25;

}



.fs-38 {

    font-size: 38px !important;

    line-height: 1.25;

}



.fs-46 {

    font-size: 46px !important;

    line-height: 1.25;

}



.fs-48 {

    font-size: 48px !important;

    line-height: 1.25;

}



.font-w100 {

    font-weight: 100;

}



.font-w200 {

    font-weight: 200;

}



.font-w300 {

    font-weight: 300;

}



.font-w400 {

    font-weight: 400;

}



.font-w500 {

    font-weight: 500;

}



.font-w600 {

    font-weight: 600;

}



.font-w700 {

    font-weight: 700;

}



.font-w800 {

    font-weight: 800;

}



.font-w900 {

    font-weight: 900;

}



.w-space-no {

    white-space: nowrap;

}



.content-body .container {

    margin-top: 40px;

    padding-right: 40px;

    padding-left: 40px;

}

@media only screen and (min-width: 1600px) {

    .content-body .container.max {

        max-width: 1340px;

    }

}

@media only screen and (max-width: 1200px) {

    .content-body .container.max {

        margin-top: 30px;

        padding-right: 30px;

        padding-left: 30px;

        max-width: 100%;

    }

}

@media only screen and (max-width: 767px) {

    .content-body .container.max {

        margin-top: 20px;

        padding-right: 20px;

        padding-left: 20px;

        max-width: 100%;

    }

}

@media only screen and (max-width: 575px) {

    .content-body .container.max {

        margin-top: 15px;

        padding-right: 15px;

        padding-left: 15px;

        max-width: 100%;

    }

}

.content-body .container-fluid {

    padding-top: 40px;

    padding-right: 40px;

    padding-left: 40px;

}

@media only screen and (max-width: 1200px) {

    .content-body .container-fluid {

        padding-top: 30px;

        padding-right: 30px;

        padding-left: 30px;

    }

}

@media only screen and (max-width: 767px) {

    .content-body .container-fluid {

        padding-top: 20px;

        padding-right: 20px;

        padding-left: 20px;

    }

}

@media only screen and (max-width: 575px) {

    .content-body .container-fluid {

        padding-top: 15px;

        padding-right: 15px;

        padding-left: 15px;

    }

}



/*sp*/

.row.sp4,

.sp4 {

    margin-left: -2px;

    margin-right: -2px;

}

.row.sp4 [class*="col-"],

.sp4 [class*="col-"] {

    padding-left: 2px;

    padding-right: 2px;

}



.op1 {

    opacity: 0.1;

}



.op2 {

    opacity: 0.2;

}



.op3 {

    opacity: 0.3;

}



.op4 {

    opacity: 0.4;

}



.op5 {

    opacity: 0.5;

}



.op6 {

    opacity: 0.6;

}



.op7 {

    opacity: 0.7;

}



.op8 {

    opacity: 0.8;

}



.op9 {

    opacity: 0.9;

}



.content-heading {

    font-size: 16px;

    margin-bottom: 1.875rem;

    margin-top: 3.125rem;

    border-bottom: 1px solid #eeeeee;

    padding-bottom: 10px;

}

[direction="rtl"] .content-heading {

    text-align: right;

}



.btn-primary:not(:disabled):not(.disabled):active:focus,

.btn-primary:not(:disabled):not(.disabled).active:focus {

    box-shadow: none;

}



.text-primary {

    color: var(--primary) !important;

}



.bg-primary {

    background-color: var(--primary) !important;

}



.support-ticket {

    position: fixed;

    bottom: 30px;

    right: 15px;

    z-index: 999999;

}



.support-ticket-btn {

    width: 100px;

    background: #7cb442;

    animation: 0.7s ease-in-out 0s infinite alternate none running crescendo;

    border-radius: 50px;

    color: #fff;

    font-size: 8px;

    font-size: 16px;

    padding: 5px 10px 7px;

    text-align: center;

    display: inline-block;

    box-shadow: rgba(124, 180, 66, 0.7) 0px 8px 35px 0px;

}

.support-ticket-btn:hover,

.support-ticket-btn:focus {

    color: #fff;

}



.text-blue {

    color: #5e72e4;

}



.text-indigo {

    color: #6610f2;

}



.text-purple {

    color: #6f42c1;

}



.text-pink {

    color: #e83e8c;

}



.text-red {

    color: #ee3232;

}



.text-orange {

    color: #ff9900;

}



.text-yellow {

    color: #fffa6f;

}



.text-green {

    color: #297f00;

}



.text-teal {

    color: #20c997;

}



.text-cyan {

    color: #3065d0;

}



.bg-gray-dark {

    background: #191e3a !important;

}



.bg-purpal {

    background: #4527a0 !important;

}



.bg-red {

    background: #c62828 !important;

}



.bg-blue-dark {

    background: #283593 !important;

}



.bg-blue {

    background: #7356f1 !important;

}



.bg-blue-light {

    background: #5bcfc5 !important;

}



.bg-green-light {

    background: #00838f !important;

}



.bg-green {

    background: #ff8f16 !important;

}



.bg-black {

    background: #000;

}



.text-black {

    color: #000 !important;

}



.dz-scroll {

    position: relative;

}



.scale1 {

    transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    display: inline-block;

}



.scale2 {

    transform: scale(1.2);

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    display: inline-block;

}



.scale3 {

    transform: scale(1.3);

    -moz-transform: scale(1.3);

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    display: inline-block;

}



.scale4 {

    transform: scale(1.4);

    -moz-transform: scale(1.4);

    -webkit-transform: scale(1.4);

    -ms-transform: scale(1.4);

    -o-transform: scale(1.4);

    display: inline-block;

}



.scale5 {

    transform: scale(1.5);

    -moz-transform: scale(1.5);

    -webkit-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    display: inline-block;

}



.scale-2 {

    transform: scale(2);

    -moz-transform: scale(2);

    -webkit-transform: scale(2);

    -ms-transform: scale(2);

    -o-transform: scale(2);

    display: inline-block;

}



@-webkit-keyframes crescendo {

    from {

        -webkit-transform: translateY(5px) scale(0.8);

        -ms-transform: translateY(5px) scale(0.8);

        transform: translateY(5px) scale(0.8);

    }

    to {

        -webkit-transform: translateY(0px) scale(1);

        -ms-transform: translateY(0px) scale(1);

        transform: translateY(0px) scale(1);

    }

}

.height10 {

    height: 10px;

}



.height20 {

    height: 20px;

}



.height30 {

    height: 30px;

}



.height40 {

    height: 40px;

}



.height50 {

    height: 50px;

}



.height60 {

    height: 60px;

}



.height70 {

    height: 70px;

}



.height80 {

    height: 80px;

}



.height90 {

    height: 90px;

}



.height100 {

    height: 100px;

}



.height110 {

    height: 110px;

}



.height120 {

    height: 120px;

}



.height130 {

    height: 130px;

}



.height140 {

    height: 140px;

}



.height150 {

    height: 150px;

}



.height160 {

    height: 160px;

}



.height170 {

    height: 170px;

}



.height180 {

    height: 180px;

}



.height190 {

    height: 190px;

}



.height200 {

    height: 200px;

}



.height210 {

    height: 210px;

}



.height220 {

    height: 220px;

}



.height230 {

    height: 230px;

}



.height240 {

    height: 240px;

}



.height250 {

    height: 250px;

}



.height260 {

    height: 260px;

}



.height270 {

    height: 270px;

}



.height280 {

    height: 280px;

}



.height290 {

    height: 290px;

}



.height300 {

    height: 300px;

}



.height310 {

    height: 310px;

}



.height320 {

    height: 320px;

}



.height330 {

    height: 330px;

}



.height340 {

    height: 340px;

}



.height350 {

    height: 350px;

}



.height360 {

    height: 360px;

}



.height370 {

    height: 370px;

}



.height380 {

    height: 380px;

}



.height390 {

    height: 390px;

}



.height400 {

    height: 400px;

}



.height415 {

    height: 415px;

}



.height500 {

    height: 500px;

}



.height520 {

    height: 520px;

}



.height600 {

    height: 600px;

}



.height630 {

    height: 630px;

}



.height650 {

    height: 650px;

}



.height720 {

    height: 720px;

}



.height750 {

    height: 750px;

}



.height800 {

    height: 800px;

}



.width10 {

    width: 10px;

}



.width20 {

    width: 20px;

}



.width30 {

    width: 30px;

}



.width40 {

    width: 40px;

}



.width50 {

    width: 50px;

}



.width60 {

    width: 60px;

}



.width70 {

    width: 70px;

}



.width80 {

    width: 80px;

}



.width90 {

    width: 90px;

}



.width100 {

    width: 100px;

}



.width110 {

    width: 110px;

}



.width120 {

    width: 120px;

}



.width130 {

    width: 130px;

}



.width140 {

    width: 140px;

}



.width150 {

    width: 150px;

}



.width160 {

    width: 160px;

}



.width170 {

    width: 170px;

}



.width180 {

    width: 180px;

}



.width190 {

    width: 190px;

}



.width200 {

    width: 200px;

}



.width210 {

    width: 210px;

}



.width220 {

    width: 220px;

}



.width230 {

    width: 230px;

}



.width240 {

    width: 240px;

}



.width250 {

    width: 250px;

}



.width260 {

    width: 260px;

}



.width270 {

    width: 270px;

}



.width280 {

    width: 280px;

}



.width290 {

    width: 290px;

}



.width300 {

    width: 300px;

}



.width310 {

    width: 310px;

}



.width320 {

    width: 320px;

}



.width330 {

    width: 330px;

}



.width340 {

    width: 340px;

}



.width350 {

    width: 350px;

}



.width360 {

    width: 360px;

}



.width370 {

    width: 370px;

}



.width380 {

    width: 380px;

}



.width390 {

    width: 390px;

}



.width400 {

    width: 400px;

}



@keyframes gXGDoR {

    from {

        -webkit-transform: translateY(5px) scale(0.8);

        -ms-transform: translateY(5px) scale(0.8);

        transform: translateY(5px) scale(0.8);

    }

    to {

        -webkit-transform: translateY(0px) scale(1);

        -ms-transform: translateY(0px) scale(1);

        transform: translateY(0px) scale(1);

    }

}

@keyframes crescendo {

    from {

        -webkit-transform: translateY(5px) scale(0.8);

        -ms-transform: translateY(5px) scale(0.8);

        transform: translateY(5px) scale(0.8);

    }

    to {

        -webkit-transform: translateY(0px) scale(1);

        -ms-transform: translateY(0px) scale(1);

        transform: translateY(0px) scale(1);

    }

}

@keyframes gXGDoR {

    from {

        -webkit-transform: translateY(5px) scale(0.8);

        -ms-transform: translateY(5px) scale(0.8);

        transform: translateY(5px) scale(0.8);

    }

    to {

        -webkit-transform: translateY(0px) scale(1);

        -ms-transform: translateY(0px) scale(1);

        transform: translateY(0px) scale(1);

    }

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

    .col-xxl-1 {

        flex: 0 0 8.3333333333%;

        max-width: 8.3333333333%;

    }



    .col-xxl-2 {

        flex: 0 0 16.6666666667%;

        max-width: 16.6666666667%;

    }



    .col-xxl-3 {

        flex: 0 0 25%;

        max-width: 25%;

    }



    .col-xxl-4 {

        flex: 0 0 33.3333333333%;

        max-width: 33.3333333333%;

    }



    .col-xxl-5 {

        flex: 0 0 41.6666666667%;

        max-width: 41.6666666667%;

    }



    .col-xxl-6 {

        flex: 0 0 50%;

        max-width: 50%;

    }



    .col-xxl-7 {

        flex: 0 0 58.3333333333%;

        max-width: 58.3333333333%;

    }



    .col-xxl-8 {

        flex: 0 0 66.6666666667%;

        max-width: 66.6666666667%;

    }



    .col-xxl-9 {

        flex: 0 0 75%;

        max-width: 75%;

    }



    .col-xxl-10 {

        flex: 0 0 83.3333333333%;

        max-width: 83.3333333333%;

    }



    .col-xxl-11 {

        flex: 0 0 91.6666666667%;

        max-width: 91.6666666667%;

    }



    .col-xxl-12 {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .mb-xxl-4 {

        margin-bottom: 1.5rem !important;

    }

}

/* Editable */

#preloader {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #fff;

}



.sk-three-bounce {

    margin: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    background-color: white;

}

#blog{

    float:left !important;

    max-width:500vw !important;

}

.blog-post{

  box-shadow: 2px 2px 2px 2px #077c23 !important;

}









.sk-three-bounce .sk-child {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    width: 20px;

    height: 20px;

    background-color: var(--primary);

    border-radius: 100%;

    display: inline-block;

    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;

    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;

}



.sk-three-bounce .sk-bounce1 {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}



.sk-three-bounce .sk-bounce2 {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}



@-webkit-keyframes sk-three-bounce {

    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}

@keyframes sk-three-bounce {

    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}

.footer {

    padding-left: 17.5rem;

    background-color: #fff !important;

    position: absolute;

    bottom:0 !important;

    margin-top: 700px !important;

    width:100%

    

}

.footer .copyright {

    padding: 0.9375rem;

    margin-bottom: 0px !important;

}

.footer .copyright p {

    text-align: center;

    margin: 0;

}

.footer .copyright a {

    bottom:0;

    color: var(--primary);

}



[data-sidebar-style="mini"] .nav-control,

[data-layout="horizontal"] .nav-control {

    display: none;

}



@media only screen and (max-width: 767px) {

    [data-sidebar-style="overlay"] .nav-header .logo-abbr {

        display: block;

    }

}



[data-header-position="fixed"] .nav-header {

    position: fixed;

    left: auto;

}



.nav-header {

    height: 4.5rem;

    width: 17.5rem;

    display: inline-block;

    text-align: left;

    position: absolute;

    left: 0;

    top: 0;

    background-color: var(--nav-headbg);

    transition: all 0.2s ease;

    z-index: 10;

}

.nav-header .logo-abbr {

    min-width: 45px;

    max-width: 40px;

}

@media only screen and (max-width: 575px) {

    .nav-header .logo-abbr {

        min-width: 35px;

    }

}

.nav-header .logo-compact {

    display: none;

}

@media only screen and (max-width: 1350px) {

    .nav-header {

        width: 17rem;

    }

}

.nav-header .svg-logo-rect {

    fill: var(--primary);

}

.nav-header .brand-logo {

    display: flex;

    height: 100%;

    width: 100%;

    justify-content: flex-start;

    align-items: center;

    font-size: 1.125rem;

    color: #fff;

    text-decoration: none;

    padding-left: 20px;

    padding-right: 50px;

    font-weight: 700;

}

[data-sidebar-style="compact"] .nav-header .brand-logo,

[data-sidebar-style="mini"] .nav-header .brand-logo {

    padding-left: 0;

    padding-right: 0;

    justify-content: center;

}

@media only screen and (max-width: 767px) {

    .nav-header .brand-logo {

        padding-left: 0;

        padding-right: 0;

        justify-content: center;

    }

}

.nav-header .brand-title {

    margin-left: 20px;

    max-width: 120px;

    margin-top: 0px;

}

[data-theme-version="dark"] .nav-header .brand-title {

    background-position: 0 120%;

}



@media only screen and (max-width: 1199px) {

    /* .nav-header {

  		height:5rem;

      } */

}

@media only screen and (max-width: 1023px) {

    .nav-header {

        width: 5rem;

    }

    .nav-header .brand-title {

        display: none;

    }

}

.nav-control {

    cursor: pointer;

    position: absolute;

    right: 15px;

    text-align: center;

    top: 50%;

    transform: translateY(-50%);

    z-index: 9999;

    font-size: 1.4rem;

    padding: 2px 0.5rem 0;

    border-radius: 2px;

}

@media only screen and (max-width: 1023px) {

    .nav-control {

        right: -45px;

    }

}

@media only screen and (max-width: 767px) {

    .nav-control {

        right: -2.75rem;

    }

}

@media only screen and (max-width: 575px) {

    .nav-control {

        right: -3rem;

    }

}



.hamburger {

    display: inline-block;

    left: 0px;

    position: relative;

    top: 3px;

    -webkit-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

    width: 26px;

    z-index: 999;

}



.hamburger .line {

    background: var(--primary);

    display: block;

    height: 3px;

    border-radius: 3px;

    margin-top: 6px;

    margin-bottom: 6px;

    margin-left: auto;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.hamburger .line:nth-child(1) {

    width: 20px;

}



.hamburger .line:nth-child(2) {

    width: 26px;

}



.hamburger .line:nth-child(3) {

    width: 22px;

}



.hamburger:hover {

    cursor: pointer;

}



.hamburger:hover .line {

    width: 26px;

}



/*

    .hamburger.is-active {

      left: 60px;

    }

    */

.hamburger.is-active .line:nth-child(1),

.hamburger.is-active .line:nth-child(3) {

    width: 10px;

    height: 2px;

}



.hamburger.is-active .line:nth-child(2) {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

    width: 22px;

    height: 2px;

}



.hamburger.is-active .line:nth-child(1) {

    -webkit-transform: translateY(4px) rotate(45deg);

    transform: translateY(4px) rotate(45deg);

}



.hamburger.is-active .line:nth-child(3) {

    -webkit-transform: translateY(-4px) rotate(-45deg);

    transform: translateY(-4px) rotate(-45deg);

}



@media (min-width: 767px) {

    [data-sidebar-style="compact"] .nav-control {

        display: none;

    }

    [data-sidebar-style="compact"] .nav-header {

        width: 11.25rem;

    }

}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .brand-title {

    display: none;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .nav-header

    .logo-abbr {

    display: block;

}



[data-sidebar-style="full"][data-layout="horizontal"] .logo-compact {

    display: none;

}



[data-sidebar-style="mini"] .nav-header .logo-abbr {

    display: block;

}



[data-sidebar-style="compact"][data-layout="vertical"]

    .nav-header

    .brand-title {

    display: none;

}

[data-sidebar-style="compact"][data-layout="vertical"]

    .nav-header

    .logo-compact {

    max-width: 75px;

}



[data-sidebar-style="compact"][data-layout="horizontal"]

    .nav-header

    .brand-logo {

    padding-left: 30px;

    padding-right: 30px;

    justify-content: start;

}



[data-sidebar-style="modern"][data-layout="vertical"] .nav-header {

    width: 9.5rem;

}

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header .brand-title {

    display: none;

}

[data-sidebar-style="modern"][data-layout="vertical"]

    .nav-header

    .logo-compact {

    display: none;

}



.header {

    z-index: 1;

    position: relative;

    padding: 0rem;

    z-index: 4;

    padding-left: 17.5rem;

    transition: all 0.2s ease;

    background: var(--headerbg);

    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);

}

.header .header-content {

    height: 100%;

}

.header .navbar {

    height: 4.5rem;

    padding: 0 40px;

    width: 100%;

}

.header .navbar .navbar-collapse {

    height: 100%;

    width: 100%;

}

@media only screen and (max-width: 1023px) {

    .header .navbar {

        padding-left: 145px;

    }

}

@media only screen and (max-width: 575px) {

    .header .navbar {

        padding: 0 15px;

    }

}

.header .sub-header {

    padding: 5px 40px;

    height: 3rem;

    display: flex;

    background-color: #fff;

    align-items: center;

    border-top: 1px solid #eeeeee;

}

.header .sub-header .dashboard_bar {

    font-size: 18px;

    font-weight: 500;

    color: #000;

    margin-bottom: 0;

}

@media only screen and (max-width: 575px) {

    .header .sub-header {

        padding: 5px 15px;

    }

}



/* pulse in SVG */

svg.pulse-svg {

    overflow: visible;

}

svg.pulse-svg .first-circle,

svg.pulse-svg .second-circle,

svg.pulse-svg .third-circle {

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-animation: pulse-me 3s linear infinite;

    animation: pulse-me 3s linear infinite;

    fill: var(--primary);

}

svg.pulse-svg .second-circle {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

svg.pulse-svg .third-circle {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}



/* pulse in CSS */

.pulse-css {

    width: 1rem;

    height: 1rem;

    border-radius: 0.5rem;

    border-radius: 3.5rem;

    height: 12px;

    position: absolute;

    background: var(--primary);

    right: 5px;

    top: 8px;

    border: 2px solid #fff;

    width: 12px;

}

.pulse-css:after,

.pulse-css:before {

    content: "";

    width: 1rem;

    height: 1rem;

    border-radius: 0.5rem;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: -0.2rem;

    background-color: var(--primary);

    margin: auto;

    -webkit-transform: scale(0.3);

    transform: scale(0.3);

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-animation: pulse-me 3s linear infinite;

    animation: pulse-me 3s linear infinite;

}

[direction="rtl"] .pulse-css:after,

[direction="rtl"] .pulse-css:before {

    left: auto;

    right: -0.2rem;

}

@media only screen and (max-width: 1400px) {

    .pulse-css {

        height: 16px;

        width: 16px;

    }

}



@-webkit-keyframes pulse-me {

    0% {

        -webkit-transform: scale(0.3);

        transform: scale(0.3);

        opacity: 0;

    }

    50% {

        opacity: 0.1;

    }

    70% {

        opacity: 0.09;

    }

    100% {

        -webkit-transform: scale(3);

        transform: scale(3);

        opacity: 0;

    }

}

@keyframes pulse-me {

    0% {

        -webkit-transform: scale(0.3);

        transform: scale(0.3);

        opacity: 0;

    }

    50% {

        opacity: 0.1;

    }

    70% {

        opacity: 0.09;

    }

    100% {

        -webkit-transform: scale(3);

        transform: scale(3);

        opacity: 0;

    }

}

[data-sidebar-style="full"] .header,

[data-sidebar-style="overlay"] .header {

    width: 100%;

}

@media only screen and (max-width: 1350px) {

    [data-sidebar-style="full"] .header,

    [data-sidebar-style="overlay"] .header {

        width: 100%;

        padding-left: 17rem;

    }

}

@media only screen and (max-width: 1023px) {

    [data-sidebar-style="full"] .header,

    [data-sidebar-style="overlay"] .header {

        width: 100%;

        padding-left: 0;

    }

}



[data-sidebar-style="mini"] .header {

    width: 100%;

    padding-left: 5rem;

}



[data-sidebar-style="compact"] .header {

    width: 100%;

    padding-left: 11.25rem;

}



[data-header-position="fixed"] .header {

    position: fixed;

    top: 0;

    width: 100%;

}

[data-header-position="fixed"] .content-body {

    padding-top: 7.5rem;

}

[data-header-position="fixed"] .deznav {

    margin-top: 0;

}



[data-sidebar-style="compact"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"]

    .header {

    width: 1199px;

}



[data-sidebar-style="modern"] .header {

    width: 100%;

    padding-left: 9.5rem;

}

[data-sidebar-style="modern"][data-layout="horizontal"]

    .nav-header

    .brand-logo {

    justify-content: start;

}

[data-sidebar-style="modern"][data-layout="horizontal"]

    .header

    .header-content {

    padding-left: 30px;

}



.header-left {

    height: 100%;

    display: flex;

    align-items: center;

}

.header-left input {

    background: #f7f7f7 !important;

    min-width: 170px;

    min-height: 40px;

    border-color: transparent;

    color: #6e6e6e !important;

    border-top-right-radius: 0.375rem;

    border-bottom-right-radius: 0.375rem;

    box-shadow: none;

}

[direction="rtl"] .header-left input {

    border-top-left-radius: 0.375rem;

    border-bottom-left-radius: 0.375rem;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.header-left input:focus,

.header-left input:active,

.header-left input.active {

    border-color: transparent;

    box-shadow: none;

}

.header-left input::-webkit-input-placeholder {

    /* Edge */

    color: #6e6e6e;

}

.header-left input:-ms-input-placeholder {

    /* Internet Explorer */

    color: #6e6e6e;

}

.header-left input::placeholder {

    color: #6e6e6e;

}

.header-left .search_bar {

    display: flex;

    align-items: center;

    height: 100%;

}

.header-left .search_bar .dropdown-menu {

    box-shadow: none;

}

.header-left .search_bar .search_icon {

    background: #f7f7f7 !important;

    height: 40px;

    padding: 8px 0 8px 15px !important;

    border-top-left-radius: 0.375rem;

    border-bottom-left-radius: 0.375rem;

}

.header-left .search_bar .search_icon i {

    font-size: 24px;

    color: #6e6e6e;

    line-height: 1;

}

@media only screen and (max-width: 767px) {

    .header-left .search_bar .search_icon {

        border-radius: 4px;

        padding: 8px 10px !important;

    }

}

@media only screen and (max-width: 767px) {

    .header-left .search_bar {

        position: static;

    }

    .header-left .search_bar .dropdown-menu {

        width: 300px;

        left: -15vw;

        box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);

        border-radius: 4px !important;

    }

}

@media only screen and (max-width: 767px) and (max-width: 575px) {

    .header-left .search_bar .dropdown-menu {

        width: 250px;

        left: -25vw;

    }

}

@media only screen and (max-width: 767px) {

    .header-left .search_bar .dropdown-menu .form-control {

        border-radius: 4px !important;

        width: 100%;

    }

    [direction="rtl"] .header-left .search_bar .dropdown-menu {

        right: -98px;

    }

}

.header-left .search_bar .dropdown-menu,

.header-left .search_bar .dropdown-menu.show {

    border: 0px;

    background-color: transparent;

    border-top-right-radius: 5rem;

    border-bottom-right-radius: 5rem;

}

@media only screen and (min-width: 768px) {

    .header-left .search_bar .dropdown-menu,

    .header-left .search_bar .dropdown-menu.show {

        left: 34px;

        top: 0;

        transform: translateY(50%);

        display: block;

    }

}



[data-sidebar-style="compact"] .header-left {

    margin-left: 0;

}



.header-right {

    height: 100%;

}

.header-right .nav-item {

    height: 100%;

    display: flex;

    align-items: center;

}

.header-right .nav-item .nav-link {

    color: #464a53;

    font-size: 18px;

}

.header-right .right-sidebar {

    margin-right: -30px;

}

.header-right .right-sidebar a {

    height: 80px;

    width: 80px;

    text-align: center;

    justify-content: center;

    display: flex;

    align-items: center;

    border-left: 1px solid #f7f7f7;

}

.header-right > li:not(:first-child) {

    padding-left: 0.75rem;

}

@media only screen and (max-width: 1199px) {

    .header-right > li:not(:first-child) {

        padding-left: 0.5rem;

    }

}

@media only screen and (max-width: 767px) {

    .header-right .notification_dropdown {

        position: static;

    }

}

.header-right .notification_dropdown .nav-link {

    position: relative;

    color: var(--primary);

    padding: 0;

    height: 40px;

    text-align: center;

    line-height: 40px;

    width: 40px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    border-radius: 0.5rem;

}

.header-right .notification_dropdown .nav-link .bell-icon {

    -webkit-animation-name: tada;

    animation-name: tada;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.header-right .notification_dropdown .nav-link i {

    font-size: 24px;

    color: #2b2b2b;

    line-height: 1.6;

}

.header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #2b2b2b;

}

@media only screen and (max-width: 1400px) {

    .header-right

        .notification_dropdown

        .nav-link

        svg:not(#icon-full, #icon-minimize) {

        width: 24px;

        height: 24px;

    }

}

.header-right .notification_dropdown .nav-link svg#icon-full path,

.header-right .notification_dropdown .nav-link svg#icon-minimize path {

    stroke: #2b2b2b;

}

.header-right .notification_dropdown .nav-link .badge {

    position: absolute;

    font-size: 12px;

    border-radius: 0;

    right: 0px;

    top: 3px;

    font-weight: normal;

    height: 18px;

    width: 18px;

    line-height: 16px;

    text-align: center;

    padding: 0px;

}

@media only screen and (max-width: 1400px) {

    .header-right .notification_dropdown .nav-link .badge {

        right: -2px;

        top: -2px;

        font-size: 12px;

        height: 18px;

        width: 18px;

        line-height: 18px;

    }

}

.header-right .notification_dropdown .nav-link:hover {

    background: var(--rgba-primary-1);

}

.header-right .notification_dropdown .dropdown-item:focus a,

.header-right .notification_dropdown .dropdown-item:active a {

    color: #fff;

}

.header-right .notification_dropdown .dropdown-item a {

    color: #6e6e6e;

}

.header-right .notification_dropdown .dropdown-item a:hover {

    text-decoration: none;

}

.header-right .dropdown-menu {

    border-width: 0;

    box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);

}

[data-theme-version="dark"] .header-right .dropdown-menu {

    box-shadow: none;

}

.header-right .header-profile > a.nav-link {

    border-left: 1px solid #eeeeee;

    margin-left: 10px;

    padding: 0;

    padding-left: 20px;

    display: flex;

    align-items: center;

}

.header-right .header-profile > a.nav-link i {

    font-weight: 700;

}

.header-right .header-profile > a.nav-link .header-info {

    padding-left: 12px;

    text-align: left;

}

@media only screen and (max-width: 1400px) {

    .header-right .header-profile > a.nav-link .header-info {

        padding-left: 10px;

    }

}

@media only screen and (max-width: 575px) {

    .header-right .header-profile > a.nav-link .header-info {

        display: none;

    }

}

.header-right .header-profile > a.nav-link .header-info span {

    font-size: 16px;

    color: #000;

    display: block;

    font-weight: 600;

}

.header-right .header-profile > a.nav-link .header-info strong {

    color: #6e6e6e;

}

.header-right .header-profile > a.nav-link .header-info small {

    display: block;

    font-size: 12px;

    color: #89879f;

    font-weight: 400;

    line-height: 1.2;

}

@media only screen and (max-width: 1400px) {

    .header-right .header-profile > a.nav-link {

        margin-left: 10px;

        padding-left: 20px;

    }

}

@media only screen and (max-width: 575px) {

    .header-right .header-profile > a.nav-link {

        margin-left: 0px;

        padding-left: 0px;

        border-left: 0;

    }

}

.header-right .header-profile .dropdown-menu {

    padding: 15px 0;

    min-width: 12.5rem;

}

.header-right .header-profile .dropdown-menu a:hover,

.header-right .header-profile .dropdown-menu a:focus,

.header-right .header-profile .dropdown-menu a.active {

    color: var(--primary);

}

.header-right .header-profile img {

    width: 40px;

    height: 40px;

    border-radius: 0.5rem;

}

@media only screen and (max-width: 500px) {

    .header-right .header-profile img {

        width: 390px;

        height: 39px;

    }
    .dz-fullscreen #icon-minimize {

        display: none;
    
    }

}

.header-right .header-profile .dropdown-toggle i {

    font-size: 1.25rem;

}

@media only screen and (max-width: 575px) {

    .header-right .header-profile .dropdown-toggle span {

        display: none;

    }

}

.header-right .header-profile .profile_title {

    background: var(--primary);

    color: #fff;

    padding: 10px 20px;

}

.header-right .header-profile .profile_title h5 {

    color: #fff;

    margin-bottom: 3px;

}

.header-right .header-profile .dropdown-item {

    padding: 8px 24px;

}



.dz-fullscreen #icon-minimize {

    display: none;

}

.dz-fullscreen.active #icon-full {

    display: none;

}

.dz-fullscreen.active #icon-minimize {

    display: inline-block;

}

@media only screen and (max-width: 575px) {

    .dz-fullscreen {

        display: none !important;

    }

}



.dz-theme-mode #icon-light {

    display: none;

}

.dz-theme-mode.active #icon-dark {

    display: none;

}

.dz-theme-mode.active #icon-light {

    display: inline-block;

}

@media only screen and (max-width: 575px) {

    .dz-theme-mode {

        display: none;

    }

}



.notification_dropdown .dropdown-menu-right {

    min-width: 310px;

    padding: 0rem 0 1rem;

    top: 100%;

}

.notification_dropdown .dropdown-menu-right .notification_title {

    background: var(--primary);

    color: #fff;

    padding: 10px 20px;

}

.notification_dropdown .dropdown-menu-right .notification_title h5 {

    color: #fff;

    margin-bottom: 3px;

}

.notification_dropdown .dropdown-menu-right .media {

    width: 45px !important;

    height: 45px !important;

    font-size: 18px !important;

}

[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .media {

    border-color: #473f72;

}

.notification_dropdown .dropdown-menu-right .media > span {

    width: 35px;

    height: 35px;

    border-radius: 50px;

    display: inline-block;

    padding: 7px 9px;

    margin-right: 10px;

}

[direction="rtl"].notification_dropdown .dropdown-menu-right .media > span {

    margin-right: 0;

    margin-left: 10px;

}

.notification_dropdown .dropdown-menu-right .media > span.success {

    background: #ecfae4;

    color: #68cf29;

}

.notification_dropdown .dropdown-menu-right .media > span.primary {

    background: var(--rgba-primary-1);

    color: var(--primary);

}

.notification_dropdown .dropdown-menu-right .media > span.danger {

    background: #ffefee;

    color: #ff4c41;

}

.notification_dropdown .dropdown-menu-right .media .notify-time {

    width: 100% !important;

    margin-right: 0 !important;

    color: #828690;

}

.notification_dropdown .dropdown-menu-right .media p {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    max-width: 200px;

    margin-bottom: 0;

    margin-top: 5px;

}

@media only screen and (max-width: 575px) {

    .notification_dropdown .dropdown-menu-right .media p {

        max-width: 100px;

    }

}

.notification_dropdown .dropdown-menu-right .all-notification {

    display: block;

    padding: 15px 30px 0;

    text-align: center;

    border-top: 1px solid #f7f7f7;

}

.notification_dropdown .dropdown-menu-right .all-notification i {

    margin-left: 10px;

}



.search-area {

    width: 275px;

}

.search-area .input-group-append .input-group-text {

    background: #f7f7f7;

    padding: 0 15px;

    border-radius: 5px;

}

.search-area .input-group-append .input-group-text i {

    font-size: 16px;

    font-weight: 600;

}

.search-area .form-control {

    border-radius: 5px;

    border: 0;

    background: #f7f7f7 !important;

    height: 40px;

    padding: 0 25px;

}

.search-area .form-control:hover,

.search-area .form-control:active,

.search-area .form-control:focus {

    background: #f7f7f7;

}

.search-area .form-control::placeholder {

    color: #8388a0;

}

.search-area.right .input-group-append .input-group-text {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

}



[data-container="boxed"] .search-area {

    display: none !important;

}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

@keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    10%,

    20% {

        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}

.tada {

    -webkit-animation-name: tada;

    animation-name: tada;

}



.rtl {

    text-align: right;

    direction: rtl;

}

.rtl .nav {

    padding-right: 0;

}

.rtl .navbar-nav .nav-item {

    float: right;

}

.rtl .navbar-nav .nav-item + .nav-item {

    margin-right: 1rem;

    margin-left: inherit;

}

.rtl th {

    text-align: right;

}

.rtl .alert-dismissible {

    padding-right: 1.25rem;

    padding-left: 4rem;

}

.rtl .dropdown-menu {

    right: 0;

    text-align: right;

}

.rtl .checkbox label {

    padding-right: 1.25rem;

    padding-left: inherit;

}

.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-radius: 0 0.75rem 0.75rem 0;

}

.rtl .btn-group > .btn:last-child:not(:first-child),

.rtl .btn-group > .dropdown-toggle:not(:first-child) {

    border-radius: 0.75rem 0 0 0.75rem;

}

.rtl .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {

    border-radius: 0.75rem 0 0 0.75rem;

}

.rtl .custom-control-label::after,

.rtl .custom-control-label::before {

    right: 0;

    left: inherit;

}

.rtl .custom-select {

    padding: 0.375rem 0.75rem 0.375rem 1.75rem;

    background: #fff

        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")

        no-repeat left 0.75rem center;

    background-size: 8px 10px;

}

.rtl

    .input-group

    > .input-group-append:last-child

    > .btn:not(:last-child):not(.dropdown-toggle),

.rtl

    .input-group

    > .input-group-append:last-child

    > .input-group-text:not(:last-child),

.rtl .input-group > .input-group-append:not(:last-child) > .btn,

.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text,

.rtl .input-group > .input-group-prepend > .btn,

.rtl .input-group > .input-group-prepend > .input-group-text {

    border-radius: 0 0.75rem 0.75rem 0;

}

.rtl .input-group > .input-group-append > .btn,

.rtl .input-group > .input-group-append > .input-group-text,

.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child),

.rtl

    .input-group

    > .input-group-prepend:first-child

    > .input-group-text:not(:first-child),

.rtl .input-group > .input-group-prepend:not(:first-child) > .btn,

.rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text {

    border-radius: 0.75rem 0 0 0.75rem;

}

.rtl .input-group > .custom-select:not(:first-child),

.rtl .input-group > .form-control:not(:first-child) {

    border-radius: 0.75rem 0 0 0.75rem;

}

.rtl .input-group > .custom-select:not(:last-child),

.rtl .input-group > .form-control:not(:last-child) {

    border-radius: 0 0.75rem 0.75rem 0;

}

.rtl .input-group > .custom-select:not(:last-child):not(:first-child),

.rtl .input-group > .form-control:not(:last-child):not(:first-child) {

    border-radius: 0;

}

.rtl .custom-control {

    padding-right: 1.5rem;

    padding-left: inherit;

    margin-right: inherit;

    margin-left: 1rem;

}

.rtl .custom-control-indicator {

    right: 0;

    left: inherit;

}

.rtl .custom-file-label::after {

    right: initial;

    left: -1px;

    border-radius: 0.25rem 0 0 0.25rem;

}

.rtl .radio input,

.rtl .radio-inline,

.rtl .checkbox input,

.rtl .checkbox-inline input {

    margin-right: -1.25rem;

    margin-left: inherit;

}

.rtl .list-group {

    padding-right: 0;

    padding-left: 40px;

}

.rtl .close {

    float: left;

}

.rtl .modal-header .close {

    margin: -15px auto -15px -15px;

}

.rtl .modal-footer > :not(:first-child) {

    margin-right: 0.25rem;

}

.rtl .alert-dismissible .close {

    right: inherit;

    left: 0;

}

.rtl .dropdown-toggle::after {

    margin-right: 0.255em;

    margin-left: 0;

}

.rtl .form-check-input {

    margin-right: -1.25rem;

    margin-left: inherit;

}

.rtl .form-check-label {

    padding-right: 1.25rem;

    padding-left: inherit;

}

.rtl .offset-1 {

    margin-right: 8.3333333333%;

    margin-left: 0;

}

.rtl .offset-2 {

    margin-right: 16.6666666667%;

    margin-left: 0;

}

.rtl .offset-3 {

    margin-right: 25%;

    margin-left: 0;

}

.rtl .offset-4 {

    margin-right: 33.3333333333%;

    margin-left: 0;

}

.rtl .offset-5 {

    margin-right: 41.6666666667%;

    margin-left: 0;

}

.rtl .offset-6 {

    margin-right: 50%;

    margin-left: 0;

}

.rtl .offset-7 {

    margin-right: 58.3333333333%;

    margin-left: 0;

}

.rtl .offset-8 {

    margin-right: 66.6666666667%;

    margin-left: 0;

}

.rtl .offset-9 {

    margin-right: 75%;

    margin-left: 0;

}

.rtl .offset-10 {

    margin-right: 83.3333333333%;

    margin-left: 0;

}

.rtl .offset-11 {

    margin-right: 91.6666666667%;

    margin-left: 0;

}

@media (min-width: 576px) {

    .rtl .offset-sm-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-sm-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-sm-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-sm-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-sm-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-sm-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-sm-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-sm-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-sm-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-sm-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-sm-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-sm-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

@media (min-width: 768px) {

    .rtl .offset-md-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-md-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-md-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-md-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-md-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-md-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-md-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-md-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-md-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-md-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-md-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-md-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

@media (min-width: 992px) {

    .rtl .offset-lg-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-lg-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-lg-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-lg-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-lg-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-lg-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-lg-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-lg-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-lg-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-lg-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-lg-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-lg-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

@media (min-width: 1200px) {

    .rtl .offset-xl-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-xl-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xl-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xl-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-xl-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xl-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xl-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-xl-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xl-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xl-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-xl-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xl-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

@media (min-width: 1440) {

    .rtl .offset-xxl-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-xxl-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xxl-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xxl-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-xxl-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xxl-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xxl-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-xxl-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xxl-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xxl-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-xxl-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xxl-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

.rtl .mr-0,

.rtl .mx-0 {

    margin-right: 0 !important;

    margin-left: 0 !important;

}

.rtl .ml-0,

.rtl .mx-0 {

    margin-left: 0 !important;

    margin-right: 0 !important;

}

.rtl .mr-1,

.rtl .mx-1 {

    margin-right: 0 !important;

    margin-left: 0.25rem !important;

}

.rtl .ml-1,

.rtl .mx-1 {

    margin-left: 0 !important;

    margin-right: 0.25rem !important;

}

.rtl .mr-2,

.rtl .mx-2 {

    margin-right: 0 !important;

    margin-left: 0.5rem !important;

}

.rtl .ml-2,

.rtl .mx-2 {

    margin-left: 0 !important;

    margin-right: 0.5rem !important;

}

.rtl .mr-3,

.rtl .mx-3 {

    margin-right: 0 !important;

    margin-left: 1rem !important;

}

.rtl .ml-3,

.rtl .mx-3 {

    margin-left: 0 !important;

    margin-right: 1rem !important;

}

.rtl .mr-4,

.rtl .mx-4 {

    margin-right: 0 !important;

    margin-left: 1.5rem !important;

}

.rtl .ml-4,

.rtl .mx-4 {

    margin-left: 0 !important;

    margin-right: 1.5rem !important;

}

.rtl .mr-5,

.rtl .mx-5 {

    margin-right: 0 !important;

    margin-left: 3rem !important;

}

.rtl .ml-5,

.rtl .mx-5 {

    margin-left: 0 !important;

    margin-right: 3rem !important;

}

.rtl .pr-0,

.rtl .px-0 {

    padding-right: 0 !important;

    padding-left: 0 !important;

}

.rtl .pl-0,

.rtl .px-0 {

    padding-left: 0 !important;

    padding-right: 0 !important;

}

.rtl .pr-1,

.rtl .px-1 {

    padding-right: 0 !important;

    padding-left: 0.25rem !important;

}

.rtl .pl-1,

.rtl .px-1 {

    padding-left: 0 !important;

    padding-right: 0.25rem !important;

}

.rtl .pr-2,

.rtl .px-2 {

    padding-right: 0 !important;

    padding-left: 0.5rem !important;

}

.rtl .pl-2,

.rtl .px-2 {

    padding-left: 0 !important;

    padding-right: 0.5rem !important;

}

.rtl .pr-3,

.rtl .px-3 {

    padding-right: 0 !important;

    padding-left: 1rem !important;

}

.rtl .pl-3,

.rtl .px-3 {

    padding-left: 0 !important;

    padding-right: 1rem !important;

}

.rtl .pr-4,

.rtl .px-4 {

    padding-right: 0 !important;

    padding-left: 1.5rem !important;

}

.rtl .pl-4,

.rtl .px-4 {

    padding-left: 0 !important;

    padding-right: 1.5rem !important;

}

.rtl .pr-5,

.rtl .px-5 {

    padding-right: 0 !important;

    padding-left: 3rem !important;

}

.rtl .pl-5,

.rtl .px-5 {

    padding-left: 0 !important;

    padding-right: 3rem !important;

}

.rtl .mr-auto {

    margin-right: 0 !important;

    margin-left: auto !important;

}

.rtl .ml-auto {

    margin-right: auto !important;

    margin-left: 0 !important;

}

.rtl .mx-auto {

    margin-right: auto !important;

    margin-left: auto !important;

}

@media (min-width: 576px) {

    .rtl .mr-sm-0,

    .rtl .mx-sm-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-sm-0,

    .rtl .mx-sm-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-sm-1,

    .rtl .mx-sm-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-sm-1,

    .rtl .mx-sm-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-sm-2,

    .rtl .mx-sm-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-sm-2,

    .rtl .mx-sm-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-sm-3,

    .rtl .mx-sm-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-sm-3,

    .rtl .mx-sm-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-sm-4,

    .rtl .mx-sm-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-sm-4,

    .rtl .mx-sm-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-sm-5,

    .rtl .mx-sm-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-sm-5,

    .rtl .mx-sm-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-sm-0,

    .rtl .px-sm-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-sm-0,

    .rtl .px-sm-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-sm-1,

    .rtl .px-sm-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-sm-1,

    .rtl .px-sm-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-sm-2,

    .rtl .px-sm-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-sm-2,

    .rtl .px-sm-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-sm-3,

    .rtl .px-sm-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-sm-3,

    .rtl .px-sm-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-sm-4,

    .rtl .px-sm-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-sm-4,

    .rtl .px-sm-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-sm-5,

    .rtl .px-sm-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-sm-5,

    .rtl .px-sm-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-sm-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-sm-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-sm-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 768px) {

    .rtl .mr-md-0,

    .rtl .mx-md-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-md-0,

    .rtl .mx-md-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-md-1,

    .rtl .mx-md-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-md-1,

    .rtl .mx-md-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-md-2,

    .rtl .mx-md-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-md-2,

    .rtl .mx-md-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-md-3,

    .rtl .mx-md-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-md-3,

    .rtl .mx-md-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-md-4,

    .rtl .mx-md-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-md-4,

    .rtl .mx-md-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-md-5,

    .rtl .mx-md-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-md-5,

    .rtl .mx-md-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-md-0,

    .rtl .px-md-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-md-0,

    .rtl .px-md-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-md-1,

    .rtl .px-md-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-md-1,

    .rtl .px-md-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-md-2,

    .rtl .px-md-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-md-2,

    .rtl .px-md-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-md-3,

    .rtl .px-md-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-md-3,

    .rtl .px-md-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-md-4,

    .rtl .px-md-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-md-4,

    .rtl .px-md-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-md-5,

    .rtl .px-md-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-md-5,

    .rtl .px-md-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-md-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-md-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-md-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 992px) {

    .rtl .mr-lg-0,

    .rtl .mx-lg-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-lg-0,

    .rtl .mx-lg-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-lg-1,

    .rtl .mx-lg-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-lg-1,

    .rtl .mx-lg-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-lg-2,

    .rtl .mx-lg-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-lg-2,

    .rtl .mx-lg-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-lg-3,

    .rtl .mx-lg-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-lg-3,

    .rtl .mx-lg-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-lg-4,

    .rtl .mx-lg-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-lg-4,

    .rtl .mx-lg-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-lg-5,

    .rtl .mx-lg-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-lg-5,

    .rtl .mx-lg-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-lg-0,

    .rtl .px-lg-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-lg-0,

    .rtl .px-lg-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-lg-1,

    .rtl .px-lg-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-lg-1,

    .rtl .px-lg-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-lg-2,

    .rtl .px-lg-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-lg-2,

    .rtl .px-lg-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-lg-3,

    .rtl .px-lg-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-lg-3,

    .rtl .px-lg-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-lg-4,

    .rtl .px-lg-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-lg-4,

    .rtl .px-lg-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-lg-5,

    .rtl .px-lg-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-lg-5,

    .rtl .px-lg-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-lg-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-lg-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-lg-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 1200px) {

    .rtl .mr-xl-0,

    .rtl .mx-xl-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-xl-0,

    .rtl .mx-xl-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-xl-1,

    .rtl .mx-xl-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-xl-1,

    .rtl .mx-xl-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-xl-2,

    .rtl .mx-xl-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-xl-2,

    .rtl .mx-xl-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-xl-3,

    .rtl .mx-xl-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-xl-3,

    .rtl .mx-xl-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-xl-4,

    .rtl .mx-xl-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-xl-4,

    .rtl .mx-xl-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-xl-5,

    .rtl .mx-xl-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-xl-5,

    .rtl .mx-xl-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-xl-0,

    .rtl .px-xl-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-xl-0,

    .rtl .px-xl-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-xl-1,

    .rtl .px-xl-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-xl-1,

    .rtl .px-xl-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-xl-2,

    .rtl .px-xl-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-xl-2,

    .rtl .px-xl-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-xl-3,

    .rtl .px-xl-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-xl-3,

    .rtl .px-xl-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-xl-4,

    .rtl .px-xl-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-xl-4,

    .rtl .px-xl-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-xl-5,

    .rtl .px-xl-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-xl-5,

    .rtl .px-xl-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-xl-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-xl-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-xl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 1440) {

    .rtl .mr-xxl-0,

    .rtl .mx-xxl-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-xxl-0,

    .rtl .mx-xxl-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-xxl-1,

    .rtl .mx-xxl-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-xxl-1,

    .rtl .mx-xxl-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-xxl-2,

    .rtl .mx-xxl-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-xxl-2,

    .rtl .mx-xxl-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-xxl-3,

    .rtl .mx-xxl-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-xxl-3,

    .rtl .mx-xxl-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-xxl-4,

    .rtl .mx-xxl-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-xxl-4,

    .rtl .mx-xxl-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-xxl-5,

    .rtl .mx-xxl-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-xxl-5,

    .rtl .mx-xxl-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-xxl-0,

    .rtl .px-xxl-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-xxl-0,

    .rtl .px-xxl-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-xxl-1,

    .rtl .px-xxl-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-xxl-1,

    .rtl .px-xxl-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-xxl-2,

    .rtl .px-xxl-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-xxl-2,

    .rtl .px-xxl-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-xxl-3,

    .rtl .px-xxl-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-xxl-3,

    .rtl .px-xxl-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-xxl-4,

    .rtl .px-xxl-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-xxl-4,

    .rtl .px-xxl-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-xxl-5,

    .rtl .px-xxl-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-xxl-5,

    .rtl .px-xxl-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-xxl-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-xxl-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-xxl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

.rtl .text-right {

    text-align: left !important;

}

.rtl .text-left {

    text-align: right !important;

}

@media (min-width: 576px) {

    .rtl .text-sm-right {

        text-align: left !important;

    }

    .rtl .text-sm-left {

        text-align: right !important;

    }

}

@media (min-width: 768px) {

    .rtl .text-md-right {

        text-align: left !important;

    }

    .rtl .text-md-left {

        text-align: right !important;

    }

}

@media (min-width: 992px) {

    .rtl .text-lg-right {

        text-align: left !important;

    }

    .rtl .text-lg-left {

        text-align: right !important;

    }

}

@media (min-width: 1200px) {

    .rtl .text-xl-right {

        text-align: left !important;

    }

    .rtl .text-xl-left {

        text-align: right !important;

    }

}

@media (min-width: 1440) {

    .rtl .text-xxl-right {

        text-align: left !important;

    }

    .rtl .text-xxl-left {

        text-align: right !important;

    }

}



.rtl .mx-0 {

    margin-right: auto;

    margin-left: 0 !important;

}

.rtl .mx-0 {

    margin-left: auto;

    margin-right: 0 !important;

}

.rtl .mx-1 {

    margin-right: auto;

    margin-left: 0.25rem !important;

}

.rtl .mx-1 {

    margin-left: auto;

    margin-right: 0.25rem !important;

}

.rtl .mx-2 {

    margin-right: auto;

    margin-left: 0.5rem !important;

}

.rtl .mx-2 {

    margin-left: auto;

    margin-right: 0.5rem !important;

}

.rtl .mx-3 {

    margin-right: auto;

    margin-left: 1rem !important;

}

.rtl .mx-3 {

    margin-left: auto;

    margin-right: 1rem !important;

}

.rtl .mx-4 {

    margin-right: auto;

    margin-left: 1.5rem !important;

}

.rtl .mx-4 {

    margin-left: auto;

    margin-right: 1.5rem !important;

}

.rtl .mx-5 {

    margin-right: auto;

    margin-left: 3rem !important;

}

.rtl .mx-5 {

    margin-left: auto;

    margin-right: 3rem !important;

}

.rtl .px-0 {

    padding-right: auto;

    padding-left: 0 !important;

}

.rtl .px-0 {

    padding-left: auto;

    padding-right: 0 !important;

}

.rtl .px-1 {

    padding-right: auto;

    padding-left: 0.25rem !important;

}

.rtl .px-1 {

    padding-left: auto;

    padding-right: 0.25rem !important;

}

.rtl .px-2 {

    padding-right: auto;

    padding-left: 0.5rem !important;

}

.rtl .px-2 {

    padding-left: auto;

    padding-right: 0.5rem !important;

}

.rtl .px-3 {

    padding-right: auto;

    padding-left: 1rem !important;

}

.rtl .px-3 {

    padding-left: auto;

    padding-right: 1rem !important;

}

.rtl .px-4 {

    padding-right: auto;

    padding-left: 1.5rem !important;

}

.rtl .px-4 {

    padding-left: auto;

    padding-right: 1.5rem !important;

}

.rtl .px-5 {

    padding-right: auto;

    padding-left: 3rem !important;

}

.rtl .px-5 {

    padding-left: auto;

    padding-right: 3rem !important;

}

.rtl .mr-auto {

    margin-right: 0 !important;

    margin-left: auto !important;

}

.rtl .mx-auto {

    margin-right: auto !important;

    margin-left: auto !important;

}

.rtl .ml-auto {

    margin-right: auto !important;

    margin-left: 0 !important;

}

.rtl .mx-auto {

    margin-right: auto !important;

    margin-left: auto !important;

}

@media (min-width: 576px) {

    .rtl .mx-sm-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-sm-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-sm-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-sm-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-sm-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-sm-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-sm-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-sm-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-sm-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-sm-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-sm-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-sm-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-sm-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-sm-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-sm-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-sm-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-sm-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-sm-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-sm-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-sm-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-sm-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-sm-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-sm-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-sm-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-sm-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-sm-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-sm-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-sm-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 768px) {

    .rtl .mx-md-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-md-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-md-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-md-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-md-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-md-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-md-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-md-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-md-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-md-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-md-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-md-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-md-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-md-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-md-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-md-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-md-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-md-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-md-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-md-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-md-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-md-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-md-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-md-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-md-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-md-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-md-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-md-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 992px) {

    .rtl .mx-lg-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-lg-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-lg-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-lg-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-lg-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-lg-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-lg-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-lg-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-lg-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-lg-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-lg-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-lg-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-lg-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-lg-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-lg-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-lg-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-lg-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-lg-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-lg-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-lg-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-lg-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-lg-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-lg-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-lg-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-lg-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-lg-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-lg-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-lg-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 1200px) {

    .rtl .mx-xl-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-xl-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-xl-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-xl-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-xl-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-xl-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-xl-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-xl-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-xl-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-xl-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-xl-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-xl-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-xl-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-xl-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-xl-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-xl-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-xl-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-xl-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-xl-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-xl-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-xl-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-xl-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-xl-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-xl-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-xl-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-xl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-xl-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-xl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 1440) {

    .rtl .mx-xxl-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-xxl-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-xxl-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-xxl-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-xxl-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-xxl-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-xxl-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-xxl-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-xxl-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-xxl-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-xxl-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-xxl-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-xxl-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-xxl-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-xxl-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-xxl-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-xxl-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-xxl-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-xxl-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-xxl-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-xxl-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-xxl-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-xxl-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-xxl-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-xxl-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-xxl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-xxl-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-xxl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

.rtl .float-left {

    float: right !important;

}

.rtl .float-right {

    float: left !important;

}

.rtl .float-none {

    float: none !important;

}

@media (min-width: 576px) {

    .rtl .float-sm-left {

        float: right !important;

    }

    .rtl .float-sm-right {

        float: left !important;

    }

    .rtl .float-sm-none {

        float: none !important;

    }

}

@media (min-width: 768px) {

    .rtl .float-md-left {

        float: right !important;

    }

    .rtl .float-md-right {

        float: left !important;

    }

    .rtl .float-md-none {

        float: none !important;

    }

}

@media (min-width: 992px) {

    .rtl .float-lg-left {

        float: right !important;

    }

    .rtl .float-lg-right {

        float: left !important;

    }

    .rtl .float-lg-none {

        float: none !important;

    }

}

@media (min-width: 1200px) {

    .rtl .float-xl-left {

        float: right !important;

    }

    .rtl .float-xl-right {

        float: left !important;

    }

    .rtl .float-xl-none {

        float: none !important;

    }

}

@media (min-width: 1440) {

    .rtl .float-xxl-left {

        float: right !important;

    }

    .rtl .float-xxl-right {

        float: left !important;

    }

    .rtl .float-xxl-none {

        float: none !important;

    }

}



[direction="rtl"] {

    /* .text-right {

          text-align: left !important;

      }



      .text-left {

          text-align: right !important;

      } */

}

[direction="rtl"][data-theme-version="dark"] .border,

[direction="rtl"][data-theme-version="dark"] .border-left,

[direction="rtl"][data-theme-version="dark"] .border-right {

    border-color: #473f72 !important;

}

[direction="rtl"] .border-right {

    border-left: 1px solid #eeeeee !important;

    border-right: 0 !important;

}

[direction="rtl"] .border-left {

    border-right: 1px solid #eeeeee !important;

    border-left: 0 !important;

}

[direction="rtl"] .dropdown-menu {

    left: auto;

}

[direction="rtl"] .dropdown-menu-right {

    left: 0;

    right: auto;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .dropdown-menu-right {

        left: 15px;

    }

}

[direction="rtl"] .notification_dropdown .dropdown-menu-right .media > span {

    margin-left: 10px;

    margin-right: 0;

}



[direction="rtl"]:not([data-container="boxed"]) .nav-header {

    left: auto;

    right: 0;

}

[direction="rtl"][data-container="wide-boxed"] .nav-header {

    left: auto;

    right: auto;

}

[direction="rtl"] .nav-header {

    text-align: right;

    right: auto;

}

[direction="rtl"] .nav-header .brand-title {

    margin-left: 0;

    margin-right: 15px;

}

[direction="rtl"] .nav-header .brand-logo {

    padding-left: 0px;

    padding-right: 20px;

}

[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo {

    padding-right: 0;

}

[data-sidebar-style="compact"][direction="rtl"]

    .nav-header

    .brand-logo[data-layout="horizontal"] {

    padding-right: 30px;

}

[data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo {

    padding-right: 0;

}

[data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {

    padding-right: 0;

}

[data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"]

    .nav-header

    .brand-logo {

    padding-right: 30px;

}

@media (max-width: 767.98px) {

    [direction="rtl"] .nav-header .brand-logo {

        padding-right: 0;

    }

}

[direction="rtl"] .nav-control {

    right: auto;

    left: 10px;

}

@media (max-width: 767.98px) {

    [direction="rtl"] .nav-control {

        left: -4.0625rem;

    }

}

@media (max-width: 575.98px) {

    [direction="rtl"] .nav-control {

        left: -2.0625rem;

    }

}

[direction="rtl"][data-sidebar-style="overlay"]

    .nav-header

    .hamburger.is-active {

    right: 0;

}



[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]

    .nav-header

    .brand-logo {

    padding-right: 40px;

}



[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]

    .nav-header {

    width: 16rem;

}



[direction="rtl"][data-sidebar-style="modern"] .nav-header .nav-control {

    right: unset;

    left: -60px;

}



[direction="rtl"] .header {

    padding: 0;

    padding-right: 17.5rem;

}

@media only screen and (max-width: 1023px) {

    [direction="rtl"] .header {

        padding-right: 0;

    }

}

@media (max-width: 767.98px) {

    [direction="rtl"] .header {

        padding-right: 0rem;

        padding-left: 0;

    }

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .header .header-content {

        padding-right: 3.5rem;

        padding-left: 0.938rem;

    }

}

[data-sidebar-style="compact"][direction="rtl"] .header .header-content {

    padding-right: 0;

}

[data-sidebar-style="modern"][direction="rtl"] .header .header-content {

    padding-right: 0;

}

@media only screen and (max-width: 575px) {

    [data-sidebar-style="overlay"][direction="rtl"] .header .header-content {

        padding-right: 0.5rem;

    }

}

[direction="rtl"] .header .nav-control {

    right: 0.4375rem;

    left: auto;

}

[direction="rtl"] .header-right > li:not(:first-child) {

    padding-left: 0;

    padding-right: 0.5rem;

    margin-right: 0 !important;

}

@media only screen and (max-width: 767px) {

    [direction="rtl"] .header-right > li:not(:first-child) {

        padding-right: 0.5rem;

    }

}

[direction="rtl"] .header-right .header-profile > a.nav-link {

    margin-left: auto;

    padding-left: auto;

    margin-right: 15px;

    padding-right: 30px;

    border-right: 1px solid #eeeeee;

    border-left: 0;

}

[direction="rtl"] .header-right .header-profile > a.nav-link .header-info {

    padding-right: 20px;

    padding-left: auto;

    text-align: right;

}

@media only screen and (max-width: 1400px) {

    [direction="rtl"] .header-right .header-profile > a.nav-link .header-info {

        padding-right: 10px;

        padding-left: 0;

    }

}

@media only screen and (max-width: 1400px) {

    [direction="rtl"] .header-right .header-profile > a.nav-link {

        margin-right: 10px;

        padding-right: 20px;

        padding-left: 0;

    }

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .header-right .header-profile > a.nav-link {

        margin-right: 0px;

        padding-right: 0px;

        border-right: 0;

    }

}

[direction="rtl"] .header-left .search_bar .dropdown-menu,

[direction="rtl"] .header-left .search_bar .dropdown-menu.show {

    right: 40px !important;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .header-left .search_bar .dropdown-menu,

    [direction="rtl"] .header-left .search_bar .dropdown-menu.show {

        right: -100px !important;

    }

}

[direction="rtl"] .header-left .search_bar .search_icon {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 5rem;

    border-bottom-right-radius: 5rem;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .header-left .search_bar .search_icon {

        border-radius: 5rem;

    }

}

[direction="rtl"][data-layout="horizontal"] .header {

    padding: 0;

    padding-right: 21.563rem;

}

[direction="rtl"][data-layout="horizontal"] .header .header-content {

    padding-right: 2.5rem;

    padding-left: 2.5rem;

}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"]

    .nav-header

    .brand-logo {

    padding-right: 2.5rem;

}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header {

    padding-right: 7.75rem;

}

[direction="rtl"][data-sidebar-style="mini"] .header {

    padding-right: 5rem;

}

[direction="rtl"][data-sidebar-style="compact"] .header {

    padding: 0 0;

    padding-right: 11.25rem;

}

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]

    .header {

    padding: 0;

    padding-right: 21.563rem;

}

[direction="rtl"][data-sidebar-style="modern"] .header {

    padding: 0 0;

    padding-right: 9.375rem;

}

[direction="rtl"][data-sidebar-style="modern"] .header .navbar {

    padding-left: 40px;

    padding-right: 80px;

}

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]

    .header {

    padding: 0;

    padding-right: 16rem;

}



[direction="rtl"] {

    text-align: right;

}

[direction="rtl"] .deznav {

    text-align: right;

}

[direction="rtl"] .deznav .metismenu ul:after {

    left: auto;

    right: 25px;

}

[direction="rtl"] .deznav .metismenu ul a:before {

    left: auto;

    right: 65px;

}

[direction="rtl"] .deznav .metismenu ul a .badge {

    float: left;

    margin-right: 0;

    margin-left: 12px;

}

[direction="rtl"] .deznav .metismenu li > a i {

    padding: 0 0 0 1.5rem;

}

[direction="rtl"] .deznav .metismenu li > a svg {

    margin-left: 5px;

    margin-right: 0;

}

[data-sidebar-style="compact"][direction="rtl"] .deznav .metismenu li > a svg {

    left: auto;

    margin-left: auto;

    margin-right: auto;

}

[data-sidebar-style="icon-hover"][direction="rtl"]

    .deznav

    .metismenu

    li

    > a

    svg {

    margin-left: 0;

}

[direction="rtl"] .deznav .metismenu li ul a {

    padding-right: 6.4rem;

    padding-left: 2rem;

}

[direction="rtl"] .deznav .metismenu li.active > .has-arrow:after {

    transform: rotate(45deg) translateY(-50%);

}

[direction="rtl"] .deznav .metismenu .has-arrow:after {

    left: 1.5625rem;

    right: auto;

}

[data-layout="horizontal"][direction="rtl"]

    .deznav

    .metismenu

    .has-arrow:after {

    left: 1.125rem;

}

[data-sidebar-style="modern"][direction="rtl"]

    .deznav

    .metismenu

    .has-arrow:after {

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    .has-arrow:after {

    left: 1.5rem;

    right: auto;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    left: auto;

    right: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-top-left-radius: 15px;

    border-bottom-left-radius: 15px;

}

[direction="rtl"][data-sidebar-style="mini"] .deznav .metismenu > li > a > i {

    padding: 0;

}

[direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > ul

    a.has-arrow:after {

    left: 1.5625rem;

    right: auto;

}

[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li > a i {

    padding: 0;

}

[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li ul a {

    padding-right: 0.625rem;

    padding-left: 0.625rem;

}

[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:before {

    left: auto;

    right: 65px;

}

[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    li

    ul

    a {

    padding-right: 4.5rem;

    padding-left: 0.625rem;

}

[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    li

    ul

    a:before {

    left: auto;

    right: 40px;

}

[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:before {

    left: auto;

    right: 65px;

}

[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    li

    ul

    a {

    padding-right: 3.5rem;

    padding-left: 0.625rem;

}

[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    li

    ul

    a:before {

    left: auto;

    right: 30px;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    > ul

    li:hover

    ul {

    right: 11.8125rem;

    left: 0;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .header

    .navbar {

    padding-left: 0;

    padding-right: 60px;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .nav-header

    .nav-control {

    right: auto;

    left: -50px;

}

[direction="rtl"][data-layout="horizontal"] .deznav {

    left: unset;

    right: 40px;

}

[direction="rtl"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:nth-child(2)

    > a {

    border-right: 0;

}

@media only screen and (max-width: 1023px) {

    [direction="rtl"][data-sidebar-style="overlay"] .header .navbar {

        padding-left: 40px;

        padding-right: 145px;

    }

}



[direction="rtl"] {

    /* ===== Light gallery ===== */

}

[direction="rtl"]

    .select2-container--default

    .select2-selection--single

    .select2-selection__arrow {

    left: 15px;

    right: auto;

}

[direction="rtl"]

    .input-group

    > .bootstrap-select:not(:first-child)

    .dropdown-toggle {

    border-radius: 0.75rem 0 0 0.75rem;

}

[direction="rtl"] .list-group {

    padding-left: 0;

}

[direction="rtl"] .form-check-input {

    margin-left: -1.25rem;

    margin-right: inherit;

}

[direction="rtl"] .form-check-inline .form-check-input {

    margin-right: 0;

    margin-left: 10px;

}

[direction="rtl"] .radio input,

[direction="rtl"] .radio-inline,

[direction="rtl"] .checkbox input,

[direction="rtl"] .checkbox-inline input {

    margin-left: 0;

    margin-right: 0;

}

[direction="rtl"] .content-body {

    margin-right: 17.5rem;

    margin-left: auto;

}

[data-sidebar-style="modern"][direction="rtl"] .content-body {

    margin-right: 9.375rem;

}

[direction="rtl"] .content-body .page-titles {

    text-align: right;

}

[direction="rtl"] .doctor-info-details .media-body span i,

[direction="rtl"] .recovered-chart-deta .col [class*="bg-"] {

    margin-right: 0;

    margin-left: 10px;

}

[direction="rtl"] .patients-chart-deta .col,

[direction="rtl"] .patients-chart-deta .col [class*="bg-"],

[direction="rtl"] .recovered-chart-deta .col {

    margin-right: 0;

    margin-left: 15px;

}

[direction="rtl"] .best-doctor .timeline .timeline-panel .media .number {

    left: auto;

    right: -13px;

}

[direction="rtl"] .doctor-info-details .media i {

    right: 0;

    left: -15px;

}

[direction="rtl"] .review-table .disease {

    border-left: 0;

    border-right: 1px solid #eee;

    padding-left: 0;

    padding-right: 20px;

}

[direction="rtl"] .apexcharts-legend-text {

    margin: 4px;

}

[direction="rtl"] .doctor-info-details .media-body {

    padding-left: 0;

    padding-right: 40px;

}

[direction="rtl"] .custom-control {

    margin-left: 0;

}

[direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link {

    border-radius: 0 0.75rem 0 0;

}

[direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link {

    border-radius: 0.75rem 0 0 0;

}

[direction="rtl"] .form-head .btn i {

    margin-left: 5px;

    margin-right: 0;

}

[direction="rtl"] .iconbox {

    padding-left: 0;

    padding-right: 70px;

}

[direction="rtl"] .iconbox i {

    left: auto;

    right: 0;

}

[direction="rtl"] .table.tr-rounded tr td:first-child,

[direction="rtl"] .table.tr-rounded tr th:first-child {

    border-radius: 0 0.35rem 0.35rem 0;

}

[direction="rtl"] .table.tr-rounded tr td:last-child,

[direction="rtl"] .table.tr-rounded tr th:last-child {

    border-radius: 0.35rem 0 0 0.35rem;

}

[direction="rtl"] .custom-switch.toggle-switch.text-right {

    padding-left: 48px;

    padding-right: 0;

}

[direction="rtl"] .toggle-switch.text-right .custom-control-label:before {

    right: auto !important;

    left: -47px;

}

[direction="rtl"] .toggle-switch.text-right .custom-control-label:after {

    right: auto !important;

    left: -28px;

}

[direction="rtl"]

    .toggle-switch.text-right

    .custom-control-input:checked

    ~ .custom-control-label:after {

    left: -62px;

    right: auto !important;

}

[direction="rtl"] .check-switch {

    padding-right: 40px;

}

[direction="rtl"] .check-switch .custom-control-label:after,

[direction="rtl"] .check-switch .custom-control-label:before {

    right: -35px !important;

}

[direction="rtl"] .bar-chart .apexcharts-yaxis {

    transform: translatex(101%);

}

[direction="rtl"] .detault-daterange .input-group-text {

    padding: 0.532rem 0.75rem;

    padding-right: auto;

    padding-left: 0;

}

[direction="rtl"] .form-wrapper .input-group .form-control {

    text-align: left;

}

[direction="rtl"] .timeline-chart .apexcharts-yaxis {

    transform: translateX(0);

}

[direction="rtl"] .card-table td:first-child {

    padding-right: 30px;

    padding-left: 10px;

}

[direction="rtl"] .card-table td:last-child {

    padding-left: 30px;

    padding-right: 10px;

}

[direction="rtl"] .chatbox .img_cont {

    margin-right: 0px;

    margin-left: 10px;

}

[direction="rtl"] .profile-tab .nav-item .nav-link {

    margin-right: 0;

    margin-left: 30px;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .profile-tab .nav-item .nav-link {

        margin-left: 0px;

    }

}

[direction="rtl"] .widget-timeline .timeline > li > .timeline-panel {

    margin-left: 0px;

    margin-right: 40px;

}

[direction="rtl"]

    .widget-timeline.style-1

    .timeline

    .timeline-badge.timeline-badge

    + .timeline-panel {

    padding: 5px 15px 5px 10px;

    border-width: 0px 5px 0px 0px;

}

[direction="rtl"]

    .widget-timeline.style-1

    .timeline

    .timeline-badge.timeline-badge

    + .timeline-panel:after {

    border: 0;

    right: -9px;

    width: 7px;

    left: auto;

    height: 7px;

}

[direction="rtl"] .widget-timeline .timeline > li > .timeline-badge {

    left: auto;

    right: 0px;

}

[direction="rtl"] .widget-timeline .timeline > li > .timeline-panel:after {

    left: auto;

    right: -5px;

}

[direction="rtl"] .chatbox .msg_cotainer {

    margin-left: 0;

    margin-right: 10px;

    border-radius: 1.375rem 0 1.375rem 1.375rem;

}

[direction="rtl"] .chatbox .msg_cotainer:after {

    left: auto;

    right: -10px;

    transform: rotate(-90deg);

}

[direction="rtl"] .chatbox .type_msg .input-group .input-group-append .btn {

    border-top-right-radius: 38px !important;

    border-bottom-right-radius: 38px !important;

}

[direction="rtl"] .chatbox .msg_cotainer_send {

    margin-right: 0px;

    margin-left: 10px;

    border-radius: 0 6px 6px 6px;

}

[direction="rtl"] .chatbox .msg_cotainer_send:after {

    right: auto;

    left: -10px;

    transform: rotate(90deg);

}

[direction="rtl"] .new-arrival-content .price {

    float: left;

}

[direction="rtl"]

    .input-group

    > .bootstrap-select:not(:first-child)

    .dropdown-toggle {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-top-left-radius: 0.35rem;

    border-bottom-left-radius: 0.35rem;

}

[direction="rtl"]

    .input-group

    > .bootstrap-select:not(:last-child)

    .dropdown-toggle {

    border-top-right-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

[direction="rtl"] .breadcrumb-item + .breadcrumb-item {

    padding-right: 0.5rem;

    padding-left: 0;

}

[direction="rtl"] .breadcrumb-item + .breadcrumb-item::before {

    padding-right: 0;

    padding-left: 0.5rem;

}

[direction="rtl"] .chatbox .chatbox-close {

    left: 340px;

    right: auto;

}

[direction="rtl"] .message-search-area .input-group-text {

    padding-left: 25px;

    padding-right: 10px;

    border-left: 1px solid #eeeeee;

    border-right: 0;

    border-radius: 2rem;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

[direction="rtl"] .message-search-area .form-control {

    border-right: 1px solid #eeeeee;

    border-left: 0;

    border-radius: 2rem;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

[direction="rtl"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link {

    padding-right: 0;

    padding-left: 25px;

}

[direction="rtl"] .chat-box .message-sent p {

    border-radius: 20px 20px 20px 0;

}

[direction="rtl"] .chat-box .message-received p {

    border-radius: 20px 0 20px 20px;

}

[direction="rtl"] .mail-list .list-group-item i {

    padding-right: 0;

    padding-left: 0.625rem;

}

[direction="rtl"] .dataTables_wrapper .dataTables_filter input {

    margin-left: 0;

    margin-right: 0.5em;

}

[direction="rtl"][data-layout="horizontal"] .content-body {

    margin-right: 0;

}

[direction="rtl"][data-layout="horizontal"]

    .deznav

    .metismenu

    li

    li

    .has-arrow:after {

    -webkit-transform: rotate(-4deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

[direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"])

    .content-body {

    margin-right: 5rem;

}

[direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"])

    .content-body {

    margin-right: 11.25rem;

}

[direction="rtl"][data-sidebar-style="overlay"] .content-body {

    margin-right: 0;

}

[direction="rtl"] #external-events .external-event:before {

    margin-right: 0;

    margin-left: 0.9rem;

}

[direction="rtl"] .post-input a i {

    margin-left: 15px;

    margin-right: 0;

}

[direction="rtl"] .deznav .metismenu .has-arrow:after {

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

[direction="rtl"] .deznav .metismenu .has-arrow[aria-expanded="true"]:after,

[direction="rtl"] .deznav .metismenu .mm-active > .has-arrow:after {

    -webkit-transform: rotate(-135deg) translateY(-50%);

    transform: rotate(-135deg);

}

[direction="rtl"][data-layout="horizontal"]

    .deznav

    .metismenu

    .has-arrow:after {

    -webkit-transform: rotate(225deg) translateY(-50%);

    transform: rotate(225deg) translateY(-50%);

}

[direction="rtl"] .chatbox {

    left: -500px;

    right: auto;

}

[direction="rtl"] .chatbox.active {

    left: 0;

    right: auto;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .best-doctor .timeline .timeline-panel .media {

        float: right;

        margin-right: 0 !important;

        margin-left: 15px !important;

    }

}

[direction="rtl"] .default-select.style-1 .btn:after {

    margin-left: 0;

    margin-right: 0.5em;

}

[direction="rtl"] .pagination .page-indicator {

    transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

}

[direction="rtl"] .lg-outer.lg-visible {

    direction: ltr;

}

[direction="rtl"] .chart-point .chart-point-list {

    margin: 0;

    padding-right: 20px;

}

[direction="rtl"] .noUi-target {

    direction: rtl;

}

[direction="rtl"] .noUi-vertical .noUi-pips-vertical {

    left: -20px;

}

[direction="rtl"] .noUi-vertical .noUi-value-vertical {

    padding-left: 0;

    padding-right: 25px;

}

[direction="rtl"] .sidebar-right .ps--active-x > .ps__rail-x {

    display: none;

}

[direction="rtl"] .form-wizard .nav-wizard li .nav-link:after {

    right: 50%;

    left: auto;

}

[direction="rtl"] .dtp > .dtp-content {

    right: 50%;

    left: auto;

}

[direction="rtl"] .modal-header .close {

    margin: 0;

    left: 0;

    top: 0px;

    right: auto;

}

[direction="rtl"] .input-group-prepend .btn + .btn {

    border-radius: 0 !important;

}

[direction="rtl"] .form-control + .input-group-append .btn:first-child {

    border-top-right-radius: 0 !important;

    border-bottom-right-radius: 0 !important;

}

[direction="rtl"]

    .input-group

    > .custom-file:not(:first-child)

    .custom-file-label {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0.35rem;

    border-top-left-radius: 0.35rem;

}

[direction="rtl"] .custom-file-label::after {

    border-radius: 0.35rem 0 0 0.35rem;

}

[direction="rtl"]

    .input-group

    > .custom-file:not(:last-child)

    .custom-file-label {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

[direction="rtl"]

    .input-group

    > .custom-file:not(:last-child)

    .custom-file-label::after {

    border-radius: 0;

}

[direction="rtl"] .weather-btn {

    margin-left: 20px;

}

[direction="rtl"] .coin-holding:after {

    background: -moz-linear-gradient(

        left,

        rgba(255, 255, 255, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* FF3.6-15 */

    background: -webkit-linear-gradient(

        left,

        rgba(255, 255, 255, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ffffff', endColorstr='#00ffffff',GradientType=1 );

    /* IE6-9 */

}

[direction="rtl"][data-theme-version="dark"] .coin-holding:after {

    background: -moz-linear-gradient(

        left,

        rgba(5, 5, 5, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* FF3.6-15 */

    background: -webkit-linear-gradient(

        left,

        rgba(5, 5, 5, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(

        to right,

        rgba(5, 5, 5, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45050505', endColorstr='#00ffffff',GradientType=1 );

    /* IE6-9 */

}

[direction="rtl"] .market-line .apexcharts-yaxis {

    transform: translateX(-10px);

}

[direction="rtl"] .current-chart .apexcharts-datalabels-group text:last-child {

    fill: #fff;

}

[direction="rtl"] .swiper-box .swiper-slide {

    padding-left: 0;

    padding-right: 23px;

}

[direction="rtl"] .swiper-box .swiper-scrollbar-drag {

    left: auto;

    right: -3px;

}

[direction="rtl"] .swiper-box .swiper-container-vertical > .swiper-scrollbar {

    right: 4px;

    left: auto;

}



@media only screen and (max-width: 1350px) and (min-width: 1200px) {

    [direction="rtl"] .content-body {

        margin-right: 17rem;

    }

}

[direction="rtl"] .sidebar-right {

    left: -50rem;

    right: auto;

    box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);

}

[direction="rtl"] .sidebar-right.show {

    left: 5.25rem;

    right: auto;

}

[direction="rtl"] .sidebar-right .sidebar-right-trigger {

    left: 100%;

    right: auto;

    border-radius: 0 5px 5px 0;

    box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);

}

[direction="rtl"] .sidebar-right .sidebar-close-trigger {

    left: -48px;

    right: auto;

}

[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option {

    text-align: right;

}

[direction="rtl"] .dz-demo-panel {

    right: unset;

    left: -100%;

}

[direction="rtl"] .dz-demo-panel.show {

    right: unset;

    left: 0;

}

[direction="rtl"] .dz-demo-panel .dz-demo-trigger {

    left: 100%;

    right: unset;

    border-radius: 0 5px 5px 0;

}



html[dir="rtl"] [direction="rtl"] .footer {

    padding-right: 17.1875rem;

    padding-left: 0;

}

@media (max-width: 767.98px) {

    html[dir="rtl"] [direction="rtl"] .footer {

        padding-right: 0;

    }

}

html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer {

    padding-right: 0;

}

html[dir="rtl"] [direction="rtl"] .menu-toggle .footer {

    padding-right: 3.75rem;

}

html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer {

    padding-right: 0;

}

html[dir="rtl"]

    [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"])

    .footer {

    padding-right: 3.75rem;

}

html[dir="rtl"]

    [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"])

    .footer {

    padding-right: 9.375rem;

}



.nav-label {

    margin: 10px 25px 0;

    padding: 1.5625rem 0 10px;

    text-transform: uppercase;

    font-size: 0.75rem;

    letter-spacing: 0.05rem;

    border-top: 1px solid #eaeaea;

    color: #999999;

}

[data-theme-version="dark"] .nav-label {

    border-color: #473f72;

}

.nav-label.first {

    border: 0px;

    margin-top: 0px;

}



.nav-badge {

    position: absolute;

    right: 2.8125rem;

    top: 0.625rem;

}



.content-body {

    margin-left: 20.5rem;

    z-index: 0;

    transition: all 0.2s ease;

}

@media only screen and (max-width: 1350px) {

    .content-body {

        margin-left: 17rem;

    }

}



.bell img {

    -webkit-animation: ring 8s 0.7s ease-in-out infinite;

    -webkit-transform-origin: 50% 4px;

    -moz-animation: ring 8s 0.7s ease-in-out infinite;

    -moz-transform-origin: 50% 4px;

    animation: ring 8s 0.7s ease-in-out infinite;

}



@-webkit-keyframes ring {

    0% {

        -webkit-transform: rotateZ(0);

    }

    1% {

        -webkit-transform: rotateZ(30deg);

    }

    3% {

        -webkit-transform: rotateZ(-28deg);

    }

    5% {

        -webkit-transform: rotateZ(34deg);

    }

    7% {

        -webkit-transform: rotateZ(-32deg);

    }

    9% {

        -webkit-transform: rotateZ(30deg);

    }

    11% {

        -webkit-transform: rotateZ(-28deg);

    }

    13% {

        -webkit-transform: rotateZ(26deg);

    }

    15% {

        -webkit-transform: rotateZ(-24deg);

    }

    17% {

        -webkit-transform: rotateZ(22deg);

    }

    19% {

        -webkit-transform: rotateZ(-20deg);

    }

    21% {

        -webkit-transform: rotateZ(18deg);

    }

    23% {

        -webkit-transform: rotateZ(-16deg);

    }

    25% {

        -webkit-transform: rotateZ(14deg);

    }

    27% {

        -webkit-transform: rotateZ(-12deg);

    }

    29% {

        -webkit-transform: rotateZ(10deg);

    }

    31% {

        -webkit-transform: rotateZ(-8deg);

    }

    33% {

        -webkit-transform: rotateZ(6deg);

    }

    35% {

        -webkit-transform: rotateZ(-4deg);

    }

    37% {

        -webkit-transform: rotateZ(2deg);

    }

    39% {

        -webkit-transform: rotateZ(-1deg);

    }

    41% {

        -webkit-transform: rotateZ(1deg);

    }

    43% {

        -webkit-transform: rotateZ(0);

    }

    100% {

        -webkit-transform: rotateZ(0);

    }

}

@-moz-keyframes ring {

    0% {

        -moz-transform: rotate(0);

    }

    1% {

        -moz-transform: rotate(30deg);

    }

    3% {

        -moz-transform: rotate(-28deg);

    }

    5% {

        -moz-transform: rotate(34deg);

    }

    7% {

        -moz-transform: rotate(-32deg);

    }

    9% {

        -moz-transform: rotate(30deg);

    }

    11% {

        -moz-transform: rotate(-28deg);

    }

    13% {

        -moz-transform: rotate(26deg);

    }

    15% {

        -moz-transform: rotate(-24deg);

    }

    17% {

        -moz-transform: rotate(22deg);

    }

    19% {

        -moz-transform: rotate(-20deg);

    }

    21% {

        -moz-transform: rotate(18deg);

    }

    23% {

        -moz-transform: rotate(-16deg);

    }

    25% {

        -moz-transform: rotate(14deg);

    }

    27% {

        -moz-transform: rotate(-12deg);

    }

    29% {

        -moz-transform: rotate(10deg);

    }

    31% {

        -moz-transform: rotate(-8deg);

    }

    33% {

        -moz-transform: rotate(6deg);

    }

    35% {

        -moz-transform: rotate(-4deg);

    }

    37% {

        -moz-transform: rotate(2deg);

    }

    39% {

        -moz-transform: rotate(-1deg);

    }

    41% {

        -moz-transform: rotate(1deg);

    }

    43% {

        -moz-transform: rotate(0);

    }

    100% {

        -moz-transform: rotate(0);

    }

}

@keyframes ring {

    0% {

        transform: rotate(0);

    }

    1% {

        transform: rotate(30deg);

    }

    3% {

        transform: rotate(-28deg);

    }

    5% {

        transform: rotate(34deg);

    }

    7% {

        transform: rotate(-32deg);

    }

    9% {

        transform: rotate(30deg);

    }

    11% {

        transform: rotate(-28deg);

    }

    13% {

        transform: rotate(26deg);

    }

    15% {

        transform: rotate(-24deg);

    }

    17% {

        transform: rotate(22deg);

    }

    19% {

        transform: rotate(-20deg);

    }

    21% {

        transform: rotate(18deg);

    }

    23% {

        transform: rotate(-16deg);

    }

    25% {

        transform: rotate(14deg);

    }

    27% {

        transform: rotate(-12deg);

    }

    29% {

        transform: rotate(10deg);

    }

    31% {

        transform: rotate(-8deg);

    }

    33% {

        transform: rotate(6deg);

    }

    35% {

        transform: rotate(-4deg);

    }

    37% {

        transform: rotate(2deg);

    }

    39% {

        transform: rotate(-1deg);

    }

    41% {

        transform: rotate(1deg);

    }

    43% {

        transform: rotate(0);

    }

    100% {

        transform: rotate(0);

    }

}

.deznav {

    width: 17.5rem;

    padding-bottom: 0;

    height: calc(100% - 72px);

    position: absolute;

    top: 4.5rem;

    padding-top: 0;

    z-index: 4;

    background-color:#011d05e6;

    transition: all 0.2s ease;

    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.02);

}

@media only screen and (max-width: 1199px) {

    .deznav {

        background-color: #fff;

        height: calc(100% - 80px);

    }

}

@media only screen and (max-width: 767px) {

    .deznav {

        width: 18rem;

    }

}

.deznav .deznav-scroll {

    position: relative;

    height: 100%;

}

@media only screen and (max-width: 1350px) {

    .deznav {

        width: 17rem;

    }

}

.deznav ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.deznav .main-profile {

    text-align: center;

    padding: 20px 0px;

    position: relative;

}

.deznav .main-profile .image-bx {

    position: relative;

    display: inline-block;

    height: 65px;

    width: 65px;

    margin-bottom: 12px;

}

.deznav .main-profile .image-bx img {

    border-radius: 8px;

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.deznav .main-profile .image-bx a {

    color: var(--primary);

    position: absolute;

    top: -10px;

    right: -8px;

    font-size: 20px;

}

.deznav .main-profile .name {

    margin-bottom: 2px;

    color:white;

}

.deznav .main-profile .email {

    margin-bottom: 0;

    font-size: 12px;

}

.deznav .metismenu {

    display: flex;

    flex-direction: column;

    padding-top: 0;

    padding-bottom: 15px;

    color:white;

}

.deznav .metismenu.fixed {

    position: fixed;

    top: 0;

    width: 100%;

    left: 0;

}

.deznav .metismenu > li {

    display: flex;

    flex-direction: column;

    color:white;

}

.deznav .metismenu > li a {

    position: relative;

}

.deznav .metismenu > li a > i {

    font-size: 1.2rem;

    display: inline-block;

    vertical-align: middle;

    padding: 0 1rem 0 0;

    position: relative;

    top: 0;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    line-height: 1;

}

[data-sidebar-style="compact"] .deznav .metismenu > li a > i {

    display: block;

    padding: 0;

    background: #f9f9f9;

    color: rgba(0, 0, 0, 0.6);

    width: 60px;

    height: 60px;

    border-radius: 12px;

    line-height: 60px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 5px;

}

[data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li

    a

    > i[data-theme-version="dark"] {

    color: #fff;

}

@media only screen and (max-width: 767px) {

    .deznav .metismenu > li a > i {

        font-size: 1.25rem;

        padding: 0 0.75rem 0 0;

        color: #969ba0;

    }

}

.deznav .metismenu > li > a {

    font-weight: 400;

    display: inline-block;

    font-size: 15px;

    color: #3f4358;

}

.deznav .metismenu > li > a i {

    color: #969ba0;

}

.deznav .metismenu > li > a svg {

    max-width: 24px;

    max-height: 24px;

    height: 100%;

    margin-right: 5px;

    margin-top: -3px;

    color: var(--primary);

}

.deznav .metismenu > li > a g [fill] {

    fill: #8088a1;

}

.deznav .metismenu > li > a .nav-text {

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    display: inline-block;

    font-size:medium;

    color:white ;

}

.deznav .metismenu > li > a:hover .nav-text {

    transform: translateX(10px);

}

.deznav .metismenu > li > ul > li > ul a {

    padding-left: 4.2rem;

}

.deznav .metismenu > li > ul > li > ul a:before {

    border: 0;

    background: #a9a9a9;

    width: 10px;

    height: 1px;

    left: 44px;

}

.deznav .metismenu > li:hover > a,

.deznav .metismenu > li:focus > a {

    color: var(--primary);

}

.deznav .metismenu > li:hover > a g [fill],

.deznav .metismenu > li:focus > a g [fill] {

    fill: var(--primary);

}

.deznav .metismenu > li:hover > a i,

.deznav .metismenu > li:focus > a i {

    color: var(--primary);

}

.deznav .metismenu > li.mm-active > a {

    background: var(--rgba-primary-1);

    color: var(--primary);

    font-weight: 500;

    box-shadow: none;

}

.deznav .metismenu > li.mm-active > a i {

    color: var(--primary);

    font-weight: 100;

}

.deznav .metismenu > li.mm-active > a g [fill] {

    fill: var(--primary);

}

[data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i {

    background: var(--rgba-primary-1);

    color: var(--primary);

}

.deznav .metismenu li {

    position: relative;

}

.deznav .metismenu ul {

    transition: all 0.2s ease-in-out;

    position: relative;

    z-index: 1;

    padding: 0.5rem 0;

}

.deznav .metismenu ul a {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    position: relative;

    font-size: 14px;

    padding-left: 3.4rem;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.deznav .metismenu ul a .badge {

    float: right;

    margin-right: 12px;

    line-height: 15px;

}

.deznav .metismenu ul a:before {

    position: absolute;

    height: 7px;

    width: 7px;

    border: 2px solid #a9a9a9;

    content: "";

    border-radius: 26px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    left: 30px;

}

[data-sidebar-style="overlay"] .deznav .metismenu ul a:before {

    left: 40px;

}

@media only screen and (max-width: 1350px) {

    .deznav .metismenu ul a {

        padding-left: 5.2rem;

        font-size: 14px;

    }

    .deznav .metismenu ul a:before {

        left: 50px;

    }

}

@media only screen and (max-width: 767px) {

    .deznav .metismenu ul a {

        padding-left: 3.5rem;

        font-size: 14px;

    }

}

.deznav .metismenu ul a:hover,

.deznav .metismenu ul a:focus,

.deznav .metismenu ul a.mm-active {

    background: #f5f5f5;

    text-decoration: none;

    color: var(--primary);

}

.deznav .metismenu ul a:hover:before,

.deznav .metismenu ul a:focus:before,

.deznav .metismenu ul a.mm-active:before {

    border-color: var(--primary);

}

.deznav .metismenu a {

    position: relative;

    display: block;

    padding: 0.625rem 1.875rem;

    outline-width: 0;

    color: #3f4358;

    text-decoration: none;

}

@media only screen and (max-width: 767px) {

    .deznav .metismenu a {

        padding: 0.625rem 1.25rem;

    }

}

.deznav .metismenu .has-arrow:after {

    width: 0.5rem;

    height: 0.5rem;

    right: 1.875rem;

    top: 48%;

    border-color: inherit;

    -webkit-transform: rotate(-225deg) translateY(-50%);

    transform: rotate(-225deg) translateY(-50%);

}

.deznav .metismenu .has-arrow[aria-expanded="true"]:after,

.deznav .metismenu .mm-active > .has-arrow:after {

    -webkit-transform: rotate(-135deg) translateY(-50%);

    transform: rotate(-135deg) translateY(-50%);

}



@media only screen and (max-width: 1023px) {

    .nav-header {

        width: 5rem;

    }

}



@media (max-width: 767px) {

    .brand-title {

        display: none;

    }



    .footer {

        padding-left: 0;

    }



    .deznav {

        left: 0;

        top: 5rem;

    }

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu

    > ul.collapse:not(.in),

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu

    > ul.collapse:not(.in) {

    height: 252px !important;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu:hover

    > a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > a {

    width: calc(70vw + 3.75rem);

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    max-height: 13.75rem;

    width: 70vw;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul

    ul

    a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul

    ul

    a {

    width: 101%;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > a {

    width: calc(70vw + 3rem);

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > ul,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > ul {

    max-height: 200px;

    width: 70vw;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > ul

    ul

    a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > ul

    ul

    a {

    width: 101%;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > a {

    width: calc(55vw + 3rem);

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > ul,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > ul {

    max-height: 200px;

    width: 55vw;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > ul

    ul

    a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > ul

    ul

    a {

    width: 101%;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > a {

    width: calc(45vw + 3);

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > ul,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > ul {

    max-height: 18.75rem;

    width: 45vw;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > ul

    ul

    a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > ul

    ul

    a {

    width: 101%;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > a {

    width: calc(30vw + 3);

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > ul,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > ul {

    max-height: 18.125rem;

    width: 30vw;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > ul

    ul

    a,

[data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > ul

    ul

    a {

    width: 101%;

}



[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > a {

    width: calc(60vw + 3.75rem);

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    max-height: 25rem;

    width: 60vw;

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul

    ul

    a {

    width: 101%;

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > a {

    width: calc(60vw + 3.75rem);

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > ul {

    max-height: 25.625rem;

    width: 60vw;

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > a {

    width: calc(50vw + 3.75rem);

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > ul {

    max-height: 16.25rem;

    width: 50vw;

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > a {

    width: calc(40vw + 3.75rem);

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > ul {

    max-height: 18.75rem;

    width: 40vw;

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > a {

    width: calc(22vw + 3.75rem);

}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > ul {

    max-height: 18.125rem;

    width: 22vw;

}



[data-layout="horizontal"] .deznav .metismenu > li.mega-menu:not(:last-child) {

    position: static;

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul {

    left: 0;

    right: 0;

}

[data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #473f72;

}

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: black;

}

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #c24a17;

}

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #22134e;

}

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #711717;

}

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #121843;

}

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #3511d0;

}

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #2c988e;

}

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #002629;

}

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu

    ul

    li {

    border-color: #af5b00;

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li a {

    transition: all 0.4s ease-in-out;

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li a:hover {

    border-radius: 0.25rem;

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    max-height: 13.75rem;

    width: 70vw;

    z-index: 99;

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after {

    content: "";

    height: 100%;

    width: 1px;

    position: absolute;

    background-color: #fff;

    right: 2.8125rem;

    top: 0;

}

[data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #322a55;

}

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #0a0c16;

}

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #077c23;

}

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #331d77;

}

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #9c1f1f;

}

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #1d276b;

}

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #4c27ed;

}

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #38bfb3;

}

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #00545c;

}

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul::after {

    background-color: #e27500;

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul ul a {

    width: 101%;

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu-xl:hover > ul {

    max-height: 210px;

    width: 70vw;

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu-lg:hover > ul {

    max-height: 210px;

    width: 700px;

    height: 210px !important;

}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {

    [data-layout="horizontal"] .deznav .metismenu > li.mega-menu-lg:hover > ul {

        width: 700px;

    }

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu-md:hover > ul {

    max-height: 20rem;

    width: 54vw;

}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {

    [data-layout="horizontal"] .deznav .metismenu > li.mega-menu-md:hover > ul {

        width: 60vw;

    }

}

[data-layout="horizontal"] .deznav .metismenu > li.mega-menu-sm:hover > ul {

    max-height: 20rem;

    width: 25vw;

}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {

    [data-layout="horizontal"] .deznav .metismenu > li.mega-menu-sm:hover > ul {

        width: 35vw;

    }

}



[data-layout="horizontal"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu:hover

    > ul {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

}

[data-layout="horizontal"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-xl:hover

    > ul {

    max-height: 21.875rem;

    width: 100%;

}

[data-layout="horizontal"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-lg:hover

    > ul {

    max-height: 21.875rem;

    width: 55vw;

}

[data-layout="horizontal"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-md:hover

    > ul {

    max-height: 18.75rem;

    width: 45vw;

}

[data-layout="horizontal"][data-container="boxed"]

    .deznav

    .metismenu

    > li.mega-menu-sm:hover

    > ul {

    max-height: 18.125rem;

    width: 50vw;

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



/*

0 - 600: Phone

600 - 900: Tablet portrait

900 - 1200: Tablet landscape

1200 - 1800: Normal styles

1800+ : Big Desktop

1em = 16px

The smaller device rules always should write below the bigger device rules

Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component

*/

[data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    font-size: 14px;

    padding: 12px 25px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    position: absolute;

    content: "";

    background: var(--primary);

    width: 0;

    height: 100%;

    top: 0;

    left: 0;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    border-top-right-radius: 15px;

    border-bottom-right-radius: 15px;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a:before {

    width: 6px;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    font-weight: 300;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    .has-arrow:after {

    right: 1.5rem;

}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header {

    width: 5rem;

    z-index: 999;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .nav-header

    .brand-logo {

    padding-left: 0;

    padding-right: 0;

    justify-content: center;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .nav-header

    .nav-control {

    right: -42px;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .nav-header

    .nav-control

    .hamburger

    .line {

    background-color: var(--primary) !important;

}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .copyright,

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .main-profile {

    display: none;

}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header {

    padding-left: 5rem;

    width: 100%;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .header

    .navbar {

    padding-left: 60px;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .header {

    padding: 0 0;

    padding-right: 5rem;

}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav {

    width: 5rem;

    overflow: visible;

    position: absolute;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .nav-text {

    display: none;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .slimScrollDiv,

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .deznav-scroll {

    overflow: visible !important;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li {

    position: relative;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    a {

    padding: 0.8125rem 0.9375rem;

    margin: 2px 0;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    a

    svg {

    max-width: 24px;

    max-height: 24px;

    margin-right: 0;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    a:before {

    content: none;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    > ul {

    position: absolute;

    left: 5rem;

    top: 0;

    width: 12rem;

    z-index: 1001;

    display: none;

    padding-left: 1px;

    height: auto !important;

    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

    border-radius: 6px;

    margin-left: 0;

    border: 0;

    background: #fff;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    > ul {

    left: auto;

    right: 5rem;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    > ul

    li:hover

    ul {

    left: 11.8125rem;

    top: 0;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    > ul

    li:hover

    ul:after {

    content: none;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li:hover

    > ul {

    display: block;

    height: auto;

    overflow: visible;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li {

    transition: all 0.4s ease-in-out;

    padding: 0 13px;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li

    > a {

    text-align: center;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li

    > a

    i {

    padding: 0;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li

    > a.has-arrow:after {

    display: none;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background: var(--primary);

    border-radius: 8px;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

    padding: 0;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover:nth-last-child(-n + 1)

    > ul {

    bottom: 0;

    top: auto;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    border-radius: 8px;

    background: var(--primary);

    color: #fff;

}

[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #3b3363;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > ul {

    height: auto !important;

    padding: 10px 0;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > ul

    a {

    padding: 6px 20px 6px 20px;

    margin-left: -0.1rem;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > ul

    ul {

    padding: 10px 0;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > ul

    ul

    a {

    padding: 6px 20px 6px 20px;

    margin-left: -0.1rem;

}

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    .nav-label,

[data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    .nav-badge {

    display: none;

}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body {

    margin-left: 5rem;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .content-body {

    margin-right: 5rem;

    margin-left: auto;

    border: 0;

}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle + .footer {

    padding-left: 5rem;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    + .footer {

    padding-left: 0;

    padding-right: 5rem;

}



[data-sidebar-style="full"][data-layout="horizontal"] .header .header-content {

    padding-left: 1.875rem;

}



/*

0 - 600: Phone

600 - 900: Tablet portrait

900 - 1200: Tablet landscape

1200 - 1800: Normal styles

1800+ : Big Desktop

1em = 16px

The smaller device rules always should write below the bigger device rules

Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component

*/

:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



@media only screen and (min-width: 768px) {

    [data-sidebar-style="mini"] .nav-header {

        width: 5rem;

    }

    [data-sidebar-style="mini"] .nav-header .nav-control {

        z-index: -1;

    }

    [data-sidebar-style="mini"] .nav-header .nav-control .hamburger {

        left: 6.25rem !important;

    }

    [data-sidebar-style="mini"] .nav-header .nav-control .hamburger .line {

        background-color: #6e6e6e !important;

    }

    [data-sidebar-style="mini"] .nav-header .brand-title {

        display: none;

    }

    [data-sidebar-style="mini"] .nav-header .hamburger {

        display: none;

    }

    [data-sidebar-style="mini"] .header .header-content {

        padding-left: 0rem;

    }

    [direction="rtl"][data-sidebar-style="mini"] .header .header-content {

        padding-right: 0;

    }

    [data-sidebar-style="mini"] .deznav {

        width: 5rem;

        overflow: visible;

        position: absolute;

        z-index: 5;

    }

    [data-sidebar-style="mini"] .deznav .copyright,

    [data-sidebar-style="mini"] .deznav .main-profile {

        display: none;

    }

    [data-sidebar-style="mini"] .deznav .nav-text {

        display: none;

    }

    [data-sidebar-style="mini"] .deznav .slimScrollDiv,

    [data-sidebar-style="mini"] .deznav .deznav-scroll {

        overflow: visible !important;

    }

    [data-sidebar-style="mini"] .deznav .nav-user {

        padding: 11px;

    }

    [data-sidebar-style="mini"] .deznav .nav-user .media-body {

        display: none;

    }

    [data-sidebar-style="mini"] .deznav .metismenu li a {

        padding: 0.813rem 0.875rem;

    }

    [data-sidebar-style="mini"] .deznav .metismenu li a svg {

        margin-right: 0;

    }

    [data-sidebar-style="mini"] .deznav .metismenu li a .nav-text {

        display: none;

    }

    [data-sidebar-style="mini"] .deznav .metismenu li > ul {

        position: absolute;

        left: 6.25rem;

        top: 2.9375rem;

        width: 11.875rem;

        z-index: 1001;

        display: none;

        padding-left: 1px;

        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

        height: auto !important;

        border-radius: 6px;

        background: #fff;

    }

    [direction="rtl"]:not([data-layout="horizontal"])[data-sidebar-style="mini"]

        .deznav

        .metismenu

        li

        > ul {

        left: auto;

        right: 6.25rem;

        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

    }

    [data-sidebar-style="mini"] .deznav .metismenu > li {

        padding: 2px 20px;

    }

    [data-sidebar-style="mini"] .deznav .metismenu > li > a {

        padding: 1.125rem 0.875rem;

        width: auto;

        height: auto;

        text-align: center;

        line-height: 1;

        transition: all 0.5s;

        -moz-transition: all 0.5s;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -o-transition: all 0.5s;

    }

    [data-sidebar-style="mini"] .deznav .metismenu > li > a > i {

        padding: 0;

    }

    [data-sidebar-style="mini"] .deznav .metismenu > li > a.has-arrow:after {

        display: none;

    }

    [data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i {

        color: #fff;

    }

    [data-sidebar-style="mini"] .deznav .metismenu .nav-label,

    [data-sidebar-style="mini"] .deznav .metismenu .nav-badge {

        display: none;

    }

    [data-sidebar-style="mini"] .content-body {

        margin-left: 5rem;

    }

    [data-sidebar-style="mini"] .footer {

        padding-left: 5rem;

    }



    [data-sidebar-style="mini"][data-layout="vertical"] .deznav {

        position: absolute !important;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        li:hover

        > ul {

        display: block;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li {

        padding: 2px 0;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a {

        padding: 1.5rem 1.5rem;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a:before {

        height: 100%;

        width: 0px;

        background: var(--primary);

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        display: block;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s;

    }

    [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a:before {

        left: unset;

        right: 0;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 1)

        > ul {

        bottom: 0;

        top: auto !important;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 1)

        > ul:after {

        top: auto;

        bottom: 20px;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 1)

        > ul {

        bottom: 0;

        top: auto !important;

    }

}

@media only screen and (min-width: 768px) {

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > ul {

        overflow: visible;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > ul:after {

        content: none;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > ul

        li:hover

        ul {

        padding: 10px 0;

        width: 13rem;

        left: 13rem;

        top: -10px;

        border: 0;

        margin: 0;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > ul

        li:hover

        ul:after {

        content: none;

    }

    [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > ul

        li:hover

        ul {

        left: auto;

        right: 13rem;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li.mm-active

        > a {

        background: var(--rgba-primary-1);

        color: var(--primary);

        border-radius: 0;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li.mm-active

        > a

        i {

        color: var(--primary);

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li.mm-active

        > a:before {

        width: 6px;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > a {

        color: var(--primary);

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > a

        i {

        color: var(--primary);

    }

    [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > a

        .nav-text {

        padding-left: auto;

        padding-right: 1.6875rem;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > ul {

        height: auto !important;

        overflow: visible;

        border: 0;

        margin-left: 0;

        left: 5rem;

        width: 13rem;

        border-radius: 0.35rem;

        border: 0;

        padding: 10px 0;

        top: 0px;

    }

    [data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > ul {

        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

    }

    [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > ul {

        left: auto;

        right: 5rem;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > ul

        a {

        padding: 6px 20px 6px 20px;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > ul

        a:before {

        content: none;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > ul

        a.has-arrow:after {

        right: 1.25rem;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > ul

        ul

        a {

        padding: 6px 20px 6px 20px;

        margin-left: -1.6px;

    }

    [data-sidebar-style="mini"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > ul

        ul

        a:before {

        content: none;

    }



    [data-sidebar-style="mini"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"]

        .header {

        width: 1199px;

    }



    [data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li {

        padding: 0;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > a {

        padding: 12px;

        margin: 0 8px;

        border: 0;

        border-radius: 0.35rem;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > a

        i {

        padding: 0;

    }

    [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > a {

        padding: 18px;

    }

    [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > a

        svg {

        margin-left: 0;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > a

        svg {

        margin-right: 0;

        margin-top: 0;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > ul

        li

        a {

        padding: 8px 20px 8px 45px;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li.mm-active

        > a {

        background-color: var(--primary);

        border-radius: 0.35rem;

        color: #fff;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li.mm-active

        > a

        i {

        color: #fff;

    }

}

@media only screen and (max-width: 1199px) {

    [data-sidebar-style="mini"] .deznav li.mm-active ul {

        height: auto !important;

    }

    [data-sidebar-style="mini"] .deznav li a.has-arrow::after {

        transform: rotate(-45deg) translateY(-50%);

    }

}

:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



@media (min-width: 1023px) {

    [data-layout="horizontal"] {

        --nav-headbg: #f7f7f7;

        --headerbg: #f7f7f7;

    }

    [data-layout="horizontal"] .nav-header {

        width: 21.563rem;

    }

    [data-layout="horizontal"] .nav-header .nav-control {

        display: none;

    }

    [data-layout="horizontal"] .nav-header .brand-logo {

        padding-left: 40px;

        padding-right: 40px;

    }

    [data-layout="horizontal"] .search-area .form-control,

    [data-layout="horizontal"]

        .search-area

        .input-group-append

        .input-group-text {

        background: #fff !important;

    }

    [data-layout="horizontal"] .header {

        width: 100%;

        padding-left: 21.563rem;

        box-shadow: none;

    }

    [data-layout="horizontal"] .header .sub-header {

        display: none;

    }

    [data-layout="horizontal"] .deznav {

        width: calc(100% - 80px);

        border-radius: 0.35rem;

        position: relative;

        height: auto;

        padding-bottom: 0;

        top: 0;

        left: 40px;

        z-index: 2;

    }

    [data-layout="horizontal"] .deznav .slimScrollDiv {

        overflow: visible !important;

    }

    [data-layout="horizontal"] .deznav .slimScrollDiv .deznav-scroll {

        overflow: visible !important;

    }

    [data-layout="horizontal"] .deznav .deznav-scroll {

        overflow: visible !important;

    }

    [data-layout="horizontal"] .deznav .slimScrollBar {

        display: none !important;

    }

    [data-layout="horizontal"] .deznav .nav-user,

    [data-layout="horizontal"] .deznav .nav-label {

        display: none;

    }

    [data-layout="horizontal"] .deznav .metismenu {

        flex-direction: row;

        padding: 10px 20px;

        margin-bottom: 0;

        display: inline-flex;

        flex-wrap: wrap;

    }

    [data-layout="horizontal"] .deznav .metismenu .collapse.in {

        display: none;

    }

    [data-layout="horizontal"] .deznav .metismenu ul {

        border-left: 0;

    }

    [data-theme-version="dark"][data-layout="horizontal"]

        .deznav

        .metismenu

        ul {

        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

    }

    [data-layout="horizontal"] .deznav .metismenu ul a .badge {

        margin-right: 24px;

    }

    [data-layout="horizontal"] .deznav .metismenu li {

        flex-direction: column;

        position: relative;

    }

    [data-layout="horizontal"] .deznav .metismenu li:hover > ul {

        display: block;

    }

    [data-layout="horizontal"] .deznav .metismenu li > ul {

        position: absolute;

        height: auto !important;

        top: 100%;

        width: 100%;

        min-width: 13.75rem;

        z-index: 999;

        left: auto;

        right: auto;

        padding: 0.5rem 0;

        display: none;

        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

        margin: 0;

        background: #fff;

        border-radius: 12px;

    }

    [data-theme-version="dark"][data-layout="horizontal"]

        .deznav

        .metismenu

        li

        > ul {

        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

        background: #2c254a;

    }

    [data-layout="horizontal"] .deznav .metismenu li > ul li {

        padding: 0;

    }

    [data-layout="horizontal"] .deznav .metismenu li > ul li a {

        transition: all 0.4s ease-in-out;

        padding: 8px 20px 8px 45px;

        margin-left: -0.1rem;

    }

    [direction="rtl"][data-layout="horizontal"]

        .deznav

        .metismenu

        li

        > ul

        li

        a {

        padding: 8px 45px 8px 20px;

        text-align: right;

    }

    [data-layout="horizontal"] .deznav .metismenu li > ul li a:hover {

        border-radius: 0.4rem;

    }

    [data-layout="horizontal"] .deznav .metismenu li > ul li a:before {

        left: 22px;

    }

    [direction="rtl"][data-layout="horizontal"]

        .deznav

        .metismenu

        li

        > ul

        li

        a:before {

        left: auto;

        right: 21px;

    }

    [data-layout="horizontal"] .deznav .metismenu li > ul ul {

        left: 100%;

        top: 0;

        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

    }

    [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li > ul ul {

        left: auto;

        right: 100%;

    }

    [data-layout="horizontal"] .deznav .metismenu > li {

        flex: 0 0 auto;

        position: relative;

        margin: 0;

    }

    [data-theme-version="dark"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li {

        border-color: rgba(255, 255, 255, 0.07);

    }

    [data-theme-version="dark"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li.mm-active {

        border-color: transparent;

    }

    [data-layout="horizontal"] .deznav .metismenu > li:hover,

    [data-layout="horizontal"] .deznav .metismenu > li.mm-active {

        padding: 0;

    }

    [data-layout="horizontal"] .deznav .metismenu > li:hover > a,

    [data-layout="horizontal"] .deznav .metismenu > li.mm-active > a {

        background: transparent;

        color: var(--primary);

        border-radius: 0;

    }

    [data-layout="horizontal"] .deznav .metismenu > li:hover > a i,

    [data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i {

        color: var(--primary);

    }

    [direction="rtl"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li:first-child {

        border-right: 0;

    }

    [data-theme-version="dark"][direction="rtl"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li {

        border-color: #473f72;

    }

    [data-layout="horizontal"] .deznav .metismenu > li > a {

        padding: 10px 40px 10px 15px;

        font-size: 14px;

        border-right: 1px solid #eeeeee;

    }

    [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li > a {

        padding: 15px 15px 15px 40px;

    }

    [data-layout="horizontal"] .deznav .metismenu > li > a i {

        padding: 0 0.4375rem 0 0;

    }

    [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li > a i {

        padding: 0 0 0 0.4375rem;

    }

    [data-layout="horizontal"] .deznav .metismenu > li > a .nav-badge {

        display: none;

    }

    [data-layout="horizontal"] .deznav .metismenu > li > a:after {

        right: 20px;

        transform: rotate(-135deg) translateY(-50%);

    }

    [data-layout="horizontal"] .deznav .metismenu > li > a:hover .nav-text {

        transform: translateX(0px);

    }

    [data-layout="horizontal"] .deznav .metismenu > li:hover {

        border-color: transparent;

    }

    [data-layout="horizontal"] .deznav .metismenu > li:hover > ul {

        display: flex !important;

        flex-direction: column;

        flex-wrap: wrap;

        height: auto !important;

        box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1);

        border-radius: 12px;

    }

    [data-theme-version="dark"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li:hover

        > ul {

        box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.1);

        background: #2c254a;

    }

    [data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > ul

        > li:hover

        ul.collapse {

        display: block !important;

        position: absolute;

        left: auto !important;

        right: -100% !important;

        top: 0 !important;

    }

    [data-layout="horizontal"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 5)

        > ul {

        left: auto;

        right: 0;

    }

    [data-layout="horizontal"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 5)

        > ul

        > li:hover

        ul.collapse {

        right: auto !important;

        left: -100% !important;

    }

    [data-layout="horizontal"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 5)

        > ul.left {

        left: 0;

    }

    [data-layout="horizontal"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 5)

        > ul.left

        > li:hover

        ul.collapse {

        left: 100% !important;

    }

    [direction="rtl"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 5)

        > ul.left {

        left: auto;

        right: 0;

    }

    [data-layout="horizontal"] .deznav .metismenu > li:last-child > ul ul {

        left: -100%;

    }

    [data-layout="horizontal"] .deznav .metismenu > li:last-child > ul.left ul {

        left: 100%;

    }

    [direction="rtl"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li:last-child

        > ul.left

        ul {

        left: auto;

        right: 100%;

    }

    [data-layout="horizontal"] .deznav .metismenu > li:last-child > a {

        border-right: 0;

    }

    [direction="rtl"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 3)

        > ul {

        left: 0;

        right: auto;

    }

    [direction="rtl"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li:nth-last-child(-n + 3)

        > ul

        > li:hover

        ul.collapse {

        right: -100% !important;

        left: auto !important;

    }

    [data-layout="horizontal"] .deznav .copyright,

    [data-layout="horizontal"] .deznav .main-profile {

        display: none;

    }

    [data-layout="horizontal"] .content-body {

        margin-left: 0;

    }

    [data-layout="horizontal"] .content-body .page-titles {

        margin-left: 0 !important;

        margin-right: 0 !important;

        margin-bottom: 1.875rem;

    }

    [data-layout="horizontal"] .footer {

        margin-left: 0;

        margin: 0 auto;

        padding-left: 0;

    }



    [data-header-position="fixed"][data-layout="horizontal"] .deznav {

        top: 4.5rem;

    }



    [data-header-position="fixed"][data-sidebar-position="fixed"] .deznav {

        position: fixed;

    }



    [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"]

        .content-body {

        padding-top: 8rem;

    }



    [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="modern"]

        .content-body {

        padding-top: 13.125rem;

    }



    [data-layout="horizontal"][data-container="boxed"] .footer {

        margin-left: 0;

        max-width: 1199px;

        margin: 0 auto;

    }



    [data-layout="horizontal"][data-container="wide"] .page-titles {

        margin-left: -30px;

        margin-right: -30px;

    }



    [data-layout="horizontal"][data-sidebar-style="compact"] .page-titles {

        margin-top: 0;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li

        > ul {

        top: 4.4rem;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li

        > a {

        padding: 10px 25px 8px 25px;

        border-radius: 0.35rem;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li

        > a::after {

        display: none;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li

        > a

        .nav-text {

        margin-top: 5px;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li

        > a

        > i {

        width: auto;

        height: auto;

        line-height: 1;

        padding: 0;

        background: transparent;

        border-radius: 0;

        margin-bottom: 0;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li.mm-active

        > a {

        background-color: var(--primary);

        color: #fff;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li.mm-active

        > a

        i {

        color: #fff;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li

        li {

        text-align: left;

    }



    [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header {

        width: 7.75rem;

        padding-left: 40px;

        padding-right: 40px;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .nav-header

        .brand-logo {

        justify-content: start;

        padding-left: 0;

        padding-right: 0;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"] .header {

        width: 100%;

        padding-left: 7.75rem;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .metismenu

        > li:hover

        a {

        width: auto;

    }

    [data-sidebar-style="mini"][data-layout="horizontal"]

        .metismenu

        > li:hover

        a

        .nav-text {

        display: none;

    }



    [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="compact"]

        .content-body {

        padding-top: 10.25rem;

    }



    [data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed {

        position: fixed;

        left: 0;

        top: 0;

    }



    [data-sidebar-position="static"][data-layout="horizontal"] .content-body {

        padding-top: 4.5rem;

    }

}

@media (min-width: 767px) {

    [data-sidebar-style="compact"] .nav-header {

        width: 11.25rem;

    }

    [data-sidebar-style="compact"] .deznav .nav-user {

        display: none;

    }

    [data-sidebar-style="compact"] .deznav .metismenu > li > a {

        padding: 1.2rem 0.5rem !important;

    }

    [data-layout="horizontal"][data-sidebar-style="compact"]

        .deznav

        .metismenu

        > li

        > a {

        padding: 12px 18px !important;

        margin: 0 4px;

        border: 0;

    }

    [data-sidebar-style="compact"] .deznav .metismenu > li > a:hover .nav-text {

        transform: translateX(0px);

    }

    [data-sidebar-style="compact"] .deznav .metismenu li {

        text-align: center;

    }

    [data-sidebar-style="compact"] .deznav .metismenu li a {

        padding: 0.5rem;

    }

    [data-sidebar-style="compact"] .deznav .metismenu li a svg {

        max-width: 21px;

        max-height: 21px;

        display: block;

        margin-left: auto;

        margin-right: auto;

    }

    [data-sidebar-style="compact"] .deznav .metismenu li ul:after {

        content: none;

    }

    [data-sidebar-style="compact"] .deznav .metismenu li > a {

        background: transparent;

        box-shadow: none;

        color: inherit;

    }

    [data-sidebar-style="compact"] .deznav .main-profile,

    [data-sidebar-style="compact"] .deznav .copyright {

        display: none;

    }

    [data-sidebar-style="compact"] .deznav .copyright {

        padding: 0 20px;

        margin-top: 20px;

    }

    [data-sidebar-style="compact"] .nav-text {

        display: inline-block;

        margin-top: 0.3125rem;

    }

    [data-sidebar-style="compact"] .nav-label.first {

        display: none;

    }

    [data-sidebar-style="compact"] .nav-badge {

        display: none;

    }

    [data-sidebar-style="compact"] .footer {

        padding-left: 11.25rem;

    }

    [data-sidebar-style="compact"] .content-body {

        margin-left: 11.25rem;

    }

    [data-sidebar-style="compact"][data-theme-version="dark"][data-layout="horizontal"]

        .deznav

        .metismenu

        li

        > a

        i {

        color: #fff;

    }

    [data-sidebar-style="compact"][data-layout="vertical"]

        .deznav

        .metismenu

        li:hover

        > a

        i {

        background: var(--primary);

        color: #fff;

    }

}

[data-layout="horizontal"][data-sidebar-style="compact"] .footer {

    padding-left: 0;

}

[data-layout="horizontal"][data-sidebar-style="compact"] .content-body {

    margin-left: 0;

}

[data-layout="horizontal"][data-sidebar-style="compact"] .deznav {

    margin-bottom: 0;

}

[data-layout="horizontal"][data-sidebar-style="compact"] .nav-header {

    width: 21.75rem;

}

[data-layout="horizontal"][data-sidebar-style="compact"]

    .nav-header

    .brand-logo {

    padding-left: 40px;

    padding-right: 40px;

}



[data-layout="vertical"][data-sidebar-style="compact"] .deznav {

    width: 11.25rem;

}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul {

    margin-left: 0;

    border: 0;

    background: rgba(0, 0, 0, 0.02);

    padding: 10px 0;

}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    ul {

    background: rgba(255, 255, 255, 0.05);

}

[data-layout="vertical"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    ul

    a:before {

    content: none;

}

[data-layout="vertical"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    ul

    ul

    a {

    padding: 0.625rem 0.9375rem;

}

[data-layout="vertical"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li

    > a.has-arrow::after {

    top: 1px;

    display: inline-block;

    right: auto;

    margin-left: 5px;

    position: relative;

    width: 7px;

    height: 7px;

    border-width: 2px 0px 0px 2px;

}

[direction="rtl"][data-layout="vertical"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li

    > a.has-arrow::after {

    left: auto;

    margin-left: 0;

    margin-right: 5px;

}



@media (min-width: 767px) {

    [data-sidebar-style="icon-hover"][data-layout="horizontal"]

        .header

        .header-content {

        padding-left: 1.875rem;

    }



    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu {

        padding-top: 30px;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        li.mm-active

        > ul {

        display: none;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .deznav

        .metismenu

        li.mm-active

        > ul {

        display: block;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header {

        width: 6.5rem;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .nav-header

        .brand-logo {

        padding-left: 30px;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .nav-header

        .brand-logo {

        padding-left: 30px;

        padding-right: 30px;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .nav-header

        .brand-logo

        .logo-abbr {

        display: block;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .nav-header

        .brand-logo

        .brand-title {

        display: none;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .nav-header

        .nav-control {

        display: none;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"] .header {

        padding-left: 6.5rem;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .header {

        padding-right: 6.5rem;

        padding-left: 0;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .header

        .header-content {

        padding-right: 0;

        padding-left: 0;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {

        overflow: visible;

        position: absolute;

        left: -11rem;

    }

}

@media only screen and (min-width: 767px) and (max-width: 1350px) {

    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {

        left: -10rem;

    }

}

@media (min-width: 767px) {

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav {

        left: auto;

        right: -11rem;

    }

}

@media only screen and (min-width: 767px) and (max-width: 1350px) {

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav {

        right: -10rem;

    }

}

@media (min-width: 767px) {

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .nav-label {

        display: none;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li {

        padding: 0 20px;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a {

        display: flex;

        justify-content: space-between;

        padding: 15px 20px;

        border-radius: 0.35rem;

        font-size: 16px;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a

        > svg,

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a

        > i {

        order: 1;

        margin-right: 0;

        margin-top: 0;

        padding-right: 0;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a

        > svg,

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a

        > i {

        padding-left: 0;

        padding-right: 0;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > a,

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li.mm-active

        > a {

        background: var(--primary);

        color: #fff;

        box-shadow: 0 12px 15px 0 var(--rgba-primary-1);

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li:hover

        > a

        i,

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        > li.mm-active

        > a

        i {

        color: #fff;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul {

        border-left: 0;

        padding-left: 0;

        padding-right: 0;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul {

        padding-right: 0;

        padding-left: 0;

    }

    [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul {

        border-color: #473f72;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul:after {

        left: auto;

        right: 28px;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul:after {

        left: 28px;

        right: auto;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul

        a {

        position: relative;

        padding-left: 3.5rem;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul

        a {

        padding-right: 1.25rem;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul

        a::before {

        left: 30px;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul

        a::before {

        right: auto;

        left: -5px;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul

        a:hover,

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul

        a:focus,

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        ul

        a.mm-active {

        background: transparent;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        .has-arrow::after {

        right: 5rem;

        opacity: 0;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .metismenu

        .has-arrow::after {

        right: auto;

        left: 5rem;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .copyright,

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .main-profile,

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .deznav

        .book-box {

        display: none;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav.mm-show {

        display: none;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .nav-header {

        width: 17.5rem;

    }

}

@media only screen and (min-width: 767px) and (max-width: 1350px) {

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .nav-header {

        width: 17rem;

    }

}

@media (min-width: 767px) {

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .nav-header

        .brand-logo {

        padding-left: 1.6rem;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .nav-header

        .brand-logo

        .brand-title {

        display: block;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle.mm-show {

        display: block;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .header {

        padding-left: 0;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .header {

        padding-right: 4.38rem;

        padding-left: 0;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .deznav {

        left: 0;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .deznav

        .metismenu

        .has-arrow:after {

        opacity: 1;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .iconhover-toggle

        .deznav {

        left: auto;

        right: 0;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body {

        margin-left: 7rem;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .content-body {

        margin-left: 0;

        margin-right: 7rem;

    }

    [data-sidebar-style="icon-hover"][data-layout="vertical"] .footer {

        padding-left: 7rem;

    }

    [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

        .footer {

        margin-left: 0;

        margin-right: 7rem;

    }

}

@media (min-width: 767px) {

    [data-sidebar-style="modern"] .nav-header {

        width: 9.5rem;

    }

    [data-sidebar-style="modern"] .nav-header .brand-logo {

        justify-content: center;

        padding: 0 40px;

    }

    [data-sidebar-style="modern"] .nav-header .nav-control {

        right: -60px;

    }

    [data-sidebar-style="modern"] .header .navbar {

        padding-left: 80px;

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li {

        text-align: center;

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li > a {

        padding: 20px 15px 20px 15px;

        margin: 2px 0;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s;

        transition: all 0.5s;

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li > a::after {

        display: none;

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li > a:hover > a,

    [data-sidebar-style="modern"] .deznav .metismenu > li > a:focus > a,

    [data-sidebar-style="modern"] .deznav .metismenu > li > a:active > a,

    [data-sidebar-style="modern"] .deznav .metismenu > li > a.mm-active > a {

        background-color: var(--primary-light);

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li > a:hover .nav-text,

    [data-sidebar-style="modern"] .deznav .metismenu > li > a:focus .nav-text,

    [data-sidebar-style="modern"] .deznav .metismenu > li > a:active .nav-text,

    [data-sidebar-style="modern"]

        .deznav

        .metismenu

        > li

        > a.mm-active

        .nav-text {

        transform: translateX(0px);

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li:hover,

    [data-sidebar-style="modern"] .deznav .metismenu > li.mm-active {

        padding: 0;

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li:hover > a,

    [data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a {

        background: var(--rgba-primary-1);

        color: var(--primary);

        border-radius: 0.35rem;

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i,

    [data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i {

        color: var(--primary);

    }

    [data-sidebar-style="modern"] .deznav .metismenu > li li {

        text-align: left;

    }

    [direction="rtl"][data-sidebar-style="modern"] .deznav .metismenu > li li {

        text-align: right;

    }

    [data-sidebar-style="modern"] .deznav .metismenu li a {

        padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;

    }

    [data-sidebar-style="modern"] .deznav .metismenu li ul:after {

        content: none;

    }

    [data-sidebar-style="modern"] .deznav .metismenu li > ul {

        height: auto !important;

    }

    [data-sidebar-style="modern"] .deznav .metismenu .nav-label {

        display: none;

    }

    [data-sidebar-style="modern"] .deznav .metismenu ul a .badge {

        margin-right: 20px;

    }

    [data-sidebar-style="modern"] .deznav .nav-label {

        display: none;

    }

    [data-sidebar-style="modern"] .deznav .nav-text {

        display: block;

        margin-top: 0.3125rem;

    }

    [data-sidebar-style="modern"] .deznav .main-profile,

    [data-sidebar-style="modern"] .deznav .copyright {

        display: none;

    }

    [data-sidebar-style="modern"] .footer {

        padding-left: 9.5rem;

    }

    [data-sidebar-style="modern"] .content-body {

        margin-left: 9.5rem;

    }



    [data-sidebar-style="modern"][data-layout="vertical"] .deznav {

        width: 9.5rem;

        left: 0;

    }

    [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"]

        .deznav {

        left: auto;

        right: 0;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .slimScrollDiv,

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .deznav-scroll {

        overflow: visible !important;

    }

    [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu {

        padding: 10px 20px;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a {

        padding: 19px 0.5rem 12px !important;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > a

        i {

        padding: 0;

        margin-bottom: 5px;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        > li

        > ul {

        display: none;

        padding: 1.875rem 0.9375rem;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li {

        position: relative;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li

        a {

        padding: 0.625rem 1.5rem;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li

        a:before {

        content: none;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li

        ul {

        position: absolute;

        left: 105%;

        top: 0;

        bottom: auto;

        background-color: #fff;

        border: 1px solid #eeeeee;

        width: 200px;

    }

    [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li

        ul {

        background: #3b3363;

        box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);

    }

    [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li

        ul {

        left: auto;

        right: 105%;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li:hover

        > ul {

        display: block;

        left: 100%;

        padding: 1rem 0;

        margin-left: 0;

        border: 0;

        box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1);

        border-radius: 12px;

    }

    [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li:hover

        > ul {

        box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1);

    }

    [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"]

        .deznav

        .metismenu

        li:hover

        > ul {

        left: auto;

        right: 100%;

        box-shadow: -5px 5px 30px 0px rgba(20, 0, 30, 0.1);

    }

    [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-label {

        display: none;

    }

    [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-text {

        display: block;

        margin-top: 0;

    }

    [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav {

        left: -10.625rem;

    }

    [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"]

        .menu-toggle

        .deznav {

        left: auto;

        right: -10.625rem;

    }

    [data-sidebar-style="modern"][data-layout="vertical"]

        .menu-toggle

        .content-body {

        margin-left: 0;

    }

    [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"]

        .menu-toggle

        .content-body {

        margin-right: 0;

    }



    [data-sidebar-style="modern"][data-layout="horizontal"] .nav-header {

        width: 21.75rem;

    }

    [data-sidebar-style="modern"][data-layout="horizontal"] .header {

        padding-left: 21.75rem;

    }

    [data-sidebar-style="modern"][data-layout="horizontal"] .footer,

    [data-sidebar-style="modern"][data-layout="horizontal"] .content-body {

        margin-left: 0;

    }

    [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .nav-text {

        margin-top: 0;

    }

    [data-sidebar-style="modern"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > a {

        padding: 10px 20px 10px 20px;

        border: 0;

        margin: 4px 4px;

    }

    [data-sidebar-style="modern"][data-layout="horizontal"]

        .deznav

        .metismenu

        > li

        > ul {

        top: 2.8rem;

    }

    [data-sidebar-style="modern"][data-layout="horizontal"][data-container="boxed"]

        .deznav

        .metismenu

        > li

        > a {

        padding: 0.8125rem 1.25rem;

    }

}

[data-sidebar-style="overlay"] .deznav {

    left: -100%;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

[data-sidebar-style="overlay"] .deznav .metismenu > li {

    padding: 0 20px;

}

[data-sidebar-style="overlay"] .deznav .metismenu > li.nav-label {

    padding: 1.5625rem 0 10px;

}

[data-sidebar-style="overlay"] .deznav .metismenu > li > a {

    font-size: 14px;

    padding: 10px 20px;

    color: #7f7184;

    border-radius: 0.35rem;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

[data-sidebar-style="overlay"] .deznav .metismenu > li:hover > a,

[data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a {

    background: var(--primary);

    color: #fff;

    box-shadow: 0 12px 15px 0 var(--rgba-primary-1);

}

[data-sidebar-style="overlay"] .deznav .metismenu > li:hover > a i,

[data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sidebar-style="overlay"] .deznav .metismenu ul a {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    position: relative;

    font-size: 13px;

    padding-left: 4.5rem;

}

[data-sidebar-style="overlay"] .deznav .metismenu ul a:hover,

[data-sidebar-style="overlay"] .deznav .metismenu ul a:focus,

[data-sidebar-style="overlay"] .deznav .metismenu ul a.mm-active {

    background: transparent;

}

[direction="rtl"][data-sidebar-style="overlay"] .deznav {

    left: auto;

    right: -100%;

}

[data-sidebar-style="overlay"] .content-body {

    margin-left: 0;

}

[data-sidebar-style="overlay"] .nav-header {

    position: absolute;

}

[data-sidebar-style="overlay"] .nav-header .hamburger.is-active {

    left: 0;

}

[data-sidebar-style="overlay"] .nav-header .hamburger.is-active .line {

    background-color: var(--primary);

}

[data-sidebar-style="overlay"] .menu-toggle .nav-header {

    position: absolute;

    left: auto;

}

[data-sidebar-style="overlay"] .menu-toggle .deznav {

    left: 0;

}

[direction="rtl"][data-sidebar-style="overlay"] .menu-toggle .deznav {

    left: auto;

    right: 0;

}

[data-sidebar-style="overlay"] .footer {

    padding-left: 0;

}

[data-sidebar-style="overlay"] .header {

    padding-left: 0;

}

[data-sidebar-style="overlay"] .header .navbar {

    padding-left: 300px;

}

@media only screen and (max-width: 1023px) {

    [data-sidebar-style="overlay"] .header .navbar {

        padding-left: 145px;

    }

}



[data-sidebar-style="overlay"][data-header-position="fixed"] .nav-header {

    position: fixed;

}



[data-sidebar-position="fixed"][data-header-position="fixed"] .nav-header {

    position: fixed;

}



[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header {

    position: fixed;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

}

[data-sidebar-position="fixed"][data-layout="vertical"] .deznav {

    position: fixed;

}

[data-sidebar-position="fixed"][data-layout="vertical"] .deznav .deznav-scroll {

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

}

[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav {

    position: fixed;

}



[data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="wide-boxed"]

    .deznav,

[data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="boxed"]

    .deznav,

[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="wide-boxed"]

    .deznav,

[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="boxed"]

    .deznav,

[data-sidebar-style="overlay"][data-layout="vertical"][data-container="wide-boxed"]

    .deznav,

[data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"]

    .deznav,

[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="wide-boxed"]

    .deznav,

[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"]

    .deznav {

    position: absolute;

}



.sidebar-right {

    right: -50rem;

    position: fixed;

    top: 0;

    width: 50rem;

    background-color: #fff;

    margin-top: 3.5rem;

    transition: all 0.5s ease-in-out;

    border-radius: 0.35rem;

    z-index: 9999;

}

.sidebar-right .bg-label-pattern {

    background: transparent;

    background-image: url("../images/pattern/pattern5.png");

    background-size: 130%;

}

.sidebar-right .bootstrap-select {

    height: 48px;

    border-radius: 6px;

}

.sidebar-right .bootstrap-select .btn {

    padding: 12px 15px;

    font-size: 15px;

    border-color: #d1d1d1;

    border-radius: 6px;

}

[direction="rtl"] .sidebar-right .slimScrollDiv {

    overflow: visible !important;

}

.sidebar-right .sidebar-right-trigger {

    position: absolute;

    z-index: 9;

    top: 8.75rem;

    right: 100%;

    background-color: var(--primary);

    color: #fff;

    display: inline-block;

    height: 3rem;

    width: 3rem;

    text-align: center;

    font-size: 1.75rem;

    line-height: 3rem;

    border-radius: 5px 0 0 5px;

    box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15);

    /* @at-root [data-theme-version="dark"] .sidebar-right .sidebar-right-trigger {

    			background-color: darken($primary, 15%);

    			color: $white;

            } */

    /* @include respond ('phone-land'){

        display:none;

    } */

}

@media only screen and (max-width: 1023px) {

    .sidebar-right .sidebar-right-trigger {

        display: none;

    }

}

.sidebar-right .sidebar-close-trigger {

    position: absolute;

    z-index: 2;

    font-size: 28px;

    top: 0;

    right: -48px;

    height: 3rem;

    width: 3rem;

    line-height: 3rem;

    text-align: center;

    background: black;

    color: #fff;

}

.sidebar-right.show {

    right: 5.25rem;

    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);

    z-index: 9999;

}

.sidebar-right.show .sidebar-right-trigger {

    display: none;

}

.sidebar-right.show .bg-overlay {

    position: fixed;

    width: 100%;

    cursor: pointer;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

}

.sidebar-right .card-tabs .nav-tabs {

    justify-content: space-between;

    position: sticky;

    border-radius: 0;

    top: 0;

    background-color: #fff;

    z-index: 2;

    /* @at-root [data-theme-version="dark"] .sidebar-right .card-tabs .nav-tabs {

        background-color: $d-bg;

    } */

}

.sidebar-right .card-tabs .nav-tabs .nav-item {

    margin-bottom: 0;

    flex: 1;

}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link {

    border: 0;

    font-size: 1.125rem;

    position: relative;

    text-align: center;

    background-color: #fff;

    /* @at-root [data-theme-version="dark"] .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link {

                   background-color: $d-bg;

               }

*/

}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link:hover {

    color: #000;

}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link::after {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    content: "";

    background: transparent;

}

.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active {

    background: var(--rgba-primary-1);

    color: var(--primary);

}

[data-theme-version="dark"]

    .sidebar-right

    .card-tabs

    .nav-tabs

    .nav-item

    .nav-link.active {

    border-right: none;

    border-left: none;

    border-top: none;

}

.sidebar-right .sidebar-right-inner > h4 {

    padding: 10px 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #000 !important;

    background: #fff;

    margin: 0px 0px 0px 0px;

}

.sidebar-right .tab-content {

    padding: 1.25rem 1.25rem 0;

    min-height: 370px;

    background: #fff;

}

.sidebar-right .tab-content .tab-pane .admin-settings .row > div {

    margin-bottom: 20px;

}

.sidebar-right .tab-content .tab-pane .admin-settings p {

    color: #353535;

    font-weight: 500;

    margin-bottom: 8px;

    font-size: 16px;

}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"] {

    display: none;

}

.sidebar-right

    .tab-content

    .tab-pane

    .admin-settings

    input[type="radio"]

    + label {

    display: inline-block;

    width: 35px;

    height: 35px;

    cursor: pointer;

    transition: all 0.1s ease;

    border-radius: 4px;

    margin-right: 5px;

    margin-bottom: 3px;

}

.sidebar-right

    .tab-content

    .tab-pane

    .admin-settings

    input[type="radio"]:checked

    + label {

    position: relative;

}

.sidebar-right

    .tab-content

    .tab-pane

    .admin-settings

    input[type="radio"]:checked

    + label::after {

    height: 33px;

    width: 33px;

    left: -4px;

    top: -4px;

    content: "";

    position: absolute;

    background-color: inherit;

    border-radius: 6px;

    opacity: 0.4;

}

.sidebar-right #nav_header_color_1 + label,

.sidebar-right #header_color_1 + label,

.sidebar-right #sidebar_color_1 + label,

.sidebar-right #primary_color_1 + label {

    background-color: #fff;

}

.sidebar-right #nav_header_color_2 + label,

.sidebar-right #header_color_2 + label,

.sidebar-right #sidebar_color_2 + label,

.sidebar-right #primary_color_2 + label {

    background-color: #191e3a;

}

.sidebar-right #nav_header_color_3 + label,

.sidebar-right #header_color_3 + label,

.sidebar-right #sidebar_color_3 + label,

.sidebar-right #primary_color_3 + label {

    background-color: #077c23;

}

.sidebar-right #nav_header_color_4 + label,

.sidebar-right #header_color_4 + label,

.sidebar-right #sidebar_color_4 + label,

.sidebar-right #primary_color_4 + label {

    background-color: #4527a0;

}

.sidebar-right #nav_header_color_5 + label,

.sidebar-right #header_color_5 + label,

.sidebar-right #sidebar_color_5 + label,

.sidebar-right #primary_color_5 + label {

    background-color: #c62828;

}

.sidebar-right #nav_header_color_6 + label,

.sidebar-right #header_color_6 + label,

.sidebar-right #sidebar_color_6 + label,

.sidebar-right #primary_color_6 + label {

    background-color: #283593;

}

.sidebar-right #nav_header_color_7 + label,

.sidebar-right #header_color_7 + label,

.sidebar-right #sidebar_color_7 + label,

.sidebar-right #primary_color_7 + label {

    background-color: #7356f1;

}

.sidebar-right #nav_header_color_8 + label,

.sidebar-right #header_color_8 + label,

.sidebar-right #sidebar_color_8 + label,

.sidebar-right #primary_color_8 + label {

    background-color: #5bcfc5;

}

.sidebar-right #nav_header_color_9 + label,

.sidebar-right #header_color_9 + label,

.sidebar-right #sidebar_color_9 + label,

.sidebar-right #primary_color_9 + label {

    background-color: #00838f;

}

.sidebar-right #nav_header_color_10 + label,

.sidebar-right #header_color_10 + label,

.sidebar-right #sidebar_color_10 + label,

.sidebar-right #primary_color_10 + label {

    background-color: #ff8f16;

}

.sidebar-right #nav_header_color_11 + label,

.sidebar-right #header_color_11 + label,

.sidebar-right #sidebar_color_11 + label,

.sidebar-right #primary_color_11 + label {

    background-color: #6673fd;

}

.sidebar-right #nav_header_color_12 + label,

.sidebar-right #header_color_12 + label,

.sidebar-right #sidebar_color_12 + label,

.sidebar-right #primary_color_12 + label {

    background-color: #558b2f;

}

.sidebar-right #nav_header_color_13 + label,

.sidebar-right #header_color_13 + label,

.sidebar-right #sidebar_color_13 + label,

.sidebar-right #primary_color_13 + label {

    background-color: #2a2a2a;

}

.sidebar-right #nav_header_color_14 + label,

.sidebar-right #header_color_14 + label,

.sidebar-right #sidebar_color_14 + label,

.sidebar-right #primary_color_14 + label {

    background-color: #1367c8;

}

.sidebar-right #nav_header_color_15 + label,

.sidebar-right #header_color_15 + label,

.sidebar-right #sidebar_color_15 + label,

.sidebar-right #primary_color_15 + label {

    background-color: #ed0b4c;

}

.sidebar-right #nav_header_color_1 + label,

.sidebar-right #header_color_1 + label,

.sidebar-right #sidebar_color_1 + label,

.sidebar-right #primary_color_1 + label {

    border: 1px solid #c4c4c4;

}

.sidebar-right.style-1 {

    height: 100vh;

    width: 250px;

    margin-top: 0;

    right: -250px;

}

.sidebar-right.style-1 .sidebar-right-inner {

    background: #fff;

}

.sidebar-right.style-1 .sidebar-right-trigger {

    top: 12.4rem;

}

.sidebar-right.style-1.show {

    right: 0;

}

.sidebar-right.style-1.show .sidebar-right-trigger {

    display: block;

}

@media only screen and (max-width: 991px) {

    .sidebar-right {

        width: 75%;

    }

}



@keyframes bounce {

    0% {

        transform: translateX(-8%);

        -webkit-transform: translateX(-8%);

    }

    50% {

        transform: translateX(8%);

        -webkit-transform: translateX(8%);

    }

    100% {

        transform: translateX(-8%);

        -webkit-transform: translateX(-8%);

    }

}

@-webkit-keyframes bounce {

    0% {

        transform: translateX(-8%);

        -webkit-transform: translateX(-8%);

    }

    50% {

        transform: translateX(8%);

        -webkit-transform: translateX(8%);

    }

    100% {

        transform: translateY(-8%);

        -webkit-transform: translateY(-8%);

    }

}

.nav-user {

    background: var(--primary);

    margin-bottom: 10px;

    padding: 20px 25px 15px;

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .nav-user {

        padding: 20px 15px 15px;

    }

}

.nav-user img {

    width: 35px;

    height: 35px;

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .nav-user img {

        width: 35px;

        height: 35px;

        margin-bottom: 10px;

    }

}

.nav-user h5 {

    margin-left: 10px;

    margin-bottom: 3px;

    color: #fff;

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .nav-user h5 {

        display: none;

    }

}

[data-sibebarbg="color_2"] .nav-user h5 {

    color: #fff;

}

.nav-user p {

    margin-left: 10px;

    margin-bottom: 8px;

    color: #afcff7;

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .nav-user p {

        display: none;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .nav-user i {

        margin-top: 15px;

        display: block;

    }

}



.menu-toggle .nav-user {

    padding: 20px 15px 15px;

}

.menu-toggle .nav-user img {

    width: 35px;

    height: 35px;

    margin-bottom: 10px;

}

.menu-toggle .nav-user h5,

.menu-toggle .nav-user p {

    display: none;

}

.menu-toggle .nav-user i {

    margin-top: 15px;

    display: block;

}

.menu-toggle .nav-user .dropdown-menu {

    left: 45px !important;

    top: 22px !important;

}



.chatbox {

    width: 340px;

    height: 100vh;

    position: fixed;

    right: -500px;

    top: 0;

    z-index: 999;

    background: #fff;

    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.15);

    -webkit-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

}

[data-theme-version="dark"] .chatbox {

    background: #3b3363;

}

.chatbox .chatbox-close {

    position: absolute;

    -webkit-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s;

    width: 0;

    height: 100%;

    right: 340px;

    background: #000;

    z-index: 1;

    opacity: 0.1;

    cursor: pointer;

}

.chatbox .card-fotter {

    padding: 0.75rem 1rem;

}

.chatbox .card-body {

    padding: 1rem;

}

.chatbox.active {

    right: 0;

}

.chatbox.active .chatbox-close {

    width: 100vw;

}

.chatbox .type_msg {

    padding-top: 10px;

}

.chatbox .nav {

    padding: 1rem 1rem 0 1rem;

    background: #036111;

    border: 0;

    justify-content: space-between;

}

.chatbox .nav .nav-link {

    color: #fff;

    opacity: 0.7;

    text-transform: uppercase;

}

.chatbox .nav .nav-link:hover,

.chatbox .nav .nav-link.active {

    background: transparent;

    color: #fff;

    opacity: 1;

    border-color: #ff4c41;

}

.chatbox .img_cont {

    width: 40px;

    border-radius: 40px;

    margin-right: 10px;

    position: relative;

    height: 40px;

    background: #eee;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 600;

    font-size: 14px;

    min-width: 40px;

    min-height: 40px;

}

.chatbox .img_cont .icon {

    color: #fff;

}

.chatbox .img_cont.primary {

    background: var(--rgba-primary-1);

    color: var(--primary);

}

[data-theme-version="dark"] .chatbox .img_cont.primary {

    background: var(--rgba-primary-1);

}

.chatbox .img_cont.warning {

    background: #fff0da;

    color: #ffab2d;

}

[data-theme-version="dark"] .chatbox .img_cont.warning {

    background: rgba(255, 171, 45, 0.1);

}

.chatbox .img_cont.success {

    background: #ecfae4;

    color: #68cf29;

}

[data-theme-version="dark"] .chatbox .img_cont.success {

    background: rgba(104, 207, 41, 0.1);

}

.chatbox .img_cont.info {

    background: #e2f0fd;

    color: #51a6f5;

}

[data-theme-version="dark"] .chatbox .img_cont.info {

    background: rgba(81, 166, 245, 0.1);

}

.chatbox .img_cont img {

    width: 100%;

}

.chatbox .img_cont .online_icon {

    background: #68cf29;

    position: absolute;

    width: 12px;

    height: 12px;

    border-radius: 15px;

    right: -1px;

    bottom: 0px;

    border: 2px solid #fff;

}

.chatbox .img_cont .online_icon.offline {

    background: #ff4c41;

}

.chatbox .card {

    box-shadow: none;

}

.chatbox .search {

    height: 40px;

}

.chatbox .user_info span {

    font-size: 15px;

    color: #000;

    display: block;

    font-weight: 500;

    line-height: 1;

    margin-bottom: 5px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    display: block;

    max-width: 170px;

}

[data-theme-version="dark"] .chatbox .user_info span {

    color: #fff;

}

.chatbox .user_info p {

    font-size: 13px;

    margin-bottom: 0;

    line-height: 1;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    display: block;

    max-width: 170px;

}

.chatbox .contacts li {

    padding: 7px 1rem;

    border-bottom: 1px solid #eee;

    cursor: pointer;

}

[data-theme-version="dark"] .chatbox .contacts li {

    border-color: #473f72;

}

.chatbox .contacts li > div {

    display: flex;

    align-items: center;

}

.chatbox .contacts li:hover {

    background: #f4f7ff;

}

[data-theme-version="dark"] .chatbox .contacts li:hover {

    background-color: #2c254a;

}

.chatbox .contacts .name-first-letter {

    background: #f7f7f7;

    padding: 4px 1rem;

    font-weight: 700;

    color: #000;

    position: sticky;

    top: 0;

    z-index: 1;

}

[data-theme-version="dark"] .chatbox .contacts .name-first-letter {

    color: #fff;

    background: #2c254a;

}

.chatbox .msg_card_body {

    height: calc(100vh - 195px);

}

.chatbox .contacts_body {

    height: calc(100vh - 120px);

}

.chatbox .card-header {

    background: #f4f7ff;

    padding: 15px 20px;

    justify-content: center;

}

.chatbox .card-header h6 {

    font-size: 15px;

}

.chatbox .card-header p {

    line-height: 1.2;

    font-size: 12px;

    color: #7e7e7e;

}

.chatbox .chat-list-header {

    justify-content: space-between;

    background: #fff;

}

[data-theme-version="dark"] .chatbox .chat-list-header {

    background: #3b3363;

}

.chatbox .chat-list-header a {

    text-align: center;

    width: 30px;

    height: 30px;

    background: #f7f7f7;

    border-radius: 6px;

    line-height: 30px;

    display: block;

}

[data-theme-version="dark"] .chatbox .chat-list-header a {

    background: var(--rgba-primary-1);

}

[data-theme-version="dark"] .chatbox .chat-list-header a svg g [fill] {

    fill: #fff;

}

.chatbox .img_cont_msg {

    width: 30px;

    height: 30px;

    display: block;

    max-width: 30px;

    min-width: 30px;

}

.chatbox .img_cont_msg img {

    width: 100%;

}

.chatbox .msg_cotainer {

    background: var(--primary);

    margin-left: 10px;

    border-radius: 0 0.35rem 0.35rem 0.35rem;

    padding: 10px 15px;

    color: #fff;

    position: relative;

}

.chatbox .msg_cotainer .msg_time {

    display: block;

    font-size: 11px;

    color: #fff;

    margin-top: 5px;

    opacity: 0.5;

}

.chatbox .msg_cotainer:after {

    content: "";

    position: absolute;

    left: -10px;

    border-right: 10px solid var(--primary);

    border-bottom: 10px solid transparent;

    border-top: 0px solid;

    top: 0;

}

.chatbox .msg_cotainer_send {

    background: #f7f7f7;

    padding: 10px 15px;

    border-radius: 6px 0px 6px 6px;

    margin-right: 10px;

    color: #222;

    position: relative;

    text-align: right;

}

[data-theme-version="dark"] .chatbox .msg_cotainer_send {

    background: #2c254a;

    color: #fff;

}

.chatbox .msg_cotainer_send .msg_time_send {

    display: block;

    font-size: 11px;

    text-align: right;

    margin-top: 5px;

    opacity: 0.6;

}

.chatbox .msg_cotainer_send:after {

    content: "";

    position: absolute;

    right: -10px;

    border-left: 10px solid #f7f7f7;

    border-bottom: 10px solid transparent;

    border-top: 0px solid;

    top: 0;

}

[data-theme-version="dark"] .chatbox .msg_cotainer_send:after {

    border-left: 10px solid #2c254a;

}

.chatbox .type_msg .form-control {

    padding: 10px 0;

    height: 50px;

    border: 0;

    resize: none;

}

.chatbox .type_msg .btn {

    font-size: 18px;

    border-radius: 38px !important;

    width: 38px;

    height: 38px;

    padding: 0;

    margin-top: 6px;

}

.chatbox .video_cam {

    margin-left: 15px;

}

.chatbox .video_cam span {

    width: 35px;

    height: 35px;

    background: #10ca93;

    text-align: center;

    line-height: 35px;

    border-radius: 35px;

    color: #fff;

    margin-right: 5px;

    align-self: center;

    font-size: 16px;

    padding: 0 3px;

    display: inline-block;

}

.chatbox .note_card .contacts li {

    padding: 12px 1rem;

}



@media only screen and (max-width: 576px) {

    .chatbox {

        width: 280px;

    }

    .chatbox .chatbox-close {

        right: 280px;

    }

}

.dz-demo-panel {

    right: -100%;

    position: fixed;

    top: 0;

    width: 100%;

    height: 100vh;

    transition: all 0.5s ease-in-out;

    z-index: 9999;

}

.dz-demo-panel .dz-demo-trigger {

    position: absolute;

    z-index: 9;

    top: 15.75rem;

    right: 100%;

    background-color: #036111;

    color: #fff;

    display: inline-block;

    height: 3rem;

    width: 3rem;

    text-align: center;

    font-size: 1.75rem;

    line-height: 3rem;

    border-radius: 5px 0 0 5px;

    box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15);

}

@media only screen and (max-width: 1023px) {

    .dz-demo-panel .dz-demo-trigger {

        display: none;

    }

}

@media only screen and (max-width: 575px) {

    .dz-demo-panel .dz-demo-trigger {

        height: 35px;

        width: 35px;

        line-height: 35px;

        font-size: 22px;

    }

}

.dz-demo-panel .dz-demo-close {

    height: 30px;

    color: #000;

    width: 30px;

    border-radius: 0.35rem;

    background: #fff;

    line-height: 30px;

    text-align: center;

}

.dz-demo-panel.show {

    right: 0;

    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);

    z-index: 99999;

    overflow: hidden;

}

.dz-demo-panel.show .sidebar-right-trigger {

    display: none;

}

.dz-demo-panel.show .bg-close {

    position: fixed;

    z-index: -2;

    cursor: pointer;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

}

.dz-demo-panel .dz-demo-inner {

    padding: 30px 30px;

    background: #2b0000a1;

}

.dz-demo-panel .dz-demo-content {

    height: calc(100vh - 200px);

    padding: 0 15px;

}

.dz-demo-panel .dz-demo-content .text-black {

    color: #000 !important;

}

.dz-demo-panel .dz-demo-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

}

.dz-demo-panel .dz-demo-header h4 {

    margin-bottom: 0;

    color: #000 !important;

}

.dz-demo-panel .dz-demo-bx {

    height: 300px;

    overflow: hidden;

    border: 5px solid #efefef;

    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);

    margin-bottom: 10px;

}

.dz-demo-panel .dz-demo-bx.demo-active {

    border-color: #036111;

}

.dz-demo-panel .dz-demo-bx.demo-active .overlay-layer {

    opacity: 1;

}

.dz-demo-panel .overlay-bx {

    position: relative;

}

.dz-demo-panel .overlay-bx .overlay-layer {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    opacity: 0;

}

.dz-demo-panel .overlay-bx:hover .overlay-layer {

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    opacity: 1;

}

@media only screen and (max-width: 575px) {

    .dz-demo-panel .dz-demo-bx {

        height: 230px;

    }

}



:root {

    --nav-headbg: #fff;

    --sidebar-bg: #fff;

    --headerbg: #fff;

}



[data-nav-headerbg="color_2"][data-theme-version="dark"],

[data-nav-headerbg="color_2"] {

    --nav-headbg: #191e3a;

}

[data-nav-headerbg="color_2"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_2"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_2"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_2"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_2"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_2"] .nav-header .logo-abbr .svg-logo-path {

    fill: #191e3a;

}

[data-nav-headerbg="color_2"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_2"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_2"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_3"][data-theme-version="dark"],

[data-nav-headerbg="color_3"] {

    --nav-headbg: #077c23;

}

[data-nav-headerbg="color_3"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_3"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_3"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_3"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_3"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_3"] .nav-header .logo-abbr .svg-logo-path {

    fill: #077c23;

}

[data-nav-headerbg="color_3"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_3"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_3"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_4"][data-theme-version="dark"],

[data-nav-headerbg="color_4"] {

    --nav-headbg: #4527a0;

}

[data-nav-headerbg="color_4"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_4"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_4"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_4"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_4"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_4"] .nav-header .logo-abbr .svg-logo-path {

    fill: #4527a0;

}

[data-nav-headerbg="color_4"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_4"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_4"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_5"][data-theme-version="dark"],

[data-nav-headerbg="color_5"] {

    --nav-headbg: #c62828;

}

[data-nav-headerbg="color_5"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_5"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_5"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_5"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_5"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_5"] .nav-header .logo-abbr .svg-logo-path {

    fill: #c62828;

}

[data-nav-headerbg="color_5"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_5"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_5"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_6"][data-theme-version="dark"],

[data-nav-headerbg="color_6"] {

    --nav-headbg: #283593;

}

[data-nav-headerbg="color_6"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_6"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_6"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_6"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_6"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_6"] .nav-header .logo-abbr .svg-logo-path {

    fill: #283593;

}

[data-nav-headerbg="color_6"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_6"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_6"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_7"][data-theme-version="dark"],

[data-nav-headerbg="color_7"] {

    --nav-headbg: #7356f1;

}

[data-nav-headerbg="color_7"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_7"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_7"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_7"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_7"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_7"] .nav-header .logo-abbr .svg-logo-path {

    fill: #7356f1;

}

[data-nav-headerbg="color_7"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_7"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_7"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_8"][data-theme-version="dark"],

[data-nav-headerbg="color_8"] {

    --nav-headbg: #5bcfc5;

}

[data-nav-headerbg="color_8"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_8"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_8"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_8"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_8"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_8"] .nav-header .logo-abbr .svg-logo-path {

    fill: #5bcfc5;

}

[data-nav-headerbg="color_8"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_8"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_8"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_9"][data-theme-version="dark"],

[data-nav-headerbg="color_9"] {

    --nav-headbg: #00838f;

}

[data-nav-headerbg="color_9"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_9"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_9"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_9"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_9"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_9"] .nav-header .logo-abbr .svg-logo-path {

    fill: #00838f;

}

[data-nav-headerbg="color_9"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_9"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_9"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_10"][data-theme-version="dark"],

[data-nav-headerbg="color_10"] {

    --nav-headbg: #ff8f16;

}

[data-nav-headerbg="color_10"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_10"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_10"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_10"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_10"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_10"] .nav-header .logo-abbr .svg-logo-path {

    fill: #ff8f16;

}

[data-nav-headerbg="color_10"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_10"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_10"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_11"][data-theme-version="dark"],

[data-nav-headerbg="color_11"] {

    --nav-headbg: #6673fd;

}

[data-nav-headerbg="color_11"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_11"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_11"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_11"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_11"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_11"] .nav-header .logo-abbr .svg-logo-path {

    fill: #6673fd;

}

[data-nav-headerbg="color_11"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_11"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_11"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_12"][data-theme-version="dark"],

[data-nav-headerbg="color_12"] {

    --nav-headbg: #558b2f;

}

[data-nav-headerbg="color_12"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_12"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_12"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_12"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_12"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_12"] .nav-header .logo-abbr .svg-logo-path {

    fill: #558b2f;

}

[data-nav-headerbg="color_12"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_12"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_12"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_13"][data-theme-version="dark"],

[data-nav-headerbg="color_13"] {

    --nav-headbg: #2a2a2a;

}

[data-nav-headerbg="color_13"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_13"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_13"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_13"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_13"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_13"] .nav-header .logo-abbr .svg-logo-path {

    fill: #2a2a2a;

}

[data-nav-headerbg="color_13"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_13"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_13"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_14"][data-theme-version="dark"],

[data-nav-headerbg="color_14"] {

    --nav-headbg: #1367c8;

}

[data-nav-headerbg="color_14"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_14"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_14"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_14"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_14"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_14"] .nav-header .logo-abbr .svg-logo-path {

    fill: #1367c8;

}

[data-nav-headerbg="color_14"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_14"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_14"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-nav-headerbg="color_15"][data-theme-version="dark"],

[data-nav-headerbg="color_15"] {

    --nav-headbg: #ed0b4c;

}

[data-nav-headerbg="color_15"][data-theme-version="dark"]

    .nav-header

    .svg-logo-path,

[data-nav-headerbg="color_15"] .nav-header .svg-logo-path {

    fill: #fff;

}

[data-nav-headerbg="color_15"][data-theme-version="dark"]

    .nav-header

    .svg-logo-rect,

[data-nav-headerbg="color_15"] .nav-header .svg-logo-rect {

    fill: #fff;

}

[data-nav-headerbg="color_15"][data-theme-version="dark"]

    .nav-header

    .logo-abbr

    .svg-logo-path,

[data-nav-headerbg="color_15"] .nav-header .logo-abbr .svg-logo-path {

    fill: #ed0b4c;

}

[data-nav-headerbg="color_15"][data-theme-version="dark"]

    .nav-header

    .hamburger

    .line,

[data-nav-headerbg="color_15"] .nav-header .hamburger .line {

    background: #fff;

}

[data-nav-headerbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"]

    .hamburger

    .line,

[data-nav-headerbg="color_15"][data-sidebar-style="modern"] .hamburger .line {

    background: #000;

}



[data-sibebarbg="color_2"][data-theme-version="dark"],

[data-sibebarbg="color_2"] {

    --sidebar-bg: #191e3a;

}

[data-sibebarbg="color_2"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_2"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_2"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_2"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_2"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_2"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_2"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_2"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_2"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_2"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_2"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #1e2445;

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_2"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_2"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_2"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_2"] .deznav .metismenu > li > a i {

    color: #5160b4;

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_2"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_2"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #1e2445;

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #252d57;

}

[data-sibebarbg="color_2"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_2"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: #aab2db;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #191e3a;

    background-color: transparent;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #28305e;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_2"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_2"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #191e3a;

    background-color: transparent;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_2"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_2"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #28305e;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_2"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #1e2445;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_2"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #28305e;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_2"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_2"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #191e3a;

    background-color: transparent;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_2"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #1e2445;

    box-shadow: none;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #252d57;

    box-shadow: none;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #191e3a;

    background-color: transparent;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #191e3a;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #303a6f;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_2"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #28305e;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #28305e;

}

[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_2"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #28305e;

}



[data-sibebarbg="color_3"][data-theme-version="dark"],

[data-sibebarbg="color_3"] {

    --sidebar-bg: #077c23;

}

[data-sibebarbg="color_3"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_3"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_3"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_3"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_3"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_3"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_3"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_3"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_3"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_3"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_3"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #ed8b61;

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_3"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_3"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_3"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_3"] .deznav .metismenu > li > a i {

    color: #fef6f3;

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_3"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_3"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #ed8b61;

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #ef9c78;

}

[data-sibebarbg="color_3"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_3"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: white;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #077c23;

    background-color: transparent;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #f0a281;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_3"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_3"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #077c23;

    background-color: transparent;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_3"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_3"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #f0a281;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_3"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #ed8b61;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_3"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #f0a281;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_3"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_3"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #077c23;

    background-color: transparent;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_3"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #ed8b61;

    box-shadow: none;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #ef9c78;

    box-shadow: none;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #077c23;

    background-color: transparent;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #077c23;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #f3b398;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_3"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #f0a281;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #f0a281;

}

[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_3"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #f0a281;

}



[data-sibebarbg="color_4"][data-theme-version="dark"],

[data-sibebarbg="color_4"] {

    --sidebar-bg: #4527a0;

}

[data-sibebarbg="color_4"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_4"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_4"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_4"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_4"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_4"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_4"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_4"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_4"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_4"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_4"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #4a2aac;

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_4"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_4"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_4"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_4"] .deznav .metismenu > li > a i {

    color: #a894e5;

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_4"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_4"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #4a2aac;

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #532fc1;

}

[data-sibebarbg="color_4"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_4"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: #fcfbfe;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #4527a0;

    background-color: transparent;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #5731c9;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_4"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_4"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #4527a0;

    background-color: transparent;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_4"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_4"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #5731c9;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_4"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #4a2aac;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_4"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #5731c9;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_4"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_4"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #4527a0;

    background-color: transparent;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_4"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #4a2aac;

    box-shadow: none;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #532fc1;

    box-shadow: none;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #4527a0;

    background-color: transparent;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #4527a0;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #6642d1;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_4"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #5731c9;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #5731c9;

}

[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_4"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #5731c9;

}



[data-sibebarbg="color_5"][data-theme-version="dark"],

[data-sibebarbg="color_5"] {

    --sidebar-bg: #c62828;

}

[data-sibebarbg="color_5"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_5"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_5"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_5"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_5"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_5"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_5"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_5"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_5"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_5"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_5"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #d32b2b;

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_5"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_5"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_5"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_5"] .deznav .metismenu > li > a i {

    color: #efb1b1;

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_5"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_5"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #d32b2b;

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #d83f3f;

}

[data-sibebarbg="color_5"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_5"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: white;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #c62828;

    background-color: transparent;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #da4747;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_5"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_5"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #c62828;

    background-color: transparent;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_5"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_5"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #da4747;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_5"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #d32b2b;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_5"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #da4747;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_5"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_5"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #c62828;

    background-color: transparent;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_5"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #d32b2b;

    box-shadow: none;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #d83f3f;

    box-shadow: none;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #c62828;

    background-color: transparent;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #c62828;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #de5c5c;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_5"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #da4747;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #da4747;

}

[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_5"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #da4747;

}



[data-sibebarbg="color_6"][data-theme-version="dark"],

[data-sibebarbg="color_6"] {

    --sidebar-bg: #283593;

}

[data-sibebarbg="color_6"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_6"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_6"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_6"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_6"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_6"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_6"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_6"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_6"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_6"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_6"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #2b399f;

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_6"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_6"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_6"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_6"] .deznav .metismenu > li > a i {

    color: #8d97e0;

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_6"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_6"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #2b399f;

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #3141b3;

}

[data-sibebarbg="color_6"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_6"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: #f2f3fb;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #283593;

    background-color: transparent;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #3343bb;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_6"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_6"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #283593;

    background-color: transparent;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_6"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_6"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #3343bb;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_6"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #2b399f;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_6"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #3343bb;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_6"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_6"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #283593;

    background-color: transparent;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_6"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #2b399f;

    box-shadow: none;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #3141b3;

    box-shadow: none;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #283593;

    background-color: transparent;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #283593;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #3d4eca;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_6"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #3343bb;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #3343bb;

}

[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_6"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #3343bb;

}



[data-sibebarbg="color_7"][data-theme-version="dark"],

[data-sibebarbg="color_7"] {

    --sidebar-bg: #7356f1;

}

[data-sibebarbg="color_7"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_7"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_7"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_7"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_7"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_7"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_7"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_7"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_7"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_7"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_7"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #7f64f2;

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_7"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_7"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_7"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_7"] .deznav .metismenu > li > a i {

    color: #fcfbff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_7"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_7"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #7f64f2;

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #927cf4;

}

[data-sibebarbg="color_7"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_7"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: white;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #7356f1;

    background-color: transparent;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #9a85f5;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_7"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_7"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #7356f1;

    background-color: transparent;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_7"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_7"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #9a85f5;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_7"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #7f64f2;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_7"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #9a85f5;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_7"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_7"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #7356f1;

    background-color: transparent;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_7"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #7f64f2;

    box-shadow: none;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #927cf4;

    box-shadow: none;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #7356f1;

    background-color: transparent;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #7356f1;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #ae9df7;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_7"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #9a85f5;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #9a85f5;

}

[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_7"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #9a85f5;

}



[data-sibebarbg="color_8"][data-theme-version="dark"],

[data-sibebarbg="color_8"] {

    --sidebar-bg: #5bcfc5;

}

[data-sibebarbg="color_8"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_8"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_8"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_8"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_8"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_8"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_8"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_8"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_8"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_8"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_8"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #67d2c9;

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_8"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_8"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_8"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_8"] .deznav .metismenu > li > a i {

    color: #e5f7f6;

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_8"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_8"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #67d2c9;

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #7bd8d0;

}

[data-sibebarbg="color_8"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_8"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: white;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #5bcfc5;

    background-color: transparent;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #82dbd3;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_8"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_8"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #5bcfc5;

    background-color: transparent;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_8"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_8"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #82dbd3;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_8"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #67d2c9;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_8"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #82dbd3;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_8"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_8"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #5bcfc5;

    background-color: transparent;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_8"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #67d2c9;

    box-shadow: none;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #7bd8d0;

    box-shadow: none;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #5bcfc5;

    background-color: transparent;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #5bcfc5;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #96e0da;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_8"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #82dbd3;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #82dbd3;

}

[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_8"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #82dbd3;

}



[data-sibebarbg="color_9"][data-theme-version="dark"],

[data-sibebarbg="color_9"] {

    --sidebar-bg: #00838f;

}

[data-sibebarbg="color_9"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_9"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_9"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_9"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_9"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_9"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_9"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_9"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_9"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_9"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_9"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #00919e;

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_9"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_9"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_9"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_9"] .deznav .metismenu > li > a i {

    color: #43efff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_9"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_9"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #00919e;

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #00a8b8;

}

[data-sibebarbg="color_9"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_9"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: #c2faff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #00838f;

    background-color: transparent;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #00b2c2;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_9"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_9"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #00838f;

    background-color: transparent;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_9"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_9"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #00b2c2;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_9"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #00919e;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_9"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #00b2c2;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_9"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_9"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #00838f;

    background-color: transparent;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_9"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #00919e;

    box-shadow: none;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #00a8b8;

    box-shadow: none;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #00838f;

    background-color: transparent;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #00838f;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #00c9dc;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_9"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #00b2c2;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #00b2c2;

}

[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_9"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #00b2c2;

}



[data-sibebarbg="color_10"][data-theme-version="dark"],

[data-sibebarbg="color_10"] {

    --sidebar-bg: #ff8f16;

}

[data-sibebarbg="color_10"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_10"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_10"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_10"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_10"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_10"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_10"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_10"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_10"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_10"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_10"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #ff9625;

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_10"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_10"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_10"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_10"] .deznav .metismenu > li > a i {

    color: #ffe5c9;

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_10"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_10"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #ff9625;

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #ffa33f;

}

[data-sibebarbg="color_10"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_10"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: white;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #ff8f16;

    background-color: transparent;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #ffa849;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_10"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_10"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #ff8f16;

    background-color: transparent;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_10"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_10"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #ffa849;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_10"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #ff9625;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_10"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #ffa849;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_10"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_10"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #ff8f16;

    background-color: transparent;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_10"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #ff9625;

    box-shadow: none;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #ffa33f;

    box-shadow: none;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #ff8f16;

    background-color: transparent;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #ff8f16;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #ffb463;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_10"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #ffa849;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #ffa849;

}

[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_10"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #ffa849;

}



[data-sibebarbg="color_11"][data-theme-version="dark"],

[data-sibebarbg="color_11"] {

    --sidebar-bg: #6673fd;

}

[data-sibebarbg="color_11"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_11"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_11"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_11"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_11"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_11"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_11"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_11"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_11"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_11"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_11"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #7581fd;

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_11"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_11"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_11"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_11"] .deznav .metismenu > li > a i {

    color: white;

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_11"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_11"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #7581fd;

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #8e98fe;

}

[data-sibebarbg="color_11"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_11"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: white;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #6673fd;

    background-color: transparent;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #98a1fe;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_11"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_11"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #6673fd;

    background-color: transparent;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_11"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_11"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #98a1fe;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_11"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #7581fd;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_11"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #98a1fe;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_11"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_11"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #6673fd;

    background-color: transparent;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_11"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #7581fd;

    box-shadow: none;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #8e98fe;

    box-shadow: none;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_11"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #6673fd;

    background-color: transparent;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #6673fd;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #b2b8fe;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_11"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #98a1fe;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #98a1fe;

}

[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_11"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #98a1fe;

}



[data-sibebarbg="color_12"][data-theme-version="dark"],

[data-sibebarbg="color_12"] {

    --sidebar-bg: #558b2f;

}

[data-sibebarbg="color_12"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_12"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_12"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_12"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_12"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_12"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_12"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_12"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_12"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_12"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_12"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #5c9633;

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_12"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_12"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_12"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_12"] .deznav .metismenu > li > a i {

    color: #b0da92;

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_12"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_12"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #5c9633;

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #68a939;

}

[data-sibebarbg="color_12"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_12"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: #f5faf2;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #558b2f;

    background-color: transparent;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #6cb13c;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_12"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_12"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #558b2f;

    background-color: transparent;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_12"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_12"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #6cb13c;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_12"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #5c9633;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_12"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #6cb13c;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_12"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_12"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #558b2f;

    background-color: transparent;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_12"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #5c9633;

    box-shadow: none;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #68a939;

    box-shadow: none;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_12"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #558b2f;

    background-color: transparent;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #558b2f;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #79c046;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_12"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #6cb13c;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #6cb13c;

}

[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_12"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #6cb13c;

}



[data-sibebarbg="color_13"][data-theme-version="dark"],

[data-sibebarbg="color_13"] {

    --sidebar-bg: #2a2a2a;

}

[data-sibebarbg="color_13"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_13"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_13"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_13"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_13"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_13"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_13"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_13"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_13"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_13"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_13"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #323232;

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_13"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_13"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_13"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_13"] .deznav .metismenu > li > a i {

    color: #838383;

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_13"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_13"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #323232;

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #3e3e3e;

}

[data-sibebarbg="color_13"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_13"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: #c3c3c3;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #2a2a2a;

    background-color: transparent;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #444444;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_13"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_13"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #2a2a2a;

    background-color: transparent;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_13"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_13"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #444444;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_13"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #323232;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_13"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #444444;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_13"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_13"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #2a2a2a;

    background-color: transparent;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_13"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #323232;

    box-shadow: none;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #3e3e3e;

    box-shadow: none;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_13"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #2a2a2a;

    background-color: transparent;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #2a2a2a;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #505050;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_13"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #444444;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #444444;

}

[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_13"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #444444;

}



[data-sibebarbg="color_14"][data-theme-version="dark"],

[data-sibebarbg="color_14"] {

    --sidebar-bg: #1367c8;

}

[data-sibebarbg="color_14"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_14"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_14"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_14"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_14"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_14"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_14"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_14"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_14"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_14"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_14"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #146ed6;

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_14"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_14"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_14"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_14"] .deznav .metismenu > li > a i {

    color: #98c3f5;

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_14"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_14"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #146ed6;

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #1b7ae9;

}

[data-sibebarbg="color_14"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_14"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: white;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #1367c8;

    background-color: transparent;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #2480ea;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_14"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_14"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #1367c8;

    background-color: transparent;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_14"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_14"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #2480ea;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_14"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #146ed6;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_14"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #2480ea;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_14"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_14"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #1367c8;

    background-color: transparent;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_14"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #146ed6;

    box-shadow: none;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #1b7ae9;

    box-shadow: none;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_14"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #1367c8;

    background-color: transparent;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #1367c8;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #3b8dec;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_14"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #2480ea;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #2480ea;

}

[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_14"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #2480ea;

}



[data-sibebarbg="color_15"][data-theme-version="dark"],

[data-sibebarbg="color_15"] {

    --sidebar-bg: #ed0b4c;

}

[data-sibebarbg="color_15"][data-theme-version="dark"] .nav-label,

[data-sibebarbg="color_15"] .nav-label {

    border-color: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.4);

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .main-profile

    .name,

[data-sibebarbg="color_15"] .deznav .main-profile .name {

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .main-profile

    .email,

[data-sibebarbg="color_15"] .deznav .main-profile .email {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .main-profile

    .image-bx

    a,

[data-sibebarbg="color_15"] .deznav .main-profile .image-bx a {

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .copyright,

[data-sibebarbg="color_15"] .deznav .copyright {

    color: rgba(255, 255, 255, 0.5);

}

[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu a,

[data-sibebarbg="color_15"] .deznav .metismenu a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_15"] .deznav .metismenu ul a:before {

    border-color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_15"] .deznav .metismenu ul a:hover,

[data-sibebarbg="color_15"] .deznav .metismenu ul a:focus,

[data-sibebarbg="color_15"] .deznav .metismenu ul a.mm-active {

    color: #fff;

    background-color: #f41354;

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_15"] .deznav .metismenu ul a:hover:before,

[data-sibebarbg="color_15"] .deznav .metismenu ul a:focus:before,

[data-sibebarbg="color_15"] .deznav .metismenu ul a.mm-active:before {

    border-color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_15"] .deznav .metismenu > li > a i {

    color: #fbafc5;

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-sibebarbg="color_15"] .deznav .metismenu > li:hover > a,

[data-sibebarbg="color_15"] .deznav .metismenu > li:focus > a {

    color: #fff;

    background-color: #f41354;

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"] .deznav .metismenu > li.mm-active > a {

    color: #fff;

    background-color: #f52c66;

}

[data-sibebarbg="color_15"][data-theme-version="dark"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_15"] .deznav .metismenu > li.mm-active > a i {

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background-color: white;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #ed0b4c;

    background-color: transparent;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    > li:hover

    > a {

    background: #f6356d;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_15"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_15"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #ed0b4c;

    background-color: transparent;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before,

[data-sibebarbg="color_15"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    background: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_15"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

    background: #f6356d;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_15"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a,

[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i,

[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a

    i {

    background: #f41354;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-sibebarbg="color_15"][data-sidebar-style="compact"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    background: #f6356d;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_15"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    a {

    color: #888ea8;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_15"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #ed0b4c;

    background-color: transparent;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_15"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="modern"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a {

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    box-shadow: none;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: #f41354;

    box-shadow: none;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #f52c66;

    box-shadow: none;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    a,

[data-sibebarbg="color_15"][data-layout="horizontal"] .deznav .metismenu a {

    color: #888ea8;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active {

    color: #ed0b4c;

    background-color: transparent;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:hover:before,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:focus:before,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a.mm-active:before {

    border-color: #ed0b4c;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    ul

    a:before {

    border-color: #888ea8;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li

    > a {

    border-color: #f74e7e;

    color: rgba(255, 255, 255, 0.7);

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: transparent;

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a {

    background-color: transparent;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-sibebarbg="color_15"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:hover

    > a

    i {

    color: #fff;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-layout="horizontal"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #f6356d;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-layout="horizontal"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #f6356d;

}

[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-sibebarbg="color_15"][data-layout="horizontal"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    background-color: #f6356d;

}



[data-headerbg="color_2"][data-theme-version="dark"],

[data-headerbg="color_2"] {

    --headerbg: #191e3a;

}

[data-headerbg="color_2"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_2"] .pulse-css {

    background-color: #f2f3f9;

}

[data-headerbg="color_2"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_2"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_2"] .pulse-css:after,

[data-headerbg="color_2"] .pulse-css:before {

    background-color: #f2f3f9;

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_2"] .header .header-left .search-area .form-control {

    background: #242b53 !important;

    color: #fff !important;

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_2"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_2"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #242b53 !important;

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_2"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_2"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #aab2db;

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_2"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_2"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: #aab2db;

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_2"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: #aab2db;

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_2"] .header .header-right .header-profile > a.nav-link {

    border-color: #28305e;

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_2"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_2"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_2"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_3"][data-theme-version="dark"],

[data-headerbg="color_3"] {

    --headerbg: #077c23;

}

[data-headerbg="color_3"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_3"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_3"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_3"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_3"] .pulse-css:after,

[data-headerbg="color_3"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_3"] .header .header-left .search-area .form-control {

    background: #ef9873 !important;

    color: #fff !important;

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_3"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_3"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #ef9873 !important;

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_3"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_3"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: white;

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_3"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_3"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: white;

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_3"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: white;

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_3"] .header .header-right .header-profile > a.nav-link {

    border-color: #f0a281;

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_3"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_3"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_3"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_4"][data-theme-version="dark"],

[data-headerbg="color_4"] {

    --headerbg: #4527a0;

}

[data-headerbg="color_4"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_4"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_4"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_4"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_4"] .pulse-css:after,

[data-headerbg="color_4"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_4"] .header .header-left .search-area .form-control {

    background: #512ebd !important;

    color: #fff !important;

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_4"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_4"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #512ebd !important;

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_4"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_4"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #fcfbfe;

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_4"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_4"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: #fcfbfe;

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_4"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: #fcfbfe;

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_4"] .header .header-right .header-profile > a.nav-link {

    border-color: #5731c9;

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_4"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_4"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_4"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_5"][data-theme-version="dark"],

[data-headerbg="color_5"] {

    --headerbg: #c62828;

}

[data-headerbg="color_5"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_5"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_5"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_5"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_5"] .pulse-css:after,

[data-headerbg="color_5"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_5"] .header .header-left .search-area .form-control {

    background: #d73a3a !important;

    color: #fff !important;

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_5"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_5"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #d73a3a !important;

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_5"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_5"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: white;

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_5"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_5"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: white;

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_5"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: white;

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_5"] .header .header-right .header-profile > a.nav-link {

    border-color: #da4747;

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_5"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_5"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_5"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_6"][data-theme-version="dark"],

[data-headerbg="color_6"] {

    --headerbg: #283593;

}

[data-headerbg="color_6"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_6"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_6"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_6"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_6"] .pulse-css:after,

[data-headerbg="color_6"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_6"] .header .header-left .search-area .form-control {

    background: #303faf !important;

    color: #fff !important;

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_6"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_6"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #303faf !important;

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_6"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_6"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #f2f3fb;

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_6"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_6"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: #f2f3fb;

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_6"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: #f2f3fb;

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_6"] .header .header-right .header-profile > a.nav-link {

    border-color: #3343bb;

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_6"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_6"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_6"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_7"][data-theme-version="dark"],

[data-headerbg="color_7"] {

    --headerbg: #7356f1;

}

[data-headerbg="color_7"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_7"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_7"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_7"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_7"] .pulse-css:after,

[data-headerbg="color_7"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_7"] .header .header-left .search-area .form-control {

    background: #8e77f4 !important;

    color: #fff !important;

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_7"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_7"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #8e77f4 !important;

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_7"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_7"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: white;

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_7"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_7"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: white;

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_7"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: white;

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_7"] .header .header-right .header-profile > a.nav-link {

    border-color: #9a85f5;

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_7"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_7"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_7"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_8"][data-theme-version="dark"],

[data-headerbg="color_8"] {

    --headerbg: #5bcfc5;

}

[data-headerbg="color_8"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_8"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_8"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_8"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_8"] .pulse-css:after,

[data-headerbg="color_8"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_8"] .header .header-left .search-area .form-control {

    background: #77d7cf !important;

    color: #fff !important;

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_8"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_8"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #77d7cf !important;

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_8"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_8"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: white;

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_8"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_8"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: white;

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_8"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: white;

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_8"] .header .header-right .header-profile > a.nav-link {

    border-color: #82dbd3;

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_8"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_8"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_8"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_9"][data-theme-version="dark"],

[data-headerbg="color_9"] {

    --headerbg: #00838f;

}

[data-headerbg="color_9"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_9"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_9"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_9"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_9"] .pulse-css:after,

[data-headerbg="color_9"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_9"] .header .header-left .search-area .form-control {

    background: #00a4b3 !important;

    color: #fff !important;

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_9"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_9"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #00a4b3 !important;

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_9"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_9"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #c2faff;

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_9"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_9"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: #c2faff;

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_9"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: #c2faff;

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_9"] .header .header-right .header-profile > a.nav-link {

    border-color: #00b2c2;

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_9"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_9"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_9"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_10"][data-theme-version="dark"],

[data-headerbg="color_10"] {

    --headerbg: #ff8f16;

}

[data-headerbg="color_10"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_10"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_10"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_10"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_10"] .pulse-css:after,

[data-headerbg="color_10"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_10"] .header .header-left .search-area .form-control {

    background: #ffa03a !important;

    color: #fff !important;

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_10"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_10"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #ffa03a !important;

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_10"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_10"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: white;

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_10"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_10"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: white;

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_10"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: white;

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_10"] .header .header-right .header-profile > a.nav-link {

    border-color: #ffa849;

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_10"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_10"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_10"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_11"][data-theme-version="dark"],

[data-headerbg="color_11"] {

    --headerbg: #6673fd;

}

[data-headerbg="color_11"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_11"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_11"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_11"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_11"] .pulse-css:after,

[data-headerbg="color_11"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_11"] .header .header-left .search-area .form-control {

    background: #8993fd !important;

    color: #fff !important;

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_11"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_11"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #8993fd !important;

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_11"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_11"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: white;

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_11"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_11"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: white;

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_11"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: white;

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_11"] .header .header-right .header-profile > a.nav-link {

    border-color: #98a1fe;

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_11"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_11"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_11"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_12"][data-theme-version="dark"],

[data-headerbg="color_12"] {

    --headerbg: #558b2f;

}

[data-headerbg="color_12"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_12"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_12"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_12"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_12"] .pulse-css:after,

[data-headerbg="color_12"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_12"] .header .header-left .search-area .form-control {

    background: #65a638 !important;

    color: #fff !important;

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_12"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_12"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #65a638 !important;

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_12"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_12"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #f5faf2;

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_12"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_12"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: #f5faf2;

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_12"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: #f5faf2;

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_12"] .header .header-right .header-profile > a.nav-link {

    border-color: #6cb13c;

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_12"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_12"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_12"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_13"][data-theme-version="dark"],

[data-headerbg="color_13"] {

    --headerbg: #2a2a2a;

}

[data-headerbg="color_13"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_13"] .pulse-css {

    background-color: #f6f6f6;

}

[data-headerbg="color_13"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_13"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_13"] .pulse-css:after,

[data-headerbg="color_13"] .pulse-css:before {

    background-color: #f6f6f6;

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_13"] .header .header-left .search-area .form-control {

    background: #3c3c3c !important;

    color: #fff !important;

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_13"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_13"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #3c3c3c !important;

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_13"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_13"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #c3c3c3;

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_13"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_13"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: #c3c3c3;

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_13"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: #c3c3c3;

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_13"] .header .header-right .header-profile > a.nav-link {

    border-color: #444444;

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_13"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_13"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_13"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_14"][data-theme-version="dark"],

[data-headerbg="color_14"] {

    --headerbg: #1367c8;

}

[data-headerbg="color_14"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_14"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_14"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_14"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_14"] .pulse-css:after,

[data-headerbg="color_14"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_14"] .header .header-left .search-area .form-control {

    background: #1678e9 !important;

    color: #fff !important;

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_14"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_14"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #1678e9 !important;

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_14"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_14"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: white;

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_14"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_14"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: white;

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_14"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: white;

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_14"] .header .header-right .header-profile > a.nav-link {

    border-color: #2480ea;

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_14"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_14"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_14"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



[data-headerbg="color_15"][data-theme-version="dark"],

[data-headerbg="color_15"] {

    --headerbg: #ed0b4c;

}

[data-headerbg="color_15"][data-theme-version="dark"] .pulse-css,

[data-headerbg="color_15"] .pulse-css {

    background-color: white;

}

[data-headerbg="color_15"][data-theme-version="dark"] .pulse-css:after,

[data-headerbg="color_15"][data-theme-version="dark"] .pulse-css:before,

[data-headerbg="color_15"] .pulse-css:after,

[data-headerbg="color_15"] .pulse-css:before {

    background-color: white;

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control,

[data-headerbg="color_15"] .header .header-left .search-area .form-control {

    background: #f52762 !important;

    color: #fff !important;

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .form-control::placeholder,

[data-headerbg="color_15"]

    .header

    .header-left

    .search-area

    .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text,

[data-headerbg="color_15"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text {

    background: #f52762 !important;

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a,

[data-headerbg="color_15"]

    .header

    .header-left

    .search-area

    .input-group-append

    .input-group-text

    a {

    color: rgba(255, 255, 255, 0.7);

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path,

[data-headerbg="color_15"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: white;

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path,

[data-headerbg="color_15"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-full

    path,

[data-headerbg="color_15"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: white;

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i,

[data-headerbg="color_15"]

    .header

    .header-right

    .notification_dropdown

    .nav-link

    i {

    color: white;

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link,

[data-headerbg="color_15"] .header .header-right .header-profile > a.nav-link {

    border-color: #f6356d;

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-headerbg="color_15"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span {

    color: #fff;

}

[data-headerbg="color_15"][data-theme-version="dark"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small,

[data-headerbg="color_15"]

    .header

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    small {

    color: rgba(255, 255, 255, 0.6);

}



@media (min-width: 992px) {

    [data-container="boxed"] #main-wrapper {

        max-width: 1199px;

        margin: 0 auto;

        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    }

    [direction="rtl"][data-container="boxed"] #main-wrapper {

        text-align: right;

    }

}

@media only screen and (min-width: 1350px) {

    [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"]

        .header {

        width: 1199px;

    }

}

@media only screen and (min-width: 1200px) and (max-width: 1349px) {

    [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"]

        .header {

        width: 1199px;

    }

}

[data-header-position="fixed"][data-layout="horizontal"][data-container="boxed"]

    .deznav {

    max-width: 1199px;

}



[data-layout="vertical"][data-container="boxed"][data-header-position="fixed"]

    .header,

[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"]

    .header {

    width: 1199px;

}



[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"][data-sidebar-style="mini"]

    .header {

    width: 1199px;

}



[data-container="boxed"] .metismenu.fixed {

    left: auto;

    max-width: 1199px;

}

[data-container="boxed"] .page-titles {

    margin-bottom: 3rem;

    padding: 15px 15px;

}

[data-container="boxed"] .content-body .container-fluid {

    padding: 40px;

}



[data-container="boxed"][data-layout="vertical"] .page-titles {

    margin-left: 0;

    margin-right: 0;

}



[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"]

    .nav-header {

    position: absolute;

}

[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"]

    .menu-toggle

    .deznav {

    position: absolute;

}



[data-container="boxed"][data-sidebar-position="fixed"][data-layout="horizontal"]

    .deznav.fixed {

    left: auto;

    max-width: 1199px;

}



@media (min-width: 992px) {

    [data-container="wide-boxed"] #main-wrapper {

        max-width: 1480px;

        margin: 0 auto;

        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

    }

    [direction="rtl"][data-container="wide-boxed"] #main-wrapper {

        text-align: right;

    }

    [data-container="wide-boxed"][data-layout="horizontal"] .deznav {

        left: unset;

    }

}

@media only screen and (min-width: 1350px) {

    [data-layout="vertical"][data-sidebar-style="overlay"][data-container="wide-boxed"][data-header-position="fixed"]

        .header {

        width: 1480px;

    }

}

@media only screen and (min-width: 1200px) and (max-width: 1349px) {

    [data-layout="vertical"][data-sidebar-style="overlay"][data-container="wide-boxed"][data-header-position="fixed"]

        .header {

        width: 1480px;

    }

}

[data-header-position="fixed"][data-layout="horizontal"][data-container="wide-boxed"]

    .deznav {

    max-width: 1480px;

}



[data-layout="horizontal"][data-container="wide-boxed"][data-header-position="fixed"]

    .header {

    width: 1480px;

}



[data-layout="horizontal"][data-container="wide-boxed"][data-header-position="fixed"][data-sidebar-style="mini"]

    .header {

    width: 1480px;

}



[data-container="wide-boxed"] .metismenu.fixed {

    left: auto;

    max-width: 1480px;

}

[data-container="wide-boxed"] .page-titles {

    margin-bottom: 3rem;

    padding: 15px 15px;

}

[data-container="wide-boxed"] .content-body .container-fluid {

    padding: 40px;

}



[data-container="wide-boxed"][data-layout="vertical"] .page-titles {

    margin-left: 0;

    margin-right: 0;

}



[data-layout="vertical"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"]

    .nav-header {

    position: absolute;

}

[data-layout="vertical"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"]

    .menu-toggle

    .deznav {

    position: absolute;

}



[data-container="wide-boxed"][data-sidebar-position="fixed"][data-layout="horizontal"]

    .deznav.fixed {

    left: auto;

    max-width: 1480px;

}



[data-primary="color_2"] {

    --primary: #191e3a;

    --secondary: #036111;

    --primary-hover: #0a0c16;

    --primary-dark: black;

    --rgba-primary-1: rgba(25, 30, 58, 0.1);

    --rgba-primary-2: rgba(25, 30, 58, 0.2);

    --rgba-primary-3: rgba(25, 30, 58, 0.3);

    --rgba-primary-4: rgba(25, 30, 58, 0.4);

    --rgba-primary-5: rgba(25, 30, 58, 0.5);

    --rgba-primary-6: rgba(25, 30, 58, 0.6);

    --rgba-primary-7: rgba(25, 30, 58, 0.7);

    --rgba-primary-8: rgba(25, 30, 58, 0.8);

    --rgba-primary-9: rgba(25, 30, 58, 0.9);

}



[data-primary="color_3"] {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

}



[data-primary="color_4"] {

    --primary: #4527a0;

    --secondary: #036111;

    --primary-hover: #331d77;

    --primary-dark: #100925;

    --rgba-primary-1: rgba(69, 39, 160, 0.1);

    --rgba-primary-2: rgba(69, 39, 160, 0.2);

    --rgba-primary-3: rgba(69, 39, 160, 0.3);

    --rgba-primary-4: rgba(69, 39, 160, 0.4);

    --rgba-primary-5: rgba(69, 39, 160, 0.5);

    --rgba-primary-6: rgba(69, 39, 160, 0.6);

    --rgba-primary-7: rgba(69, 39, 160, 0.7);

    --rgba-primary-8: rgba(69, 39, 160, 0.8);

    --rgba-primary-9: rgba(69, 39, 160, 0.9);

}



[data-primary="color_5"] {

    --primary: #c62828;

    --secondary: #036111;

    --primary-hover: #9c1f1f;

    --primary-dark: #470e0e;

    --rgba-primary-1: rgba(198, 40, 40, 0.1);

    --rgba-primary-2: rgba(198, 40, 40, 0.2);

    --rgba-primary-3: rgba(198, 40, 40, 0.3);

    --rgba-primary-4: rgba(198, 40, 40, 0.4);

    --rgba-primary-5: rgba(198, 40, 40, 0.5);

    --rgba-primary-6: rgba(198, 40, 40, 0.6);

    --rgba-primary-7: rgba(198, 40, 40, 0.7);

    --rgba-primary-8: rgba(198, 40, 40, 0.8);

    --rgba-primary-9: rgba(198, 40, 40, 0.9);

}



[data-primary="color_6"] {

    --primary: #283593;

    --secondary: #036111;

    --primary-hover: #1d276b;

    --primary-dark: #070a1b;

    --rgba-primary-1: rgba(40, 53, 147, 0.1);

    --rgba-primary-2: rgba(40, 53, 147, 0.2);

    --rgba-primary-3: rgba(40, 53, 147, 0.3);

    --rgba-primary-4: rgba(40, 53, 147, 0.4);

    --rgba-primary-5: rgba(40, 53, 147, 0.5);

    --rgba-primary-6: rgba(40, 53, 147, 0.6);

    --rgba-primary-7: rgba(40, 53, 147, 0.7);

    --rgba-primary-8: rgba(40, 53, 147, 0.8);

    --rgba-primary-9: rgba(40, 53, 147, 0.9);

}



[data-primary="color_7"] {

    --primary: #7356f1;

    --secondary: #036111;

    --primary-hover: #4c27ed;

    --primary-dark: #290da1;

    --rgba-primary-1: rgba(115, 86, 241, 0.1);

    --rgba-primary-2: rgba(115, 86, 241, 0.2);

    --rgba-primary-3: rgba(115, 86, 241, 0.3);

    --rgba-primary-4: rgba(115, 86, 241, 0.4);

    --rgba-primary-5: rgba(115, 86, 241, 0.5);

    --rgba-primary-6: rgba(115, 86, 241, 0.6);

    --rgba-primary-7: rgba(115, 86, 241, 0.7);

    --rgba-primary-8: rgba(115, 86, 241, 0.8);

    --rgba-primary-9: rgba(115, 86, 241, 0.9);

}



[data-primary="color_8"] {

    --primary: #5bcfc5;

    --secondary: #036111;

    --primary-hover: #38bfb3;

    --primary-dark: #217069;

    --rgba-primary-1: rgba(91, 207, 197, 0.1);

    --rgba-primary-2: rgba(91, 207, 197, 0.2);

    --rgba-primary-3: rgba(91, 207, 197, 0.3);

    --rgba-primary-4: rgba(91, 207, 197, 0.4);

    --rgba-primary-5: rgba(91, 207, 197, 0.5);

    --rgba-primary-6: rgba(91, 207, 197, 0.6);

    --rgba-primary-7: rgba(91, 207, 197, 0.7);

    --rgba-primary-8: rgba(91, 207, 197, 0.8);

    --rgba-primary-9: rgba(91, 207, 197, 0.9);

}



[data-primary="color_9"] {

    --primary: #00838f;

    --secondary: #036111;

    --primary-hover: #00545c;

    --primary-dark: black;

    --rgba-primary-1: rgba(0, 131, 143, 0.1);

    --rgba-primary-2: rgba(0, 131, 143, 0.2);

    --rgba-primary-3: rgba(0, 131, 143, 0.3);

    --rgba-primary-4: rgba(0, 131, 143, 0.4);

    --rgba-primary-5: rgba(0, 131, 143, 0.5);

    --rgba-primary-6: rgba(0, 131, 143, 0.6);

    --rgba-primary-7: rgba(0, 131, 143, 0.7);

    --rgba-primary-8: rgba(0, 131, 143, 0.8);

    --rgba-primary-9: rgba(0, 131, 143, 0.9);

}



[data-primary="color_10"] {

    --primary: #ff8f16;

    --secondary: #036111;

    --primary-hover: #e27500;

    --primary-dark: #7c4000;

    --rgba-primary-1: rgba(255, 143, 22, 0.1);

    --rgba-primary-2: rgba(255, 143, 22, 0.2);

    --rgba-primary-3: rgba(255, 143, 22, 0.3);

    --rgba-primary-4: rgba(255, 143, 22, 0.4);

    --rgba-primary-5: rgba(255, 143, 22, 0.5);

    --rgba-primary-6: rgba(255, 143, 22, 0.6);

    --rgba-primary-7: rgba(255, 143, 22, 0.7);

    --rgba-primary-8: rgba(255, 143, 22, 0.8);

    --rgba-primary-9: rgba(255, 143, 22, 0.9);

}



[data-primary="color_11"] {

    --primary: #6673fd;

    --secondary: #036111;

    --primary-hover: #3445fc;

    --primary-dark: #0314c7;

    --rgba-primary-1: rgba(102, 115, 253, 0.1);

    --rgba-primary-2: rgba(102, 115, 253, 0.2);

    --rgba-primary-3: rgba(102, 115, 253, 0.3);

    --rgba-primary-4: rgba(102, 115, 253, 0.4);

    --rgba-primary-5: rgba(102, 115, 253, 0.5);

    --rgba-primary-6: rgba(102, 115, 253, 0.6);

    --rgba-primary-7: rgba(102, 115, 253, 0.7);

    --rgba-primary-8: rgba(102, 115, 253, 0.8);

    --rgba-primary-9: rgba(102, 115, 253, 0.9);

}



[data-primary="color_12"] {

    --primary: #558b2f;

    --secondary: #036111;

    --primary-hover: #3e6522;

    --primary-dark: #0f1908;

    --rgba-primary-1: rgba(85, 139, 47, 0.1);

    --rgba-primary-2: rgba(85, 139, 47, 0.2);

    --rgba-primary-3: rgba(85, 139, 47, 0.3);

    --rgba-primary-4: rgba(85, 139, 47, 0.4);

    --rgba-primary-5: rgba(85, 139, 47, 0.5);

    --rgba-primary-6: rgba(85, 139, 47, 0.6);

    --rgba-primary-7: rgba(85, 139, 47, 0.7);

    --rgba-primary-8: rgba(85, 139, 47, 0.8);

    --rgba-primary-9: rgba(85, 139, 47, 0.9);

}



[data-primary="color_13"] {

    --primary: #2a2a2a;

    --secondary: #036111;

    --primary-hover: #111111;

    --primary-dark: black;

    --rgba-primary-1: rgba(42, 42, 42, 0.1);

    --rgba-primary-2: rgba(42, 42, 42, 0.2);

    --rgba-primary-3: rgba(42, 42, 42, 0.3);

    --rgba-primary-4: rgba(42, 42, 42, 0.4);

    --rgba-primary-5: rgba(42, 42, 42, 0.5);

    --rgba-primary-6: rgba(42, 42, 42, 0.6);

    --rgba-primary-7: rgba(42, 42, 42, 0.7);

    --rgba-primary-8: rgba(42, 42, 42, 0.8);

    --rgba-primary-9: rgba(42, 42, 42, 0.9);

}



[data-primary="color_14"] {

    --primary: #1367c8;

    --secondary: #036111;

    --primary-hover: #0f4f99;

    --primary-dark: #061f3c;

    --rgba-primary-1: rgba(19, 103, 200, 0.1);

    --rgba-primary-2: rgba(19, 103, 200, 0.2);

    --rgba-primary-3: rgba(19, 103, 200, 0.3);

    --rgba-primary-4: rgba(19, 103, 200, 0.4);

    --rgba-primary-5: rgba(19, 103, 200, 0.5);

    --rgba-primary-6: rgba(19, 103, 200, 0.6);

    --rgba-primary-7: rgba(19, 103, 200, 0.7);

    --rgba-primary-8: rgba(19, 103, 200, 0.8);

    --rgba-primary-9: rgba(19, 103, 200, 0.9);

}



[data-primary="color_15"] {

    --primary: #ed0b4c;

    --secondary: #036111;

    --primary-hover: #bc093c;

    --primary-dark: #5b041d;

    --rgba-primary-1: rgba(237, 11, 76, 0.1);

    --rgba-primary-2: rgba(237, 11, 76, 0.2);

    --rgba-primary-3: rgba(237, 11, 76, 0.3);

    --rgba-primary-4: rgba(237, 11, 76, 0.4);

    --rgba-primary-5: rgba(237, 11, 76, 0.5);

    --rgba-primary-6: rgba(237, 11, 76, 0.6);

    --rgba-primary-7: rgba(237, 11, 76, 0.7);

    --rgba-primary-8: rgba(237, 11, 76, 0.8);

    --rgba-primary-9: rgba(237, 11, 76, 0.9);

}



[data-typography="opensans"] {

    font-family: "Open Sans", sans-serif;

}



[data-typography="poppins"] {

    font-family: "poppins", sans-serif;

}



[data-typography="roboto"] {

    font-family: "Roboto", sans-serif;

}



[data-typography="helvetica"] {

    font-family: "HelveticaNeue";

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



[data-theme-version="transparent"] {

    background: url("../page-error-404.html");

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

    position: relative;

    color: #fff;

}

[data-theme-version="transparent"] h1,

[data-theme-version="transparent"] h2,

[data-theme-version="transparent"] h3,

[data-theme-version="transparent"] h4,

[data-theme-version="transparent"] h5,

[data-theme-version="transparent"] h6 {

    color: #fff !important;

}

[data-theme-version="transparent"] a.link {

    color: #ddd;

}

[data-theme-version="transparent"] a.link:focus,

[data-theme-version="transparent"] a.link:hover {

    color: #51a6f5;

}

[data-theme-version="transparent"] a {

    color: #fff;

}

[data-theme-version="transparent"] a:hover {

    color: #828690;

}

[data-theme-version="transparent"] .border-right {

    border-right: 1px solid #473f72 !important;

}

[data-theme-version="transparent"] .border-left {

    border-left: 1px solid #473f72 !important;

}

[data-theme-version="transparent"] .border-top {

    border-top: 1px solid #473f72 !important;

}

[data-theme-version="transparent"] .border-bottom {

    border-bottom: 1px solid #473f72 !important;

}

[data-theme-version="transparent"] .border {

    border: 1px solid #473f72 !important;

}



[data-theme-version="transparent"] .dropdown-menu {

    background-color: #3b3363;

}

[data-theme-version="transparent"] .dropdown-item:hover,

[data-theme-version="transparent"] .dropdown-item:focus {

    background-color: #2c254a;

    color: #fff;

}

[data-theme-version="transparent"] .form-control {

    background-color: #2c254a;

    border-color: #473f72;

    color: #fff;

}

[data-theme-version="transparent"] .card {

    background-color: rgba(0, 0, 0, 0.15);

}



[data-theme-version="transparent"] .header {

    background-color: rgba(0, 0, 0, 0.15);

}

[data-theme-version="transparent"] .header-left input {

    border-color: #473f72;

    color: #fff;

}

[data-theme-version="transparent"] .header-left input:focus {

    box-shadow: none;

    border-color: var(--primary);

}

[data-theme-version="transparent"] .header-left input::placeholder {

    color: #fff;

}

[data-theme-version="transparent"] .header-right .dropdown .nav-link:hover {

    color: #fff;

}

[data-theme-version="transparent"]

    .header-right

    .notification_dropdown

    .dropdown-item

    a {

    color: #fff;

}



[data-theme-version="transparent"] .nav-header,

[data-theme-version="transparent"] .nav-control {

    background-color: rgba(0, 0, 0, 0.15) !important;

}

[data-theme-version="transparent"] .nav-control {

    color: #fff;

}

[data-theme-version="transparent"] .brand-logo {

    color: #fff;

}

[data-theme-version="transparent"] .brand-logo:hover {

    color: #fff;

}



[data-theme-version="transparent"] .nav-header,

[data-theme-version="transparent"] .nav-control {

    background-color: rgba(0, 0, 0, 0.15) !important;

}

[data-theme-version="transparent"] .nav-control {

    color: #fff;

}

[data-theme-version="transparent"] .brand-logo {

    color: #fff;

}

[data-theme-version="transparent"] .brand-logo:hover {

    color: #fff;

}



[data-theme-version="transparent"] .deznav {

    background-color: rgba(0, 0, 0, 0.15) !important;

}

[data-theme-version="transparent"] .deznav .metismenu > li > a {

    color: rgba(0, 0, 0, 0.15);

}

[data-theme-version="transparent"] .deznav .metismenu > li:hover > a,

[data-theme-version="transparent"] .deznav .metismenu > li:focus > a,

[data-theme-version="transparent"] .deznav .metismenu > li.mm-active > a {

    background-color: rgba(0, 0, 0, 0.15) !important;

    color: #fff;

}

[data-theme-version="transparent"] .deznav .metismenu > li:hover > a::after,

[data-theme-version="transparent"] .deznav .metismenu > li:focus > a::after,

[data-theme-version="transparent"]

    .deznav

    .metismenu

    > li.mm-active

    > a::after {

    border-color: transparent transparent #fff transparent;

}

[data-theme-version="transparent"] .deznav .metismenu > li.mm-active ul ul {

    background-color: transparent;

}

[data-theme-version="transparent"] .deznav .metismenu ul {

    background-color: rgba(0, 0, 0, 0.15);

}

[data-theme-version="transparent"] .deznav .metismenu ul a:hover,

[data-theme-version="transparent"] .deznav .metismenu ul a:focus,

[data-theme-version="transparent"] .deznav .metismenu ul a.mm-active {

    color: #fff;

}

[data-theme-version="transparent"] .deznav .metismenu a {

    color: rgba(0, 0, 0, 0.15);

}

[data-theme-version="transparent"] .deznav .metismenu ul {

    background-color: rgba(0, 0, 0, 0.15) !important;

}

[data-theme-version="transparent"] .deznav .metismenu .has-arrow:after {

    border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



[data-theme-version="dark"] {

    background: #2c254a;

    color: #828690;

    --nav-headbg: #3b3363;

    --sidebar-bg: #3b3363;

    --headerbg: #3b3363;

}

[data-theme-version="dark"] h1,

[data-theme-version="dark"] h2,

[data-theme-version="dark"] h3,

[data-theme-version="dark"] h4,

[data-theme-version="dark"] h5,

[data-theme-version="dark"] h6 {

    color: #fff !important;

}

[data-theme-version="dark"] a.link {

    color: #ddd;

}

[data-theme-version="dark"] a.link:focus,

[data-theme-version="dark"] a.link:hover {

    color: #51a6f5;

}

[data-theme-version="dark"] a:hover {

    color: #fff;

}

[data-theme-version="dark"] .text-secondary {

    color: #fff !important;

}

[data-theme-version="dark"] .border-right {

    border-right: 1px solid #473f72 !important;

}

[data-theme-version="dark"] .border-left {

    border-left: 1px solid #473f72 !important;

}

[data-theme-version="dark"] .border-top {

    border-top: 1px solid #473f72 !important;

}

[data-theme-version="dark"] .border-bottom {

    border-bottom: 1px solid #473f72 !important;

}

[data-theme-version="dark"] .border {

    border: 1px solid #fff !important;

}



[data-theme-version="dark"] .dropdown-menu {

    background-color: #3b3363;

    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1);

}

[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected,

[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active,

[data-theme-version="dark"] .dropdown-menu .dropdown-item.active,

[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover,

[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus {

    background-color: #3b3363;

    color: #7e7e7e;

}

[data-theme-version="dark"] .btn-link g [fill] {

    fill: #fff;

}

[data-theme-version="dark"] .btn-light:active,

[data-theme-version="dark"] .btn-light:focus,

[data-theme-version="dark"] .btn-light:hover {

    color: #000;

}

[data-theme-version="dark"] .form-control {

    background-color: transparent;

    border-color: #5b5289;

    color: #fff;

}

[data-theme-version="dark"] .card {

    background-color: #3b3363;

    box-shadow: none;

}

[data-theme-version="dark"] .btn-outline-dark:hover {

    background-color: #2c254a;

    border-color: #2c254a;

}

[data-theme-version="dark"] .tdl-holder input[type="text"],

[data-theme-version="dark"] .tdl-holder li {

    background-color: #3b3363;

    border-color: #473f72;

}

[data-theme-version="dark"] .tdl-holder input[type="text"]::placeholder {

    color: #828690;

}

[data-theme-version="dark"] .tdl-holder label:hover {

    background-color: #473f72;

    color: #fff;

}

[data-theme-version="dark"] .text-muted {

    color: #828690;

}

[data-theme-version="dark"] .modal-content {

    background: #3b3363;

}

[data-theme-version="dark"] .modal-footer,

[data-theme-version="dark"] .modal-header {

    border-color: #473f72;

}

[data-theme-version="dark"] .close {

    font-weight: 400;

    color: #fff;

    text-shadow: none;

}

[data-theme-version="dark"] .close:hover {

    color: #fff;

}

[data-theme-version="dark"] .header-left .dashboard_bar,

[data-theme-version="dark"] .star-review span,

[data-theme-version="dark"] .table strong {

    color: #fff;

}

[data-theme-version="dark"] .text-dark {

    color: #828690;

}

[data-theme-version="dark"] .star-rating .product-review,

[data-theme-version="dark"] .new-arrival-content .item {

    color: #fff;

}

[data-theme-version="dark"] .custom-dropdown .dropdown-menu {

    border-color: #473f72;

}

[data-theme-version="dark"] .widget-stat .media > span {

    background: #473f72;

    border-color: #473f72;

    color: #fff;

}

[data-theme-version="dark"] .plus-minus-input .custom-btn {

    background: #2c254a;

    border-color: #473f72;

}

[data-theme-version="dark"] .dropdown-divider,

[data-theme-version="dark"] .size-filter ul li {

    border-color: #473f72;

}

[data-theme-version="dark"] .custom-select {

    border-color: #473f72;

    color: #828690;

    background: #2c254a;

}

[data-theme-version="dark"] .nav-tabs {

    border-color: #473f72;

}

[data-theme-version="dark"] .mail-list .list-group-item.active i {

    color: #fff;

}

[data-theme-version="dark"] hr {

    border-color: #473f72;

}

[data-theme-version="dark"] .grid-col {

    background: #2c254a;

}

[data-theme-version="dark"] .noUi-target {

    border-color: #473f72;

    border-radius: 8px;

    box-shadow: none;

}

[data-theme-version="dark"] .noUi-target .noUi-connects {

    background: #473f72;

}

[data-theme-version="dark"] .noUi-marker-large,

[data-theme-version="dark"] .noUi-marker {

    background: #473f72;

}

[data-theme-version="dark"] .input-group-text {

    background: #473f72;

    color: #7e7e7e;

}

[data-theme-version="dark"] .note-editor.note-frame {

    border-color: #473f72;

}

[data-theme-version="dark"] .note-editor.note-frame .btn {

    color: #fff;

}

[data-theme-version="dark"]

    .note-editor.note-frame

    .note-editing-area

    .note-editable {

    color: #fff;

}

[data-theme-version="dark"] .widget-media .timeline .timeline-panel {

    border-color: #473f72;

}

[data-theme-version="dark"]

    .notification_dropdown

    .dropdown-menu-right

    .all-notification {

    border-color: #473f72;

}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link {

    border-color: #473f72;

}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active {

    background: #2c254a;

    color: #fff;

}

[data-theme-version="dark"] .list-group-item-action {

    color: #7e7e7e;

}

[data-theme-version="dark"] .list-group-item-action:focus,

[data-theme-version="dark"] .list-group-item-action:hover,

[data-theme-version="dark"] .list-group-item-action:focus {

    background-color: #2c254a;

    border-color: #2c254a;

}

[data-theme-version="dark"] .list-group-item.active {

    color: #fff;

    border-color: var(--primary);

}

[data-theme-version="dark"] .list-group-item.active:focus,

[data-theme-version="dark"] .list-group-item.active:hover,

[data-theme-version="dark"] .list-group-item.active:focus {

    background-color: var(--primary);

    border-color: var(--primary);

    color: #fff;

}

[data-theme-version="dark"] .swal2-popup {

    background: #3b3363;

}

[data-theme-version="dark"] .form-head .btn-outline-primary {

    border-color: #473f72;

}

[data-theme-version="dark"] .form-head .btn-outline-primary:hover {

    border-color: var(--primary);

}

[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link {

    background: #453c74;

}

[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link {

    background: #453c74;

}

[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link.active {

    color: #fff;

    background: var(--primary);

}

[data-theme-version="dark"]

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-theme-version="dark"] .review-table .media-body p,

[data-theme-version="dark"] .iconbox small,

[data-theme-version="dark"] .doctor-info-details .media-body p {

    color: #fff;

}

[data-theme-version="dark"] .iconbox p,

[data-theme-version="dark"] .doctor-info-details .media-body span {

    color: rgba(255, 255, 255, 0.7);

}

[data-theme-version="dark"] .best-doctor .timeline .timeline-panel {

    background: #3b3363;

}

[data-theme-version="dark"] .doctor-list .accordion__header-line {

    background: #473f72;

}

[data-theme-version="dark"] .review-table .disease,

[data-theme-version="dark"] .review-table,

[data-theme-version="dark"] .review-box {

    border-color: #473f72;

}

[data-theme-version="dark"] .form-head .search-area .form-control {

    border: 1px solid #077c23;

}

[data-theme-version="dark"]

    .form-head

    .search-area

    .input-group-append

    .input-group-text {

    background: #473f72;

}

[data-theme-version="dark"] .patient-activity tbody tr {

    box-shadow: 0 1px 0 0 #473f72;

}

[data-theme-version="dark"] .plus-box {

    background: rgba(255, 255, 255, 0.05);

    color: #fff;

}

[data-theme-version="dark"] .default-select.style-1 .btn {

    color: #fff;

}

[data-theme-version="dark"] .text-black {

    color: #fff !important;

}

[data-theme-version="dark"] .new-arrival-content h4 a {

    color: #fff;

}

[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label {

    fill: #fff;

}

[data-theme-version="dark"] .apexcharts-legend-text {

    color: #fff;

}

[data-theme-version="dark"] .morris_chart_height text tspan {

    fill: #fff;

}

[data-theme-version="dark"]

    .toggle-switch.text-right

    .custom-control-label:before {

    background-color: #ffffff29;

}

[data-theme-version="dark"]

    .toggle-switch

    .custom-control-input:checked

    ~ .custom-control-label:before {

    background-color: #fff;

}

[data-theme-version="dark"] .btn-link {

    color: #fff;

}

[data-theme-version="dark"] .amount-bx .form-control {

    background-color: transparent;

    color: #fff;

}

[data-theme-version="dark"] .amount-bx .form-control::placeholder {

    color: #fff;

}

[data-theme-version="dark"] .table.bg-info-hover td {

    color: #fff;

}

[data-theme-version="dark"] .table.bg-primary-hover td {

    color: #757878;

}

[data-theme-version="dark"] .table.bg-warning-hover td {

    color: #fff;

}

[data-theme-version="dark"] .table.bg-secondary-hover td {

    color: #757878;

}

[data-theme-version="dark"] .order-bg {

    background: #7970a3;

}

[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a:after {

    border-color: var(--primary);

}

[data-theme-version="dark"] .detault-daterange .input-group-text {

    background: transparent;

    color: #fff;

}

[data-theme-version="dark"] .form-wrapper .input-group {

    background: transparent;

    border: 0;

}

[data-theme-version="dark"]

    .form-wrapper

    .input-group

    .input-group-prepend

    .input-group-text {

    color: #fff;

}

[data-theme-version="dark"] .search-area-2 .form-control {

    background-color: #3b3363;

}

[data-theme-version="dark"]

    .search-area-2

    .input-group-append

    .input-group-text {

    background-color: #3b3363;

}

[data-theme-version="dark"] .dataTablesCard {

    background-color: #3b3363;

}

[data-theme-version="dark"] .compose-content .dropzone {

    background: #2c254a !important;

}

[data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button {

    color: #fff;

}

[data-theme-version="dark"] .daterangepicker {

    background: #2c254a;

    border-color: var(--primary);

}

[data-theme-version="dark"] .daterangepicker .calendar-table {

    border-color: var(--primary);

    background: #2c254a;

}

[data-theme-version="dark"]

    .daterangepicker

    .calendar-table

    .table-condensed

    td:hover {

    background-color: var(--primary);

    color: #fff;

}

[data-theme-version="dark"] .daterangepicker:after {

    border-bottom: 6px solid #2c254a;

}

[data-theme-version="dark"] .daterangepicker select.hourselect,

[data-theme-version="dark"] .daterangepicker select.minuteselect,

[data-theme-version="dark"] .daterangepicker select.secondselect,

[data-theme-version="dark"] .daterangepicker select.ampmselect {

    background: #2c254a;

    border: 1px solid #473f72;

    color: #fff;

}

[data-theme-version="dark"] .daterangepicker td.off,

[data-theme-version="dark"] .daterangepicker td.off.in-range,

[data-theme-version="dark"] .daterangepicker td.off.start-date,

[data-theme-version="dark"] .daterangepicker td.off.end-date {

    background-color: #3b3363;

}

[data-theme-version="dark"] .daterangepicker td.off:hover,

[data-theme-version="dark"] .daterangepicker td.off.in-range:hover,

[data-theme-version="dark"] .daterangepicker td.off.start-date:hover,

[data-theme-version="dark"] .daterangepicker td.off.end-date:hover {

    background-color: var(--primary);

    color: #fff;

}

[data-theme-version="dark"] .app-fullcalendar .fc-button {

    background-color: #2c254a;

    border-color: #473f72;

    color: #fff;

    text-shadow: none;

}

[data-theme-version="dark"] .app-fullcalendar .fc-button:hover,

[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-stat-hover {

    background-color: var(--primary);

}

[data-theme-version="dark"] .swal2-popup .swal2-styled:focus {

    outline: 0;

    box-shadow: 0 0 0 2px #473f72, 0 0 0 4px var(--rgba-primary-1);

}

[data-theme-version="dark"] .dd-handle {

    border-color: #473f72;

}

[data-theme-version="dark"] .menu-toggle .deznav .metismenu li > ul {

    background: #3b3363 !important;

}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {

    border-color: #473f72;

}

[data-theme-version="dark"] .nav-tabs .nav-link {

    color: white;

}

[data-theme-version="dark"] .nav-tabs .nav-link:hover,

[data-theme-version="dark"] .nav-tabs .nav-link.active {

    color: #fff;

    background: transparent;

    border-color: #036111;

}

[data-theme-version="dark"] .card-tabs .nav-tabs,

[data-theme-version="dark"] .card-tabs .nav-link,

[data-theme-version="dark"] .card-tabs .active {

    border-bottom: 0;

}

[data-theme-version="dark"] .clockpicker-popover .popover-content {

    background-color: #3b3363;

}

[data-theme-version="dark"] .clockpicker-plate {

    background-color: #2c254a;

}

[data-theme-version="dark"] .clockpicker-popover .popover-title {

    background-color: #2c254a;

    color: #fff;

}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span {

    background-color: #2c254a;

}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link:after {

    background: #2c254a;

}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active:after,

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done:after {

    background: var(--primary);

}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active span,

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done span {

    background: var(--primary);

}

[data-theme-version="dark"] .amount-bx {

    border-top: 1px solid #473f72;

    border-bottom: 1px solid #473f72;

}

[data-theme-version="dark"] .bar-chart line {

    stroke: #473f72;

    stroke-dasharray: 6;

}

[data-theme-version="dark"] #lineChart line {

    stroke: #473f72;

    stroke-dasharray: 6;

}

[data-theme-version="dark"] .activity-icon {

    border-color: #f0f0f063;

}

[data-theme-version="dark"] .check-switch .custom-control-label:after,

[data-theme-version="dark"] .check-switch .custom-control-label:before {

    border-color: #fff;

}

[data-theme-version="dark"] .fc-unthemed .fc-today {

    background: #2c254a;

}

[data-theme-version="dark"] .fc-unthemed .fc-divider,

[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,

[data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header {

    background: #473f72;

}

[data-theme-version="dark"] .picker__box {

    background: #2c254a;

}

[data-theme-version="dark"] .picker__box .picker__button--clear,

[data-theme-version="dark"] .picker__box .picker__button--close,

[data-theme-version="dark"] .picker__box .picker__button--today {

    background: #3b3363;

    color: #fff;

}

[data-theme-version="dark"] .picker__box .picker__button--clear:hover:before,

[data-theme-version="dark"] .picker__box .picker__button--close:hover:before,

[data-theme-version="dark"] .picker__box .picker__button--today:hover:before {

    color: #fff;

}

[data-theme-version="dark"] .picker {

    color: #999;

}

[data-theme-version="dark"] .dtp > .dtp-content {

    background: #2c254a;

}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr > td > a {

    color: #68686a;

}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr > td > a.selected {

    color: #fff;

}

[data-theme-version="dark"] .monthly-project-chart circle {

    fill: #2c254a;

}

[data-theme-version="dark"]

    .monthly-project-chart

    .apexcharts-datalabels-group

    text {

    fill: #fff;

}

[data-theme-version="dark"]

    .monthly-project-chart

    .apexcharts-radialbar-track

    path {

    stroke: #2c254a;

}

[data-theme-version="dark"] .timeline-chart .apexcharts-series rect {

    fill: #2c254a;

}

[data-theme-version="dark"] .kanbanPreview-bx {

    background: transparent;

}

[data-theme-version="dark"] .kanbanPreview-bx .card-body .sub-card {

    background: #3b3363;

}

[data-theme-version="dark"] .message-bx .image-bx span.active,

[data-theme-version="dark"] .contact-bx .image-bx span.active {

    border-color: #3b3363;

}

[data-theme-version="dark"] .users li img {

    border-color: #3b3363;

}

[data-theme-version="dark"] .donut-chart-sale .peity path:last-child {

    fill: #2c254a;

}

[data-theme-version="dark"]

    .card-tabs

    .nav-tabs.style-2

    .nav-item

    .nav-link.active {

    background: transparent;

    color: #fff;

}

[data-theme-version="dark"] .project-nav {

    border-color: #473f72;

}

[data-theme-version="dark"] .contact-bx {

    border-color: #3b3363;

}

[data-theme-version="dark"] .contact-bx:hover {

    border-color: var(--primary);

}

[data-theme-version="dark"] .btn-light,

[data-theme-version="dark"] .btn-light:active {

    background: #2c254a;

    border-color: #2c254a;

}

[data-theme-version="dark"] .users-lg li img {

    border-color: #3b3363;

}

[data-theme-version="dark"] .draggable.draggable-mirror {

    background: #3b3363;

    border: 2px dashed #473f72;

}

[data-theme-version="dark"] .chat-list-area:hover,

[data-theme-version="dark"] .chat-list-area.active {

    background: #2c254a;

}

[data-theme-version="dark"] .message-search-area .input-group-text {

    background: #2c254a;

    border-color: #473f72;

}

[data-theme-version="dark"]

    .card-tabs

    .nav-tabs.style-1

    .nav-item

    .nav-link.active {

    color: #fff;

}

[data-theme-version="dark"] .chat-box .message-received p {

    color: #b7b7b7;

}

[data-theme-version="dark"] .chat-box .type-massage textarea {

    background: transparent;

}

[data-theme-version="dark"] .chatbox .type_msg .form-control {

    background: transparent;

    resize: none;

}

[data-theme-version="dark"] .message-search-area .form-control {

    border-color: #473f72;

}

[data-theme-version="dark"] .daterangepicker td.in-range {

    background: #3b3363;

    color: #797c87;

}

[data-theme-version="dark"] .daterangepicker .calendar-table .next span,

[data-theme-version="dark"] .daterangepicker .calendar-table .prev span {

    border-color: #fff;

}

[data-theme-version="dark"] .daterangepicker .calendar-table .next span:hover,

[data-theme-version="dark"] .daterangepicker .calendar-table .prev span:hover {

    border-color: #000;

}

[data-theme-version="dark"] .weather-btn {

    background: #3b3363;

}

[data-theme-version="dark"] .tbl-orders svg path {

    fill: #fff;

}

[data-theme-version="dark"] .tbl-orders i {

    color: #fff;

}

[data-theme-version="dark"] .tbl-orders tr td {

    color: #fff;

}

[data-theme-version="dark"] .tbl-orders-style svg path {

    stroke: #fff;

}

[data-theme-version="dark"] .tbl-orders-style tr td {

    color: #fff;

}

[data-theme-version="dark"] .bootstrap-select .btn {

    background: transparent !important;

}

[data-theme-version="dark"] .main-profile i {

    color: #fff;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next {

    background-color: #3b3363;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous.current:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous.previous:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous.next:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next.current:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next.previous:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next.next:hover {

    color: #000;

    background: #fff;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous.disabled,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next.disabled {

    color: #fff;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    span

    .paginate_button {

    background-color: #3b3363;

    color: white;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    span

    .paginate_button.current {

    color: black;

    background: #fff;

    border: 0;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    span

    .paginate_button.current:hover {

    color: #000;

    background: #fff;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    span

    .paginate_button:hover {

    color: #000;

    background: #fff;

}

[data-theme-version="dark"] .table.bg-primary-hover td,

[data-theme-version="dark"] .table.bg-secondary-hover td,

[data-theme-version="dark"] .table.bg-warning-hover td,

[data-theme-version="dark"] .table.bg-info-hover td,

[data-theme-version="dark"] .table.bg-success-hover td,

[data-theme-version="dark"] .table.bg-danger-hover td {

    color: #fff;

}

[data-theme-version="dark"] .my-profile a {

    color: #036111;

    background: #fff;

}

[data-theme-version="dark"] .portofolio-social li a {

    border-color: #036111;

    color: #fff;

}

[data-theme-version="dark"] .style-tabs-2 .nav-item .nav-link:hover,

[data-theme-version="dark"] .style-tabs-2 .nav-item .nav-link.active {

    color: #fff;

    border-color: #fff;

}

[data-theme-version="dark"] .info-group .color-style {

    color: #68cf29;

}

[data-theme-version="dark"] .order-tbl tr th {

    color: #b1adc4;

}

[data-theme-version="dark"] .dropdown-menu,

[data-theme-version="dark"] .dropdown-item {

    color: #b1adc4;

}

[data-theme-version="dark"] .bootstrap-select,

[data-theme-version="dark"] .dropdown-toggle,

[data-theme-version="dark"] .filter-option-inner-inner {

    color: #fff;

}

[data-theme-version="dark"] .main-profile > p {

    color: #8f88b4;

}

[data-theme-version="dark"] .market-line line {

    stroke: #483f79;

}

[data-theme-version="dark"] .card-tabs.style-1 .nav-tabs .nav-link.active,

[data-theme-version="dark"] .card-tabs.style-1 .nav-tabs .nav-link:hover {

    border-color: #fff !important;

    color: #fff;

}

[data-theme-version="dark"] .coin-holding:after {

    background: -moz-linear-gradient(

        left,

        rgba(30, 87, 153, 0) 3%,

        rgba(42, 72, 130, 0) 32%,

        rgba(59, 51, 99, 0.49) 71%,

        rgba(59, 51, 99, 0.84) 99%

    );

    background: -webkit-linear-gradient(

        left,

        rgba(30, 87, 153, 0) 3%,

        rgba(42, 72, 130, 0) 32%,

        rgba(59, 51, 99, 0.49) 71%,

        rgba(59, 51, 99, 0.84) 99%

    );

    background: linear-gradient(

        to right,

        rgba(30, 87, 153, 0) 3%,

        rgba(42, 72, 130, 0) 32%,

        rgba(59, 51, 99, 0.49) 71%,

        rgba(59, 51, 99, 0.84) 99%

    );

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#d63b3363',GradientType=1 );

}

[data-theme-version="dark"] .card-table thead {

    background: #5b5288;

}

[data-theme-version="dark"] .swiper-box:after {

    background: -moz-linear-gradient(

        top,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(44, 37, 74, 0.43) 53%,

        #2c254a 79%

    );

    background: -webkit-linear-gradient(

        top,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(44, 37, 74, 0.43) 53%,

        #2c254a 79%

    );

    background: linear-gradient(

        to bottom,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(44, 37, 74, 0.43) 53%,

        #2c254a 79%

    );

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#f9f9f9',GradientType=0 );

}

[data-theme-version="dark"] .fc-theme-standard td,

[data-theme-version="dark"] .fc-theme-standard th,

[data-theme-version="dark"]

    .fc-theme-standard

    .fc-scrollgrid.fc-scrollgrid-liquid,

[data-theme-version="dark"] .fc-scrollgrid,

[data-theme-version="dark"] table {

    border-color: #473f72;

}

[data-theme-version="dark"] .default-select.style-1 .btn:after {

    color: #fff;

}

[data-theme-version="dark"] .form-wrapper .input-group .form-control {

    border-color: #473f72;

}

[data-theme-version="dark"] .card-tabs.style-1 .nav-tabs {

    background-color: #2c254a;

}

[data-theme-version="dark"] .btn-outline-light:hover {

    color: #000;

}

[data-theme-version="dark"] .dropdown-menu {

    border-color: #473f72;

}

[data-theme-version="dark"] .chat-box-area {

    background: #2c254a;

}

[data-theme-version="dark"]

    .chat-wrapper

    .chat-left-sidebar

    .chat-fix-search

    .message-search-area

    .input-group-text,

[data-theme-version="dark"] .chat-wrapper .chat-left-sidebar .chat-fix-search,

[data-theme-version="dark"] .user-card .dz-media {

    border-color: #473f72;

}

[data-theme-version="dark"] .chat-box .message-received p {

    background: #3b3363;

    color: #fff;

}

[data-theme-version="dark"] .project-list-group .card:hover {

    border-color: #473f72;

}

[data-theme-version="dark"] table.dataTable.style-1 thead th {

    color: #c7c7c7;

}

[data-theme-version="dark"] .table {

    color: #989898;

}

[data-theme-version="dark"] .user-card .title a {

    color: #fff;

}

[data-theme-version="dark"] .card-tabs .nav-tabs.style-2 .nav-item .nav-link {

    color: rgba(255, 255, 255, 0.5);

}



[data-theme-version="dark"] .header {

    border-color: #473f72;

}

[data-theme-version="dark"] .header .sub-header {

    background-color: #3b3363;

    border-color: #473f72;

}

[data-theme-version="dark"] .header-left input {

    background: #2c254a !important;

    border-color: transparent;

    color: #fff;

}

[data-theme-version="dark"] .header-left input:focus {

    box-shadow: none;

    border-color: var(--primary);

}

[data-theme-version="dark"] .header-left input::placeholder {

    color: #fff;

}

[data-theme-version="dark"] .header-left .search_icon {

    background: #2c254a;

}

[data-theme-version="dark"] .header-left .search_icon i {

    color: #fff;

}

[data-theme-version="dark"] .header-right .header-profile > a.nav-link {

    border-color: #473f72;

    background: transparent;

}

[data-theme-version="dark"] .header-right .right-sidebar a {

    color: var(--primary);

    border-color: #473f72;

}

[data-theme-version="dark"]

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    strong {

    color: #fff;

}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {

    background: transparent;

}

[data-theme-version="dark"] .header-right .dropdown .nav-link {

    color: #fff;

    background: #2c254a;

}

[data-theme-version="dark"] .header-right .dropdown .nav-link:hover {

    color: #fff;

}

[data-theme-version="dark"]

    .header-right

    .dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #fff;

}

[data-theme-version="dark"] .header-right .dropdown .nav-link i {

    color: #fff;

}

[data-theme-version="dark"]

    .header-right

    .dropdown

    .nav-link

    svg#icon-full

    path,

[data-theme-version="dark"]

    .header-right

    .dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: #fff;

}

[data-theme-version="dark"]

    .header-right

    .notification_dropdown

    .dropdown-item

    a {

    color: #fff;

}

[data-theme-version="dark"] .search-area .input-group-append .input-group-text {

    background: #2c254a;

    padding: 0 19px;

}

[data-theme-version="dark"] .search-area .form-control:focus,

[data-theme-version="dark"] .search-area .form-control:hover,

[data-theme-version="dark"] .search-area .form-control:active {

    background: #2c254a;

}

[data-theme-version="dark"] .pulse-css {

    border-color: #3b3363;

}

[data-theme-version="dark"] .nav-header .hamburger .line {

    background: #fff;

}

[data-theme-version="dark"]

    .menu-toggle

    .nav-header

    .nav-control

    .hamburger

    .line {

    background-color: #fff;

}

[data-theme-version="dark"][data-layout="horizontal"]

    .search-area

    .input-group-append

    .input-group-text,

[data-theme-version="dark"][data-layout="horizontal"]

    .search-area

    .form-control {

    background: #2c254a !important;

}



[data-theme-version="dark"] .nav-header {

    border-color: #473f72;

}

[data-theme-version="dark"] .svg-logo-path {

    fill: #fff;

}

[data-theme-version="dark"] .nav-control {

    color: #fff;

}

[data-theme-version="dark"] .brand-logo {

    color: #fff;

}

[data-theme-version="dark"] .brand-logo:hover {

    color: #fff;

}



[data-theme-version="dark"] .nav-header {

    border-color: #473f72;

}

[data-theme-version="dark"] .svg-logo-path {

    fill: #fff;

}

[data-theme-version="dark"] .nav-control {

    color: #fff;

}

[data-theme-version="dark"] .brand-logo {

    color: #fff;

}

[data-theme-version="dark"] .brand-logo:hover {

    color: #fff;

}



[data-theme-version="dark"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    li

    > ul,

[data-theme-version="dark"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    li

    > ul {

    background-color: #3b3363;

}

[data-theme-version="dark"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-theme-version="dark"] .fixed-content-box {

    background-color: #3b3363;

}

[data-theme-version="dark"] .fixed-content-box .head-name {

    background: #3b3363;

    color: #fff;

    border-color: #473f72;

}

[data-theme-version="dark"] .fixed-content-box + .header + .deznav {

    background-color: #2c254a;

}

[data-theme-version="dark"] .deznav .metismenu > li > a {

    color: #b3b3b3;

}

[data-theme-version="dark"] .deznav .metismenu > li:hover > a,

[data-theme-version="dark"] .deznav .metismenu > li:focus > a,

[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a {

    color: var(--primary);

}

[data-theme-version="dark"] .deznav .metismenu > li:hover > a::after,

[data-theme-version="dark"] .deznav .metismenu > li:focus > a::after,

[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a::after {

    border-color: #fff;

}

[data-theme-version="dark"] .deznav .metismenu > li:hover > a i,

[data-theme-version="dark"] .deznav .metismenu > li:focus > a i,

[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i {

    color: var(--primary);

}

[data-theme-version="dark"] .deznav .metismenu > li.mm-active ul ul {

    background-color: transparent;

}

[data-theme-version="dark"] .deznav .metismenu ul:after {

    background-color: #473f72;

}

[data-theme-version="dark"] .deznav .metismenu ul a:hover,

[data-theme-version="dark"] .deznav .metismenu ul a:focus,

[data-theme-version="dark"] .deznav .metismenu ul a.mm-active {

    color: var(--primary);

    background: #332c52;

}

[data-theme-version="dark"] .deznav .metismenu ul a:before {

    background-color: #fff;

}

[data-theme-version="dark"] .deznav .metismenu a {

    color: #b3b3b3;

}

[data-theme-version="dark"] .deznav .metismenu .has-arrow:after {

    border-color: #fff;

}



[data-theme-version="dark"] .sidebar-right {

    border-radius: 12px 0 0 12px;

}

[data-theme-version="dark"] .sidebar-right .nav-tabs .nav-link {

    color: #000;

}

[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn {

    border-color: #eeeeee !important;

}

[data-theme-version="dark"] .sidebar-right .filter-option-inner-inner {

    color: #000;

}

[data-theme-version="dark"] .sidebar-right .dropdown-menu {

    background-color: #fff;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

[data-theme-version="dark"]

    .sidebar-right

    .dropdown-menu

    .dropdown-item.selected,

[data-theme-version="dark"] .sidebar-right .dropdown-menu .dropdown-item.active,

[data-theme-version="dark"] .sidebar-right .dropdown-menu .dropdown-item:hover {

    background-color: rgba(59, 51, 99, 0.1);

    color: rgba(0, 0, 0, 0.8);

}



[data-theme-version="dark"] .footer {

    background-color: transparent;

}

[data-theme-version="dark"] .footer .copyright {

    background-color: transparent;

}

[data-theme-version="dark"] .footer .copyright p {

    color: #fff;

}



/* =============

   Calendar

============= */

.app-fullcalender button {

    border-radius: 0px;

    color: #6e6e6e;

}

.app-fullcalender td {

    border-color: #eeeeee;

}



.calendar {

    float: left;

    margin-bottom: 0;

}



.fc-view {

    margin-top: 1.875rem;

}



.fc-toolbar {

    margin-bottom: 0.3125rem;

    margin-top: 0.9375rem;

}

@media (max-width: 575.98px) {

    .fc-toolbar .fc-left {

        display: flex;

        justify-content: space-between;

        margin-bottom: 0.625rem;

        float: none;

    }

}

@media (max-width: 575.98px) {

    .fc-toolbar .fc-right {

        display: flex;

        justify-content: center;

        float: none;

        margin-bottom: 0.3125rem;

    }

}

@media (max-width: 575.98px) {

    .fc-toolbar .fc-center {

        display: flex;

        justify-content: center;

    }

    .fc-toolbar .fc-center * {

        float: none;

    }

}



.fc-toolbar h2 {

    font-size: 1rem;

    font-weight: 600;

    line-height: 1.875rem;

    text-transform: uppercase;

}



.fc-toolbar .fc-state-active,

.fc-toolbar .ui-state-active,

.fc-toolbar .ui-state-hover,

.fc-toolbar button:focus,

.fc-toolbar button:hover {

    z-index: 0;

    box-shadow: none;

}



.fc-widget-header {

    border: 1px solid #eeeeee;

    border-bottom: 0 !important;

}



.fc th.fc-widget-header {

    background: #eeeeee !important;

    font-size: 0.875rem;

    line-height: 1.25rem;

    padding: 0.625rem 0;

    text-transform: uppercase;

}



.fc-button {

    border: 1px solid #eeeeee;

    text-transform: capitalize;

}

.fc-button.active {

    box-shadow: none !important;

}



.fc-text-arrow {

    font-family: inherit;

    font-size: 1rem;

}



.fc-event,

.external-event {

    border-radius: 0.125rem;

    border: none;

    cursor: move;

    font-size: 0.8125rem;

    margin: 0.3125rem 0.4375rem;

    padding: 0.3125rem;

    text-align: center;

}



.external-event {

    cursor: move;

    margin: 0.625rem 0;

    padding: 0.125rem 0;

}



.fc-basic-view td.fc-week-number span {

    padding-right: 0.3125rem;

}



.fc-basic-view td.fc-day-number {

    padding-right: 0.3125rem;

}



#drop-remove {

    margin-right: 8px;

    top: 0.1875rem;

}



#add-category .modal-dialog,

#event-modal .modal-dialog {

    max-width: 37.5rem;

}



.fc-content {

    color: #fff;

}



.fc th.fc-widget-header {

    background: transparent !important;

}



.fc-button {

    background: #fff;

}



.fc-state-hover {

    background: #fff !important;

}



.fc-state-highlight {

    background: #f2f4fa !important;

}

[data-theme-version="dark"] .fc-state-highlight {

    color: #fff !important;

}



.fc-cell-overlay {

    background: #fff !important;

}



.fc-unthemed .fc-today {

    background: #f2f4fa !important;

}



.fc-day-top {

    color: #6e6e6e !important;

}

[data-theme-version="dark"] .fc-day-top {

    color: #fff !important;

}



.external-event {

    color: #fff;

}

[data-theme-version="dark"] .external-event {

    color: #fff !important;

}



.fc-basic-view .fc-body .fc-row {

    min-height: 1rem;

}



.fc-scroller.fc-day-grid-container {

    height: 490px !important;

}



.fc-row.fc-week.fc-widget-content.fc-rigid {

    height: 81px !important;

}



@media only screen and (max-width: 1440px) {

    .email_left_pane {

        display: none;

    }

}



#external-events .external-event:before {

    content: "";

    display: block;

    width: 14px;

    min-width: 14px;

    height: 14px;

    border-radius: 50%;

    margin-right: 0.9rem;

    position: relative;

    top: 2px;

}

[data-theme-version="dark"] #external-events [data-class="bg-primary"] {

    color: #fff !important;

}

#external-events [data-class="bg-primary"]::before {

    background: var(--primary);

}

#external-events [data-class="bg-success"]::before {

    background: #68cf29;

}

#external-events [data-class="bg-warning"]::before {

    background: #ffab2d;

}

#external-events [data-class="bg-dark"]::before {

    background: #6e6e6e;

}

#external-events [data-class="bg-danger"]::before {

    background: #ff4c41;

}

#external-events [data-class="bg-info"]::before {

    background: #51a6f5;

}

#external-events [data-class="bg-pink"]::before {

    background: #e83e8c;

}

#external-events [data-class="bg-secondary"]::before {

    background: #036111;

}



.fc .fc-row .fc-content-skeleton table,

.fc .fc-row .fc-content-skeleton td,

.fc .fc-row .fc-helper-skeleton td {

    border-color: #eeeeee;

}

[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton table,

[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton td,

[data-theme-version="dark"] .fc .fc-row .fc-helper-skeleton td {

    border-color: #473f72;

}



[data-theme-version="dark"] .fc-unthemed .fc-content,

[data-theme-version="dark"] .fc-unthemed .fc-divider,

[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,

[data-theme-version="dark"] .fc-unthemed .fc-list-view,

[data-theme-version="dark"] .fc-unthemed .fc-popover,

[data-theme-version="dark"] .fc-unthemed .fc-row,

[data-theme-version="dark"] .fc-unthemed tbody,

[data-theme-version="dark"] .fc-unthemed td,

[data-theme-version="dark"] .fc-unthemed th,

[data-theme-version="dark"] .fc-unthemed thead {

    border-color: #473f72;

}



.email-left-box {

    width: 15rem;

    float: left;

    padding: 0 1.25rem 1.25rem 1rem;

    border-top: 0;

    border-left: 0;

}

@media (min-width: 576px) and (max-width: 991.98px) {

    .email-left-box {

        width: 100%;

        padding-bottom: 0px !important;

    }

}

@media (max-width: 575.98px) {

    .email-left-box {

        width: 100%;

        float: none;

        border: none;

        padding-bottom: 30px !important;

    }

}

.email-left-box .intro-title {

    background: var(--rgba-primary-1);

    padding: 1rem;

    margin: 1.875rem 0 1.25rem 0;

}

.email-left-box .intro-title h5 {

    margin-bottom: 0;

    color: #6a707e;

    font-size: 14px;

}

.email-left-box .intro-title h5 i {

    font-size: 0.75rem;

    position: relative;

    bottom: 1px;

}

.email-left-box .intro-title i {

    color: var(--primary);

}



.email-right-box {

    padding-left: 15rem;

    padding-right: 1rem;

}

@media (min-width: 576px) and (max-width: 991.98px) {

    .email-right-box {

        padding-left: 0;

        padding-right: 0;

        margin-left: 0 !important;

        clear: both;

    }

}

@media (max-width: 575.98px) {

    .email-right-box {

        padding-left: 0;

        padding-right: 0;

    }

}

.email-right-box .right-box-border {

    border-right: 2px solid var(--rgba-primary-1);

}

@media screen and (min-width: 649px) and (max-width: 1200px) {

    .email-right-box .right-box-padding {

        padding-left: 1.25rem;

    }

}

@media (min-width: 1700px) {

    .email-right-box .right-box-padding {

        padding-left: 0.9375rem;

    }

}

@media (min-width: 576px) and (max-width: 991.98px) {

    .email-right-box .right-box-padding {

        padding-left: 0;

    }

}



.toolbar .btn-group .btn {

    border: 0;

}

.toolbar .btn-group input {

    position: relative;

    top: 2px;

}



.read-content textarea {

    height: 150px;

    padding: 15px 20px;

}

.read-content-email {

    font-size: 0.875rem;

}

.read-content h5 {

    color: #6a707e;

}

.read-content p strong {

    color: #6a707e;

}

.read-content-body p {

    margin-bottom: 1.875rem;

}

.read-content-attachment {

    padding: 0.5rem 0;

}

.read-content-attachment h6 {

    font-size: 1.125rem;

    color: #6a707e;

}

.read-content-attachment h6 i {

    padding-right: 0.3125rem;

}

.read-content-attachment .attachment > div:not(:last-child) {

    border-right: 1px solid #dddfe1;

}



.compose-content .wysihtml5-toolbar {

    border-color: #eaeaea;

}

.compose-content .dropzone {

    background: #f2f4fa !important;

}

.compose-content h5 {

    font-size: 1.0625rem;

    color: #6a707e;

}

.compose-content h5 i {

    font-size: 1.125rem;

    transform: rotate(90deg);

}

.compose-content .dropzone {

    border: 1px dashed #dddfe1;

    min-height: 13.125rem;

    position: relative;

}

.compose-content .dropzone .dz-message {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.email-list {

    display: block;

    padding-left: 0;

}

.email-list .message {

    position: relative;

    display: block;

    height: 3.125rem;

    line-height: 3.125rem;

    cursor: default;

    transition-duration: 0.3s;

}

.email-list .message a {

    color: #828690;

}

.email-list .message-single .custom-checkbox {

    margin-top: 2px;

}

.email-list .message-single i {

    color: #89879f;

    font-size: 1.125rem;

    padding-left: 0.4rem;

}

.email-list .message:hover {

    transition-duration: 0.05s;

    background: rgba(152, 166, 173, 0.15);

}

.email-list .message .col-mail {

    float: left;

    position: relative;

}

.email-list .message .col-mail-1 {

    width: 5.625rem;

}

.email-list .message .col-mail-1 .star-toggle {

    display: block;

    float: left;

    margin-top: 1.125rem;

    font-size: 1rem;

    margin-left: 0.3125rem;

}

.email-list .message .col-mail-1 .email-checkbox {

    display: block;

    float: left;

    margin: 0.9375rem 0.625rem 0 1.25rem;

}

.email-list .message .col-mail-1 .dot {

    display: block;

    float: left;

    border: 0.4rem solid transparent;

    border-radius: 6.25rem;

    margin: 1.375rem 1.625rem 0;

    height: 0;

    width: 0;

    line-height: 0;

    font-size: 0;

}

.email-list .message .col-mail-2 {

    position: absolute;

    top: 0;

    left: 5.625rem;

    right: 0;

    bottom: 0;

}

.email-list .message .col-mail-2 .subject {

    position: absolute;

    top: 0;

    left: 0;

    right: 5.5rem;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.email-list .message .col-mail-2 .date {

    position: absolute;

    top: 0;

    right: 0;

}



.email-checkbox {

    cursor: pointer;

    height: 0.9375rem;

    width: 0.9375rem;

    position: relative;

    display: inline-block;

    border-radius: 0.1rem;

    position: relative;

    top: 0.3125rem;

    box-shadow: inset 0 0 0 0.1rem #828690;

}

.email-checkbox input {

    opacity: 0;

    cursor: pointer;

}

.email-checkbox input:checked label {

    opacity: 1;

}

.email-checkbox label {

    position: absolute;

    top: 0.3rem;

    left: 0.3rem;

    right: 0.3rem;

    bottom: 0.3rem;

    cursor: pointer;

    opacity: 0;

    margin-bottom: 0 !important;

    transition-duration: 0.05s;

}



.mail-list a {

    vertical-align: middle;

    padding: 0.625rem 0.9375rem;

    display: block;

    background: transparent;

    color: #464a53;

    font-weight: 600;

}

.mail-list .list-group-item {

    color: #6a707e;

    padding: 0.75rem 1.0625rem;

}

.mail-list .list-group-item i {

    font-size: 1rem;

    padding-right: 0.625rem;

    color: #cccccc;

}

.mail-list .list-group-item.active {

    color: #fff;

}

.mail-list .list-group-item.active i {

    color: #fff;

}



.chat-wrap {

    padding: 1.0625rem 1.875rem;

}

.chat-wrap .media .media-body h6 {

    font-size: 1.0625rem;

    color: #6a707e;

}

.chat-wrap .media .media-body p {

    font-size: 0.875rem;

}



@media (min-width: 648px) {

    .email-filter {

        padding-left: 1.25rem;

    }

}

@media (min-width: 1700px) {

    .email-filter {

        padding-left: 1.875rem;

    }

}

.email-filter .input-group-prepend i {

    font-size: 0.875rem;

    color: #89879f;

}

.email-filter .input-group-prepend .input-group-text {

    border: 0;

    border-bottom: 1px solid #dddfe1 !important;

    background: transparent;

}

.email-filter .input-group .form-control {

    padding: 0 0 0 0.3125rem;

    border: 0;

    font-size: 0.875rem;

    height: 1.875rem;

    color: #89879f;

    border-bottom: 1px solid #dddfe1;

}

.email-filter .input-group .form-control::placeholder {

    font-size: 0.875rem;

    color: #89879f;

}

.email-filter .input-group > .form-control {

    min-height: 1.875rem;

}



.single-mail {

    display: block;

    padding: 1.5625rem 0;

}

.single-mail .media {

    padding-left: 1.25rem;

    padding-right: 1.25rem;

}

@media (min-width: 1700px) {

    .single-mail .media {

        padding-left: 1.875rem;

        padding-right: 1.875rem;

    }

}

.single-mail .media img {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    margin-right: 0.9375rem;

}

@media (min-width: 1700px) {

    .single-mail .media img {

        margin-right: 1.875rem;

    }

}

.single-mail .media-body h6 {

    color: #abafb3;

}

.single-mail .media-body h4 {

    font-size: 1rem;

    color: #6a707e;

}

.single-mail .media-body h4 button i {

    font-size: 1.125rem;

    color: #abafb3;

    font-weight: bold;

    transform: rotate(90deg);

}

.single-mail .media-body p {

    font-size: 0.875rem;

    color: #abafb3;

}

.single-mail.active {

    background: var(--primary);

}

.single-mail.active h6,

.single-mail.active h4,

.single-mail.active p,

.single-mail.active i {

    color: #fff !important;

}



[direction="rtl"] .email-right-box {

    padding-left: 1rem;

    padding-right: 15rem;

}

@media only screen and (max-width: 991px) {

    [direction="rtl"] .email-right-box {

        padding-left: 0;

        padding-right: 0;

        margin-right: 0;

    }

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .email-right-box {

        padding-left: 0;

        padding-right: 0;

    }

}

[direction="rtl"] .email-left-box {

    float: right;

}

[direction="rtl"] .email-list .message .col-mail-2 {

    right: 5.625rem;

    left: 0;

    float: right;

}

[direction="rtl"] .email-list .message .col-mail-2 .date {

    right: auto;

    left: 0;

}

[direction="rtl"] .email-list .message .col-mail-2 .subject {

    right: 0;

    left: 5.5rem;

}



.photo-content {

    position: relative;

}

.photo-content .cover-photo {

    background: url(../images/profile/cover.jpg);

    background-size: cover;

    background-position: center;

    min-height: 250px;

    width: 100%;

}



.profile .profile-photo {

    max-width: 100px;

    position: relative;

    z-index: 1;

    margin-top: -40px;

    margin-right: 10px;

}

@media only screen and (max-width: 575px) {

    .profile .profile-photo {

        width: 80px;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 20px;

    }

}



[direction="rtl"] .profile .profile-photo {

    left: auto;

    right: 0;

    margin-right: 0;

    margin-left: 15px;

}

@media only screen and (max-width: 1199px) {

    [direction="rtl"] .profile .profile-photo {

        right: 15px;

    }

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .profile .profile-photo {

        width: 80px;

        right: calc(50% - 40px);

        top: -100px;

    }

}



.profile-info {

    padding: 15px 20px;

}

@media only screen and (max-width: 575px) {

    .profile-info {

        padding: 0 0 20px;

        text-align: center;

    }

}

.profile-info h4 {

    color: #464a53 !important;

}

.profile-info h4.text-primary {

    color: var(--primary) !important;

}

.profile-info p {

    color: #828690;

}

.profile-info .prf-col {

    min-width: 250px;

    padding: 10px 50px 0;

}



.profile-interest .row {

    margin: 0 -0.7px;

}

.profile-interest .row .int-col {

    padding: 0 0.7px;

}

.profile-interest .row .int-col .interest-cat {

    margin-bottom: 1.4px;

    position: relative;

    display: block;

}

.profile-interest .row .int-col .interest-cat:after {

    background: #000;

    bottom: 0;

    content: "";

    left: 0;

    opacity: 0.5;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 0;

}

.profile-interest .row .int-col .interest-cat p {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    padding: 5px;

    left: 0;

    margin: 0;

    z-index: 1;

    color: white;

    font-size: 1.2px;

}



.profile-tab .nav-item .nav-link {

    font-size: 16px;

    margin-right: 30px;

    transition: all 0.5s ease-in-out;

    border: none;

    border-bottom: 0.2px solid transparent;

    color: #828690;

}

.profile-tab .nav-item .nav-link:hover,

.profile-tab .nav-item .nav-link.active {

    border: 0;

    background: transparent;

    background: transparent;

    border-bottom: 0.2px solid var(--primary);

    color: var(--primary);

}

@media only screen and (max-width: 575px) {

    .profile-tab .nav-item .nav-link {

        margin-right: 0px;

    }

}



.profile-info {

    display: flex;

}

@media only screen and (max-width: 575px) {

    .profile-info {

        display: block;

    }

}

.profile-info .profile-details {

    display: flex;

    width: 100%;

}

@media only screen and (max-width: 575px) {

    .profile-info .profile-details {

        display: block;

    }

    .profile-info .profile-details .dropdown {

        position: absolute;

        top: 30px;

        right: 30px;

    }

}



.post-input {

    margin-bottom: 30px;

}

.post-input .form-control {

    height: 75px;

    font-weight: 400;

    margin: 15px 0;

}

.post-input .btn-social {

    font-size: 20px;

    height: 55px;

    display: inline-block;

    padding: 0;

    text-align: center;

    border-radius: 0.35rem;

    color: #fff;

    width: 55px;

    line-height: 54px;

}

.post-input .btn-social.facebook {

    background-color: #3b5998;

}

.post-input .btn-social.google-plus {

    background-color: #de4e43;

}

.post-input .btn-social.linkedin {

    background-color: #007bb6;

}

.post-input .btn-social.instagram {

    background-color: #8a5a4e;

}

.post-input .btn-social.twitter {

    background-color: #1ea1f3;

}

.post-input .btn-social.youtube {

    background-color: #ce201f;

}

.post-input .btn-social.whatsapp {

    background-color: #01c854;

}

.post-input .btn-social i {

    margin: 0 !important;

}



.profile-uoloaded-post img {

    margin-bottom: 20px;

}

.profile-uoloaded-post a h4 {

    margin-bottom: 10px;

    color: #464a53;

}



.event-chat-ryt .chat-area .chat-reciver,

.event-chat-ryt .chat-area .chat-sender {

    margin-bottom: 1.875rem;

    padding: 0;

}

.event-chat-ryt .chat-area .chat-reciver img,

.event-chat-ryt .chat-area .chat-sender img {

    border-radius: 30px;

}

.event-chat-ryt .chat-area .media {

    position: relative;

}

.event-chat-ryt .chat-area .media-body p {

    margin: 0;

    max-width: 100%;

    display: inline-block;

    position: relative;

}

.event-chat-ryt .chat-area .media-body p span {

    padding: 1rem;

    display: inline-block;

    top: 103%;

    position: relative;

    border: 1px solid #eeeeee;

}

.event-chat-ryt .chat-reciver {

    padding: 0.5rem 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}

.event-chat-ryt .chat-reciver .media {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}

.event-chat-ryt .chat-reciver .media .media-body {

    margin-right: 2rem;

    text-align: right;

}

[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body {

    text-align: left;

    margin-left: 2rem;

    margin-right: auto;

}

.event-chat-ryt .chat-reciver .media .media-body p {

    background: #fff;

    margin-bottom: 0;

    border-radius: 5px 5px 0 5px;

}

.event-chat-ryt .chat-reciver .media .media-body p span {

    text-align: left;

    border: 1px solid #eeeeee;

}

.event-chat-ryt .chat-reciver .media .media-body p span::after {

    content: "";

    width: 20px;

    height: 20px;

    border-bottom: 1px solid #eeeeee;

    border-right: 1px solid #eeeeee;

    position: absolute;

    right: 0;

    bottom: 0;

    background: #fff;

    -webkit-transform: rotate(-45deg) translateX(15px);

    transform: rotate(-45deg) translateX(15px);

}

[direction="rtl"]

    .event-chat-ryt

    .chat-reciver

    .media

    .media-body

    p

    span::after {

    left: 0;

    right: auto;

    -webkit-transform: rotate(135deg) translateY(15px);

    transform: rotate(135deg) translateY(15px);

}

.event-chat-ryt .chat-reciver .media .media-body p .time {

    position: absolute;

    font-size: 12px;

    color: #7e7e7e;

    font-weight: 400;

    bottom: 0;

    left: -80px;

}

[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p .time {

    right: -5rem;

    left: auto;

}

.event-chat-ryt .chat-sender {

    text-align: left;

    padding: 0.5rem 1rem;

}

.event-chat-ryt .chat-sender .media .media-body {

    margin-left: 2rem;

}

[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body {

    text-align: right;

    margin-right: 2rem;

    margin-left: auto;

}

.event-chat-ryt .chat-sender .media .media-body p {

    background-color: #fff;

    margin-bottom: 0;

}

.event-chat-ryt .chat-sender .media .media-body p span::after {

    content: "";

    width: 20px;

    height: 20px;

    border-bottom: 1px solid #eeeeee;

    border-left: 1px solid #eeeeee;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #fff;

    -webkit-transform: rotate(45deg) translateX(-15px);

    transform: rotate(45deg) translateX(-15px);

}

[direction="rtl"]

    .event-chat-ryt

    .chat-sender

    .media

    .media-body

    p

    span::after {

    left: auto;

    right: 0;

    -webkit-transform: rotate(-135deg) translateY(15px);

    transform: rotate(-135deg) translateY(15px);

}

.event-chat-ryt .chat-sender .media .media-body p .time {

    position: absolute;

    font-size: 10px;

    color: #7e7e7e;

    font-weight: 400;

    bottom: 0;

    right: -5rem;

}

[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p .time {

    left: -5rem;

    right: auto;

}



.char-type {

    padding-top: 30px;

    padding-bottom: 30px;

}

.char-type form .form-control {

    height: 45px;

    padding-left: 18px;

    background: #f7f7f7;

    border-right: 0;

}

.char-type form .input-group-append i {

    color: #898989;

    font-size: 18px;

}

.char-type form .input-group-append .input-group-text {

    padding-left: 0.7rem;

    padding-right: 0.7rem;

    background: #f7f7f7;

    border-color: #eeeeee;

    border-left: 0;

}

.char-type form .input-group-append .input-group-text:last-child {

    padding-right: 1.8rem;

}



.media-avatar {

    padding: 25px 0;

    border-bottom: 1px solid #eeeeee;

}

.media-avatar:last-child {

    border-bottom: 0px;

}

.media-avatar p {

    margin-bottom: 0;

}

.media-avatar .avatar-status {

    position: relative;

}

.media-avatar .avatar-status i {

    position: absolute;

    right: 0;

    bottom: 0;

}



.ct-golden-section:before {

    float: none;

}



.ct-chart {

    max-height: 15.7rem;

}



.ct-chart .ct-label {

    fill: #a3afb7;

    color: #a3afb7;

    font-size: 0.75rem;

    line-height: 1;

}



.ct-grid {

    stroke: rgba(49, 58, 70, 0.1);

}



.ct-chart.simple-pie-chart-chartist .ct-label {

    color: #ffffff;

    fill: #ffffff;

    font-size: 0.625rem;

}



.ct-chart .ct-series.ct-series-a .ct-bar,

.ct-chart .ct-series.ct-series-a .ct-line,

.ct-chart .ct-series.ct-series-a .ct-point,

.ct-chart .ct-series.ct-series-a .ct-slice-donut {

    stroke: var(--primary);

}



.ct-chart .ct-series.ct-series-b .ct-bar,

.ct-chart .ct-series.ct-series-b .ct-line,

.ct-chart .ct-series.ct-series-b .ct-point,

.ct-chart .ct-series.ct-series-b .ct-slice-donut {

    stroke: #68cf29;

}



.ct-chart .ct-series.ct-series-c .ct-bar,

.ct-chart .ct-series.ct-series-c .ct-line,

.ct-chart .ct-series.ct-series-c .ct-point,

.ct-chart .ct-series.ct-series-c .ct-slice-donut {

    stroke: #ffab2d;

}



.ct-chart .ct-series.ct-series-d .ct-bar,

.ct-chart .ct-series.ct-series-d .ct-line,

.ct-chart .ct-series.ct-series-d .ct-point,

.ct-chart .ct-series.ct-series-d .ct-slice-donut {

    stroke: #ff4c41;

}



.ct-chart .ct-series.ct-series-e .ct-bar,

.ct-chart .ct-series.ct-series-e .ct-line,

.ct-chart .ct-series.ct-series-e .ct-point,

.ct-chart .ct-series.ct-series-e .ct-slice-donut {

    stroke: #51a6f5;

}



.ct-chart .ct-series.ct-series-f .ct-bar,

.ct-chart .ct-series.ct-series-f .ct-line,

.ct-chart .ct-series.ct-series-f .ct-point,

.ct-chart .ct-series.ct-series-f .ct-slice-donut {

    stroke: #6e6e6e;

}



.ct-chart .ct-series.ct-series-g .ct-bar,

.ct-chart .ct-series.ct-series-g .ct-line,

.ct-chart .ct-series.ct-series-g .ct-point,

.ct-chart .ct-series.ct-series-g .ct-slice-donut {

    stroke: #8d6e63;

}



.ct-series-a .ct-area,

.ct-series-a .ct-slice-pie {

    fill: #036111;

}



.ct-series-b .ct-area,

.ct-series-b .ct-slice-pie {

    fill: #00a2ff;

}



.ct-series-c .ct-area,

.ct-series-c .ct-slice-pie {

    fill: #ff9800;

}



.ct-series-d .ct-area,

.ct-series-d .ct-slice-pie {

    fill: #ff9800;

}



.chartist-tooltip {

    position: absolute;

    display: inline-block;

    opacity: 0;

    min-width: 0.625rem;

    padding: 2px 0.625rem;

    border-radius: 3px;

    background: #313a46;

    color: #ffffff;

    text-align: center;

    pointer-events: none;

    z-index: 1;

    -webkit-transition: opacity 0.2s linear;

    -moz-transition: opacity 0.2s linear;

    -o-transition: opacity 0.2s linear;

    transition: opacity 0.2s linear;

}



.chartist-tooltip.tooltip-show {

    opacity: 1;

}



#donught_graph .ct-series.ct-series-a .ct-slice-donut {

    stroke: #3fc6d4;

}

#donught_graph .ct-series.ct-series-b .ct-slice-donut {

    stroke: #333333;

}

#donught_graph .ct-series.ct-series-c .ct-slice-donut {

    stroke: #f63465;

}



@media only screen and (max-width: 767px) {

    #pie-chart .ct-label {

        color: #fff;

        fill: #fff;

    }

}



#visitor_graph {

    height: 253px !important;

}



#user_rating_graph {

    height: 280px !important;

}



#activity {

    height: 270px !important;

}



#visitorOnline {

    height: 72px !important;

}



#trendMeter {

    height: 72px !important;

}



#widget-revenue1,

#widget-revenue2,

#widget-revenue3 {

    height: 117px !important;

}



#widget-profit1,

#widget-profit2,

#widget-profit3 {

    height: 160px !important;

}



#comparison-rate {

    height: 230px !important;

}



#session_day {

    height: 175px !important;

    width: auto !important;

    margin: 0 auto;

}



#walet-status {

    height: 140px !important;

}



#bar1 {

    height: 150px !important;

}



#sold-product {

    height: 230px !important;

}



#chart-venue-expenses,

#chart-online-sale,

#chart-gross-sale {

    height: 150px !important;

}



#areaChart_3 {

    height: 295px !important;

}



.chart-point {

    display: flex;

    align-items: center;

}

.chart-point .check-point-area {

    width: 100px;

    height: 100px;

    margin-top: -10px;

    margin-left: -10px;

}

.chart-point .chart-point-list {

    margin: 0;

    padding-left: 5px;

}

.chart-point .chart-point-list li {

    list-style: none;

    font-size: 13px;

    padding: 2px 0;

}

.chart-point .chart-point-list li i {

    margin-right: 5px;

    font-size: 11px;

    position: relative;

    top: -1px;

}



.c3 {

    height: 250px;

}



.c3-legend-item {

    fill: #9fabb1;

}



.c3 .c3-axis-x path,

.c3 .c3-axis-x line,

.c3 .c3-axis-y path,

.c3 .c3-axis-y line,

.tick text {

    stroke: #fff;

}



.flot-chart {

    height: 15.7rem;

}



.tooltipflot {

    background-color: transparent;

    font-size: 1.4rem;

    padding: 0.5rem 1rem;

    color: rgba(255, 255, 255, 0.7);

    border-radius: 0.2rem;

}



.legendColorBox > div {

    border: 0 !important;

    padding: 0 !important;

}



.legendLabel {

    font-size: 0.825rem;

    padding-left: 0.5rem;

    color: #fff;

}



.flotTip {

    background: #000;

    border: 1px solid #000;

    color: #fff;

}



.legend > div {

    background: transparent !important;

}



#balance_graph {

    height: 260px;

}



.morris-hover {

    position: absolute;

    z-index: 1;

    background: var(--primary);

    color: #fff;

}



.morris-hover .morris-hover-point {

    color: #fff !important;

    margin: 3px 0;

    text-align: center;

    padding: 0 25px;

}



.morris-hover .morris-hover-row-label {

    background-color: #6e6e6e;

    text-align: center;

    padding: 5px;

    margin-bottom: 5px;

}



.morris-hover.morris-default-style {

    border-radius: 5px;

    padding: 0;

    margin: 0;

    border: none;

    overflow: hidden;

}



/* 

svg text {

    font-weight: 600 !important;

} */

#morris_donught,

#morris_donught_2,

#line_chart_2,

#morris_bar,

#morris_bar_stalked,

#morris_bar_2,

#morris_area_2,

#morris_area {

    height: 240px !important;

}



#morris_line {

    height: 278px !important;

}



#crypto-btc-card,

#crypto-eth-card,

#crypto-rpl-card,

#crypto-ltc-card {

    height: 9.375rem;

}



#daily-sales,

#comparison-rate,

#usage-chart,

#walet-status {

    width: 100%;

    display: block;

}

#daily-sales canvas,

#comparison-rate canvas,

#usage-chart canvas,

#walet-status canvas {

    max-width: 100% !important;

    width: 100% !important;

}



#sparkline-composite-chart canvas,

#composite-bar canvas,

#sparkline11 canvas,

#StackedBarChart canvas,

#spark-bar canvas,

#tristate canvas {

    height: 100px !important;

}



#sparkline11 canvas {

    width: 100px !important;

}



.easy-pie-chart {

    position: relative;

    text-align: center;

}

.easy-pie-chart .inner {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    display: inline-block;

}

.easy-pie-chart img {

    width: 75px;

    height: 75px;

    border-radius: 50%;

}

.easy-pie-chart canvas {

    display: block;

    margin: 0 auto;

}



#revenue-chart {

    height: 27.7rem;

}



#duration-value-axis {

    height: 27.6rem;

    width: 100%;

}



#combined-bullet {

    height: 28.125rem;

    width: 100%;

}



#zoomable-chart {

    height: 28.125rem;

    width: 100%;

}



#chartMap {

    height: 28.125rem;

    width: 100%;

}



#professional-candlesticks {

    width: 100%;

    height: 28.125rem;

}



#comparing-stock-indices {

    width: 100%;

    height: 28.125rem;

}



#multiple-panel-data {

    width: 100%;

    height: 28.125rem;

}



#depth-chart {

    width: 100%;

    height: 28.125rem;

}



.amcharts-export-menu {

    display: none;

}



.amcharts-data-set-selector-div {

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    width: 16.875rem;

    margin: 0 auto;

}

.amcharts-data-set-selector-div select {

    border: 0;

    margin-left: 0.625rem;

    background: #ddd;

    color: #000;

}



.amChartsInputField {

    border: 0;

    background: var(--primary);

    color: #fff;

    padding: 0.3125rem 0.9375rem;

    margin: 0 0.9375rem;

}



.amcharts-data-set-select {

    border: 0;

    background: #ddd;

    color: #000;

}



.amcharts-period-input,

.amcharts-period-input-selected {

    border: 0;

    margin-left: 0.625rem;

    background: var(--primary);

    color: #fff;

    padding: 0.3125rem 0.9375rem;

}



.amcharts-graph-g2 .amcharts-graph-stroke {

    stroke-dasharray: 3px 3px;

    stroke-linejoin: round;

    stroke-linecap: round;

    -webkit-animation: am-moving-dashes 1s linear infinite;

    animation: am-moving-dashes 1s linear infinite;

}



@-webkit-keyframes am-moving-dashes {

    100% {

        stroke-dashoffset: -1.9375rem;

    }

}

@keyframes am-moving-dashes {

    100% {

        stroke-dashoffset: -1.9375rem;

    }

}

.lastBullet {

    -webkit-animation: am-pulsating 1s ease-out infinite;

    animation: am-pulsating 1s ease-out infinite;

}



@-webkit-keyframes am-pulsating {

    0% {

        stroke-opacity: 1;

        stroke-width: 0px;

    }

    100% {

        stroke-opacity: 0;

        stroke-width: 3.125rem;

    }

}

@keyframes am-pulsating {

    0% {

        stroke-opacity: 1;

        stroke-width: 0px;

    }

    100% {

        stroke-opacity: 0;

        stroke-width: 3.125rem;

    }

}

.amcharts-graph-column-front {

    -webkit-transition: all 0.3s 0.3s ease-out;

    transition: all 0.3s 0.3s ease-out;

}



.amcharts-graph-column-front:hover {

    fill: #496375;

    stroke: #496375;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



@-webkit-keyframes am-draw {

    0% {

        stroke-dashoffset: 500%;

    }

    100% {

        stroke-dashoffset: 0%;

    }

}

@keyframes am-draw {

    0% {

        stroke-dashoffset: 500%;

    }

    100% {

        stroke-dashoffset: 0%;

    }

}

@media only screen and (max-width: 991px) {

    .amChartsPeriodSelector > fieldset > div {

        float: none !important;

        display: block !important;

        margin-bottom: 0.625rem;

    }

}



.highcharts-root text {

    font-weight: 300 !important;

}



.highcharts-credits {

    display: none;

}



#chart_employee_gender,

#chart_employee_status {

    width: auto;

    height: 350px;

}



.form-control {

    background: #fff;

    border: 1px solid #eeeeee;

    color: #6e6e6e;

    height: 50px;

    padding: 10px 20px;

    border-radius: 0.35rem;

}

@media only screen and (max-width: 1400px) {

    .form-control {

        height: 41px;

    }

}

.form-control:hover,

.form-control:focus,

.form-control.active {

    box-shadow: none;

    background: #fff;

    color: #6e6e6e;

}

.form-control.solid {

    border: 0;

    background-color: #f7f7f7;

}

.form-control .btn {

    height: 100%;

    padding: 13px 20px;

}



.input-rounded {

    border-radius: 100px;

}



[data-theme-version="light"] .input-primary .form-control,

[data-theme-version="dark"] .input-primary .form-control {

    border-color: var(--primary);

}

[data-theme-version="light"] .input-primary .input-group-text,

[data-theme-version="dark"] .input-primary .input-group-text {

    background-color: var(--primary);

    color: #fff;

}

[data-theme-version="light"] .input-danger .form-control,

[data-theme-version="dark"] .input-danger .form-control {

    border-color: #ff4c41;

}

[data-theme-version="light"] .input-danger .input-group-text,

[data-theme-version="dark"] .input-danger .input-group-text {

    background-color: #ff4c41;

    color: #fff;

}

[data-theme-version="light"] .input-info .form-control,

[data-theme-version="dark"] .input-info .form-control {

    border-color: #51a6f5;

}

[data-theme-version="light"] .input-info .input-group-text,

[data-theme-version="dark"] .input-info .input-group-text {

    background-color: #51a6f5;

    color: #fff;

}

[data-theme-version="light"] .input-success .form-control,

[data-theme-version="dark"] .input-success .form-control {

    border-color: #68cf29;

}

[data-theme-version="light"] .input-success .input-group-text,

[data-theme-version="dark"] .input-success .input-group-text {

    background-color: #68cf29;

    color: #fff;

}

[data-theme-version="light"] .input-warning .form-control,

[data-theme-version="dark"] .input-warning .form-control {

    border-color: #ffab2d;

}

[data-theme-version="light"] .input-warning .input-group-text,

[data-theme-version="dark"] .input-warning .input-group-text {

    background-color: #ffab2d;

    color: #fff;

}



[data-theme-version="light"] .input-primary-o .form-control,

[data-theme-version="dark"] .input-primary-o .form-control {

    border-color: var(--primary);

}

[data-theme-version="light"] .input-primary-o .input-group-text,

[data-theme-version="dark"] .input-primary-o .input-group-text {

    background-color: transparent;

    border-color: var(--primary);

    color: var(--primary);

}

[data-theme-version="light"] .input-danger-o .form-control,

[data-theme-version="dark"] .input-danger-o .form-control {

    border-color: #ff4c41;

}

[data-theme-version="light"] .input-danger-o .input-group-text,

[data-theme-version="dark"] .input-danger-o .input-group-text {

    background-color: transparent;

    border-color: #ff4c41;

    color: #ff4c41;

}

[data-theme-version="light"] .input-info-o .form-control,

[data-theme-version="dark"] .input-info-o .form-control {

    border-color: #51a6f5;

}

[data-theme-version="light"] .input-info-o .input-group-text,

[data-theme-version="dark"] .input-info-o .input-group-text {

    background-color: transparent;

    border-color: #51a6f5;

    color: #51a6f5;

}

[data-theme-version="light"] .input-success-o .form-control,

[data-theme-version="dark"] .input-success-o .form-control {

    border-color: #68cf29;

}

[data-theme-version="light"] .input-success-o .input-group-text,

[data-theme-version="dark"] .input-success-o .input-group-text {

    background-color: transparent;

    border-color: #68cf29;

    color: #68cf29;

}

[data-theme-version="light"] .input-warning-o .form-control,

[data-theme-version="dark"] .input-warning-o .form-control {

    border-color: #ffab2d;

}

[data-theme-version="light"] .input-warning-o .input-group-text,

[data-theme-version="dark"] .input-warning-o .input-group-text {

    background-color: transparent;

    border-color: #ffab2d;

    color: #ffab2d;

}



.input-group-text {

    background: #d7dae3;

    border: 1px solid transparent;

    min-width: 50px;

    display: flex;

    justify-content: center;

    padding: 0.532rem 0.75rem;

}

.input-group-text i {

    font-size: 16px;

}



.custom-file-label {

    height: 40px;

    padding: 0.5rem 0.75rem;

}



.input-group-prepend .btn,

.input-group-append .btn {

    z-index: 0;

}



.custom-select {

    background: none;

    border-color: #eeeeee;

    color: #6e6e6e;

}

.custom-select:focus {

    box-shadow: none;

    border-color: var(--primary);

    color: var(--primary);

}



.custom-file-label:after {

    background: #656c73;

    border: 1px solid #eeeeee;

    color: #fff;

}

[data-theme-version="dark"] .custom-file-label:after {

    background: #473f72;

    border-color: #473f72;

    color: #7e7e7e;

}



.custom_file_input .custom-file-label::after {

    height: 100%;

}



.select2-dropdown {

    z-index: 6;

}



.form-control:disabled,

.form-control[readonly] {

    background: #fff;

    opacity: 1;

}



.custom-file-label {

    background: #fff;

    border-color: #eeeeee;

}

[data-theme-version="dark"] .custom-file-label {

    background: #2c254a;

    border-color: #473f72;

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



input[type="checkbox"]:after {

    content: "";

    display: block;

    width: 1rem;

    height: 1rem;

    margin-top: 0px;

    margin-left: -1px;

    border: 1px solid transparent;

    border-radius: 3px;

    background: #d4d7da;

    line-height: 1.3;

}

input[type="checkbox"]:checked:after {

    width: 1rem;

    height: 1rem;

    display: block;

    content: "\f00c";

    font-family: "FontAwesome";

    color: #fff;

    font-weight: 100;

    font-size: 12px;

    text-align: center;

    border-radius: 3px;

    background: var(--primary);

}



.form-check-label {

    margin-left: 5px;

    margin-top: 3px;

}



.form-check-inline .form-check-input {

    margin-right: 0.625rem;

}



.custom-control-label:before,

.custom-control-label:after {

    top: 2px;

    width: 1.25rem;

    height: 1.25rem;

    border-color: #e7e7e7;

}



.rtl .custom-control-label:before,

.rtl .custom-control-label:after {

    right: -1.5rem !important;

    left: inherit;

}



.custom-control {

    line-height: normal;

}



.toggle-switch {

    padding-left: 50px;

    line-height: 1.25;

}

.toggle-switch .custom-control-label {

    font-weight: 500;

}

.toggle-switch .custom-control-label:after {

    width: 24px;

    background: #959595;

    height: 24px;

    border-radius: 24px;

    top: -2px;

    left: -50px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.toggle-switch .custom-control-label:before {

    border: 0;

    background: #d8d8d8;

    width: 40px;

    border-radius: 20px !important;

    height: 16px;

    left: -50px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.toggle-switch .custom-control-input:checked ~ .custom-control-label:after {

    left: -43px;

    background: var(--primary);

}

.toggle-switch .custom-control-input:checked ~ .custom-control-label:before {

    background: var(--rgba-primary-1);

}

.toggle-switch.text-right {

    padding-left: 0;

    padding-right: 50px;

}

.toggle-switch.text-right .custom-control-label:after {

    left: auto;

    right: -30px;

}

.toggle-switch.text-right .custom-control-label:before {

    left: auto;

    right: -50px;

}

.toggle-switch.text-right

    .custom-control-input:checked

    ~ .custom-control-label:after {

    left: auto;

    right: -43px;

}



.custom-control-input:focus ~ .custom-control-label::before {

    box-shadow: none !important;

}



.custom-control-label::before {

    background-color: transparent;

    border-color: #f7f7f7;

    border-width: 2px;

    border-radius: 0.25rem !important;

}

[data-theme-version="dark"] .custom-control-label::before {

    background-color: transparent;

    border-color: #473f72;

}



.check-xs .custom-control-label:before,

.check-xs .custom-control-label:after {

    width: 18px;

    height: 18px;

}



.check-lg .custom-control-label:before,

.check-lg .custom-control-label:after {

    width: 24px;

    height: 24px;

}



.check-xl .custom-control-label:before,

.check-xl .custom-control-label:after {

    width: 28px;

    height: 28px;

}



.checkbox-info .custom-control-label::before {

    background-color: #e2f0fd;

    border-color: #e2f0fd;

}

[data-theme-version="dark"] .checkbox-info .custom-control-label::before {

    background-color: rgba(81, 166, 245, 0.1);

    border-color: transparent;

}

.checkbox-info .custom-control-input:checked ~ .custom-control-label::before {

    background-color: #51a6f5;

    border-color: #51a6f5;

}

.checkbox-danger .custom-control-label::before {

    background-color: #ffefee;

    border-color: #ffefee;

}

[data-theme-version="dark"] .checkbox-danger .custom-control-label::before {

    background-color: rgba(255, 76, 65, 0.1);

    border-color: transparent;

}

.checkbox-danger .custom-control-input:checked ~ .custom-control-label::before {

    background-color: #ff4c41;

    border-color: #ff4c41;

}

.checkbox-success .custom-control-label::before {

    background-color: #ecfae4;

    border-color: #ecfae4;

}

[data-theme-version="dark"] .checkbox-success .custom-control-label::before {

    background-color: rgba(104, 207, 41, 0.1);

    border-color: transparent;

}

.checkbox-success

    .custom-control-input:checked

    ~ .custom-control-label::before {

    background-color: #68cf29;

    border-color: #68cf29;

}

.checkbox-warning .custom-control-label::before {

    background-color: #fff0da;

    border-color: #fff0da;

}

[data-theme-version="dark"] .checkbox-warning .custom-control-label::before {

    background-color: rgba(255, 171, 45, 0.1);

    border-color: transparent;

}

.checkbox-warning

    .custom-control-input:checked

    ~ .custom-control-label::before {

    background-color: #ffab2d;

    border-color: #ffab2d;

}

.checkbox-secondary .custom-control-label::before {

    background-color: #dec8f8;

    border-color: #dec8f8;

}

[data-theme-version="dark"] .checkbox-secondary .custom-control-label::before {

    background-color: rgba(100, 24, 195, 0.5);

    border-color: transparent;

}

.checkbox-secondary

    .custom-control-input:checked

    ~ .custom-control-label::before {

    background-color: #036111;

    border-color: #036111;

}



.check-switch {

    padding-left: 40px;

}

.check-switch .custom-control-label {

    line-height: 30px;

    font-weight: 500;

}

.check-switch .custom-control-label span {

    line-height: 1;

}

.check-switch .custom-control-label:after,

.check-switch .custom-control-label:before {

    height: 1.5rem;

    width: 1.5rem;

    left: -2rem;

    border-radius: 3rem !important;

    border-color: #000;

}

.check-switch .custom-control-input:checked ~ .custom-control-label::after {

    background-image: url("../images/svg/check.svg");

}

.check-switch .custom-control-input:checked ~ .custom-control-label::before {

    background: #fff;

}



.js-switch + .switchery {

    border-radius: 50px;

    margin-right: 4rem;

}

@media (max-width: 767.98px) {

    .js-switch + .switchery {

        margin-right: 1rem;

    }

}

.js-switch + .switchery > small {

    top: 2px;

}

.js-switch.js-switch-lg + .switchery {

    height: 2rem;

    width: 4.5rem;

}

.js-switch.js-switch-lg + .switchery > small {

    width: 1.75rem;

    height: 1.75rem;

}

.js-switch.js-switch-md + .switchery {

    height: 1.5rem;

    width: 3.5rem;

}

.js-switch.js-switch-md + .switchery > small {

    width: 1.25rem;

    height: 1.25rem;

}

.js-switch.js-switch-sm + .switchery {

    height: 1rem;

    width: 2.2rem;

}

.js-switch.js-switch-sm + .switchery > small {

    width: 0.875rem;

    height: 0.875rem;

    top: 1px;

}

.js-switch-square + .switchery {

    border-radius: 0;

}

.js-switch-square + .switchery > small {

    border-radius: 0;

    top: 2px;

}

.js-switch-square.js-switch-lg + .switchery {

    height: 2rem;

    width: 4.5rem;

}

.js-switch-square.js-switch-lg + .switchery > small {

    width: 1.75rem;

    height: 1.75rem;

}

.js-switch-square.js-switch-md + .switchery {

    height: 1.5rem;

    width: 3.5rem;

}

.js-switch-square.js-switch-md + .switchery > small {

    width: 1.25rem;

    height: 1.25rem;

}

.js-switch-square.js-switch-sm + .switchery {

    height: 1rem;

    width: 2.2rem;

}

.js-switch-square.js-switch-sm + .switchery > small {

    width: 0.875rem;

    height: 0.875rem;

    top: 1px;

}



.form-control.is-valid {

    border-color: #68cf29 !important;

    border-right: 0px !important;

}

.form-control.is-valid:focus {

    box-shadow: none;

}



.form-control.is-warning {

    border-color: #ffab2d !important;

    border-right: 0px !important;

}

.form-control.is-warning:focus {

    box-shadow: none;

}



.form-control.is-invalid {

    border-color: #ff4c41 !important;

    border-right: 0px !important;

}

.form-control.is-invalid:focus {

    box-shadow: none;

}



.is-valid .input-group-prepend .input-group-text i {

    color: #68cf29;

}



.is-invalid .input-group-prepend .input-group-text i {

    color: var(--rgba-primary-1);

}



.show-pass {

    cursor: pointer;

}

.show-pass .fa-eye {

    display: none;

}

.show-pass.active .fa-eye-slash {

    display: none;

}

.show-pass.active .fa-eye {

    display: inline-block;

}



.asColorPicker-dropdown {

    max-width: 26rem;

}



.asColorPicker-trigger {

    border: 0 none;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 2.1875rem;

}



[direction="rtl"] .asColorPicker-trigger {

    left: 0;

    right: auto;

}



.asColorPicker-clear {

    display: none;

    position: absolute;

    right: 1rem;

    text-decoration: none;

    top: 0.5rem;

}



.daterangepicker td.active {

    background-color: var(--primary);

}

.daterangepicker td.active:hover {

    background-color: var(--primary);

}

.daterangepicker button.applyBtn {

    background-color: var(--primary);

    border-color: var(--primary);

}



.datepicker.datepicker-dropdown {

    background: #f2f4fa;

    border-radius: 1px;

    border: 1px solid #eeeeee;

}

.datepicker.datepicker-dropdown td.day,

.datepicker.datepicker-dropdown th.next,

.datepicker.datepicker-dropdown th.prev {

    height: 30px;

    width: 30px !important;

    padding: 0;

    text-align: center;

    font-weight: 300;

    border-radius: 50px;

}

.datepicker.datepicker-dropdown td.day:hover,

.datepicker.datepicker-dropdown th.next:hover,

.datepicker.datepicker-dropdown th.prev:hover {

    box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);

    color: #fff;

}

.datepicker.datepicker-dropdown th.datepicker-switch,

.datepicker.datepicker-dropdown th.next,

.datepicker.datepicker-dropdown th.prev {

    font-weight: 300;

    color: #333;

}

.datepicker.datepicker-dropdown th.dow {

    font-weight: 300;

}

.datepicker table tr td.selected,

.datepicker table tr td.active.active {

    box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);

    border: 0;

}

.datepicker table tr td.today {

    box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);

    color: #ffffff;

}

.datepicker table tr td.today:hover {

    box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);

    color: #ffffff;

}

.datepicker table tr td.today.disabled {

    box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);

    color: #ffffff;

}

.datepicker table tr td.today.disabled:hover {

    box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);

    color: #ffffff;

}



.picker__select--month,

.picker__select--year {

    height: 2.5em;

}

.picker__input {

    background-color: transparent !important;

}

[data-theme-version="dark"] .picker__input {

    background-color: transparent !important;

    border: 1px solid #473f72;

}



.asColorPicker-wrap .form-control {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



#image {

    max-width: 100%;

}



.docs-options .dropdown-menu {

    padding: 1.5rem;

}



.docs-preview {

    margin-bottom: 3rem;

}

.docs-preview .img-preview {

    float: left;

    margin-right: 0.5rem;

    margin-bottom: 0.5rem;

    overflow: hidden;

    max-width: 100% !important;

}

.docs-preview .img-preview > img {

    max-width: 100% !important;

}

.docs-preview .img-preview.preview-lg {

    width: 16rem;

    height: 9rem;

}

.docs-preview .img-preview.preview-md {

    width: 8rem;

    height: 4.5rem;

}

.docs-preview .img-preview.preview-sm {

    width: 4rem;

    height: 2.25rem;

}

.docs-preview .img-preview.preview-xs {

    width: 2rem;

    height: 1.125rem;

    margin-right: 0;

}



.select2-container {

    width: 100% !important;

}



.select2-container--default .select2-selection--single {

    border-radius: 0.35rem;

    border: 1px solid #f7f7f7;

    height: 40px;

    background: #fff;

}

[data-theme-version="dark"]

    .select2-container--default

    .select2-selection--single {

    background: #2c254a;

    border-color: #473f72;

}

.select2-container--default .select2-selection--single:hover,

.select2-container--default .select2-selection--single:focus,

.select2-container--default .select2-selection--single.active {

    box-shadow: none;

}



.select2-container--default

    .select2-selection--single

    .select2-selection__rendered {

    line-height: 40px;

    color: #7e7e7e;

    padding-left: 15px;

    min-height: 40px;

}



.select2-container--default .select2-selection--multiple {

    border-color: #eeeeee;

    border-radius: 0;

}



.select2-dropdown {

    border-radius: 0;

}



.select2-container--default

    .select2-results__option--highlighted[aria-selected] {

    background-color: var(--primary);

}



.select2-container--default.select2-container--focus

    .select2-selection--multiple {

    border-color: #eeeeee;

    background: #fff;

}



.select2-container--default

    .select2-selection--single

    .select2-selection__arrow {

    top: 6px;

    right: 15px;

}



.select2-container .select2-selection--multiple {

    min-height: 40px;

    color: #7e7e7e;

    border-radius: 0.35rem;

    border: 1px solid #f7f7f7;

}

[data-theme-version="dark"] .select2-container .select2-selection--multiple {

    background: #2c254a;

    border-color: #473f72;

}



[data-theme-version="dark"] .select2-search--dropdown .select2-search__field {

    background: #3b3363;

    border-color: #473f72;

}



.select2-dropdown {

    border-color: #f7f7f7;

}

[data-theme-version="dark"] .select2-dropdown {

    background: #2c254a;

    border-color: #473f72;

}



.swal2-popup .swal2-content {

    color: #7e7e7e;

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



/*

0 - 600: Phone

600 - 900: Tablet portrait

900 - 1200: Tablet landscape

1200 - 1800: Normal styles

1800+ : Big Desktop

1em = 16px

The smaller device rules always should write below the bigger device rules

Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component

*/

.form-wizard {

    border: 0;

}

.form-wizard .nav-wizard {

    box-shadow: none !important;

    margin-bottom: 2rem;

}

.form-wizard .nav-wizard li .nav-link {

    position: relative;

}

.form-wizard .nav-wizard li .nav-link span {

    border-radius: 50px;

    width: 3rem;

    height: 3rem;

    border: 2px solid var(--primary);

    display: block;

    line-height: 3rem;

    color: var(--primary);

    font-size: 18px;

    margin: auto;

    background-color: #fff;

    position: relative;

    z-index: 1;

}

.form-wizard .nav-wizard li .nav-link:after {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 3px;

    transform: translateY(-50%);

    background: #eeeeee !important;

    z-index: 0;

    width: 100%;

}

.form-wizard .nav-wizard li .nav-link.active:after {

    background: var(--primary) !important;

}

.form-wizard .nav-wizard li .nav-link.active span {

    background: var(--primary);

    color: #fff;

}

.form-wizard .nav-wizard li .nav-link.done:after {

    background: var(--primary) !important;

}

.form-wizard .nav-wizard li .nav-link.done span {

    background-color: var(--primary);

    color: #fff;

}

.form-wizard .nav-wizard li:last-child .nav-link:after {

    content: none;

}

.form-wizard .toolbar-bottom .btn {

    background-color: var(--primary);

    border: 0;

    padding: 12px 18px;

}

.form-wizard .tab-content .tab-pane {

    padding: 0;

}

.form-wizard .emial-setup label.mailclinet {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 10rem;

    height: 10rem;

    border-radius: 50%;

    cursor: pointer;

    background-color: #eef5f9;

    text-align: center;

    margin: auto;

}

[data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet {

    background-color: #2c254a;

}

@media only screen and (max-width: 575px) {

    .form-wizard .emial-setup label.mailclinet {

        width: 7rem;

        height: 7rem;

    }

}

.form-wizard .emial-setup label.mailclinet .mail-icon {

    font-size: 3rem;

    display: inline-block;

    line-height: 1;

    margin-top: -1rem;

}

@media only screen and (max-width: 575px) {

    .form-wizard .emial-setup label.mailclinet .mail-icon {

        font-size: 2rem;

    }

}

.form-wizard .emial-setup label.mailclinet .mail-text {

    font-size: 1rem;

    text-align: center;

    margin-top: 0.5rem;

}

@media only screen and (max-width: 575px) {

    .form-wizard .emial-setup label.mailclinet .mail-text {

        font-size: 16px;

        line-height: 20px;

    }

}

.form-wizard .emial-setup label.mailclinet input[type="radio"] {

    display: none;

}

.form-wizard .emial-setup label.mailclinet {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 10rem;

    height: 10rem;

    border-radius: 50%;

    cursor: pointer;

    background-color: #eef5f9;

    text-align: center;

    margin: auto;

}

[data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet {

    background-color: #2c254a;

}

@media only screen and (max-width: 575px) {

    .form-wizard .emial-setup label.mailclinet {

        width: 7rem;

        height: 7rem;

    }

}

.form-wizard .emial-setup label.mailclinet .mail-icon {

    font-size: 3rem;

    display: inline-block;

    line-height: 1;

    margin-top: -1rem;

}

@media only screen and (max-width: 575px) {

    .form-wizard .emial-setup label.mailclinet .mail-icon {

        font-size: 2rem;

    }

}

.form-wizard .emial-setup label.mailclinet .mail-text {

    font-size: 1rem;

    text-align: center;

    margin-top: 0.5rem;

}

@media only screen and (max-width: 575px) {

    .form-wizard .emial-setup label.mailclinet .mail-text {

        font-size: 16px;

        line-height: 20px;

    }

}

.form-wizard .emial-setup label.mailclinet input[type="radio"] {

    display: none;

}

@media only screen and (max-width: 767px) {

    .form-wizard .nav-wizard {

        flex-direction: unset !important;

    }

    .form-wizard .tab-content {

        height: 100% !important;

    }

}

@media only screen and (max-width: 575px) {

    .form-wizard .nav-wizard li .nav-link {

        padding: 0;

    }

}



.wizard-style-one {

    border: 0;

    padding: 0 100px;

}

.wizard-style-one .nav-wizard {

    margin-bottom: 40px;

    box-shadow: none;

}

.wizard-style-one label {

    font-size: 14px;

    font-weight: 500;

    color: #000;

}

.wizard-style-one .tab-content {

    overflow: visible;

}



.note-icon-caret,

.note-popover {

    display: none;

}



.note-editor.note-frame .panel-heading {

    padding: 0.6rem 1rem 1rem;

    z-index: 1;

}



.note-editor.note-frame {

    border-color: #eeeeee;

}



.note-editor.note-frame .note-editing-area .note-editable {

    background-color: #fff;

}

[data-theme-version="dark"]

    .note-editor.note-frame

    .note-editing-area

    .note-editable {

    background-color: #2c254a;

}



.note-editor.note-frame .note-statusbar {

    background-color: #fff;

}



.ql-container {

    height: 25rem;

}



#world-datamap {

    padding-bottom: 46% !important;

}



.datamaps-hoverover {

    background: #fff;

    padding: 0.3125rem;

    border-radius: 0.3125rem;

    font-family: "Roboto" !important;

    color: var(--primary);

    border: 1px solid var(--rgba-primary-3);

}



@media only screen and (max-width: 1440px) {

    .world_map_card ul.list-group {

        display: flex;

        flex-wrap: wrap;

        flex-direction: row;

        margin-top: 35px;

    }

}



.jqvmap-zoomin,

.jqvmap-zoomout {

    height: 20px;

    width: 20px;

    line-height: 14px;

    background-color: var(--primary);

    color: #fff;

}



.jqvmap-zoomout {

    top: 35px;

}



#world-map,

#usa {

    height: 400px;

}

@media only screen and (max-width: 991px) {

    #world-map,

    #usa {

        height: 350px;

    }

}

@media only screen and (max-width: 575px) {

    #world-map,

    #usa {

        height: 230px;

    }

}



.blockUI.blockMsg.blockPage {

    border: 0 !important;

}



#loginForm {

    cursor: auto;

}



.blockMsg {

    border: 0px !important;

    width: 20% !important;

}

.blockMsg h1 {

    font-size: 16px;

    padding: 8px 0;

    margin-bottom: 0;

}



.bootstrap-select {

    margin-bottom: 0;

}

.bootstrap-select .btn {

    border: 1px solid #eeeeee !important;

    background-color: transparent !important;

    font-weight: 400;

    color: #7e7e7e !important;

}

[data-theme-version="dark"] .bootstrap-select .btn {

    border-color: #473f72 !important;

    background: #2c254a !important;

}

.bootstrap-select .btn:active,

.bootstrap-select .btn:focus,

.bootstrap-select .btn:hover {

    outline: none !important;

    outline-offset: 0;

}

[data-theme-version="dark"] .bootstrap-select .btn:active,

[data-theme-version="dark"] .bootstrap-select .btn:focus,

[data-theme-version="dark"] .bootstrap-select .btn:hover {

    color: #7e7e7e !important;

}

.bootstrap-select .dropdown-menu {

    border-color: #eeeeee !important;

    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);

}

.bootstrap-select .dropdown-menu .dropdown-item {

    padding: 0.25rem 1rem;

}

[data-theme-version="dark"] .bootstrap-select .dropdown-menu {

    border-color: #473f72 !important;

}



.input-group > .bootstrap-select:not(:first-child) .dropdown-toggle {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.input-group > .bootstrap-select:not(:last-child) .dropdown-toggle {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



.clipboard-btn {

    transition: all 0.1s ease-in-out;

}

.clipboard-btn:hover {

    background-color: var(--primary);

    color: #fff;

}



.crypto-ticker {

    background: rgba(0, 0, 0, 0.5);

    margin-top: 20px;

    padding: 10px 20px;

    border-radius: 3px;

    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);

}

[data-theme-version="dark"] .crypto-ticker {

    background: #3b3363;

}



#webticker-big {

    font: inherit !important;

    font-size: inherit !important;

    font-weight: normal !important;

}

#webticker-big li i {

    font-size: 18px;

    margin-right: 7px;

}

#webticker-big li p {

    margin-bottom: 0px;

    font-size: 12px;

    font-weight: 700;

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



.twitter-typeahead {

    width: 100%;

}

.twitter-typeahead .tt-dataset.tt-dataset-states {

    border: 1px solid #eeeeee;

}

.twitter-typeahead .tt-menu {

    width: 100%;

    background-color: #fff;

}

.twitter-typeahead .tt-menu .tt-suggestion {

    padding: 0.625rem;

    cursor: pointer;

}

.twitter-typeahead .tt-menu .tt-suggestion:hover {

    background-color: var(--primary);

    color: #fff;

}



.weather-one i {

    font-size: 8rem;

    position: relative;

    top: 0.5rem;

}

.weather-one h2 {

    display: inline-block;

    float: right;

    font-size: 4.8rem;

}

.weather-one .city {

    position: relative;

    text-align: right;

    top: -2.5rem;

}

.weather-one .currently {

    font-size: 1.6rem;

    font-weight: 400;

    position: relative;

    top: 2.5rem;

}

.weather-one .celcious {

    text-align: right;

    font-size: 2rem;

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



.noUi-target {

    border-color: transparent;

    border-radius: 0;

}



.noUi-connect {

    background-color: var(--primary);

}

.noUi-connects {

    background-color: #d2d6de;

}

.noUi-connect.c-1-color {

    background-color: #68cf29;

}

.noUi-connect.c-2-color {

    background-color: #51a6f5;

}

.noUi-connect.c-3-color {

    background-color: var(--primary);

}

.noUi-connect.c-4-color {

    background-color: #ffab2d;

}



.noUi-vertical {

    width: 0.375rem;

}



.noUi-horizontal {

    height: 0.375rem;

    margin-bottom: 10px;

}



.noUi-horizontal .noUi-handle,

.noUi-vertical .noUi-handle {

    height: 12px;

    width: 12px;

    border-radius: 50px;

    box-shadow: none;

    border: none;

    background-color: var(--primary);

}

.noUi-horizontal .noUi-handle::after,

.noUi-horizontal .noUi-handle::before,

.noUi-vertical .noUi-handle::after,

.noUi-vertical .noUi-handle::before {

    display: none;

}



.noUi-vertical .noUi-handle {

    left: -4px;

    top: -6px;

}



.noUi-horizontal .noUi-handle {

    top: -4px;

}



html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {

    right: -6px;

}



#slider-toggle {

    height: 50px;

}



#slider-toggle.off .noUi-handle {

    border-color: var(--primary);

}



.colorpicker-slider .sliders.noUi-target#red,

.colorpicker-slider .sliders.noUi-target#green,

.colorpicker-slider .sliders.noUi-target#blue {

    margin: 10px;

    display: inline-block;

    height: 200px;

}

.colorpicker-slider .sliders.noUi-target#red .noUi-connect {

    background: #c0392b;

}

.colorpicker-slider .sliders.noUi-target#green .noUi-connect {

    background: #27ae60;

}

.colorpicker-slider .sliders.noUi-target#blue .noUi-connect {

    background: #2980b9;

}

.colorpicker-slider #result {

    margin: 60px 26px;

    height: 100px;

    width: 100px;

    display: inline-block;

    vertical-align: top;

    color: #7f7f7f;

    background: #7f7f7f;

    border: 1px solid #fff;

    box-shadow: 0 0 10px;

}



.slider-vertical {

    height: 18rem;

}



.nestable-cart {

    overflow: hidden;

}



.dd-handle {

    color: #fff;

    background: var(--primary);

    border-radius: 5px;

    padding: 8px 15px;

    height: auto;

    border: 1px solid #eeeeee;

}



.dd-handle:hover {

    color: #fff;

    background: var(--primary);

}



.dd3-content:hover {

    color: #fff;

    background: var(--primary);

}



.dd3-content {

    color: #fff;

}



.dd-item > button {

    line-height: 28px;

    color: #fff;

}



.pignose-calendar {

    box-shadow: none;

    width: 100%;

    max-width: none;

    border-color: var(--primary);

}

.pignose-calendar .pignose-calendar-top-date {

    background-color: var(--primary);

}

.pignose-calendar .pignose-calendar-top-date .pignose-calendar-top-month {

    color: #fff;

}



.pignose-calendar.pignose-calendar-blue

    .pignose-calendar-body

    .pignose-calendar-row

    .pignose-calendar-unit.pignose-calendar-unit-active

    a {

    background-color: var(--primary);

    box-shadow: none;

}



.pignose-calendar .pignose-calendar-top {

    box-shadow: none;

    border-bottom: 0;

}



.pignose-calendar.pignose-calendar-blue {

    background-color: rgba(0, 0, 0, 0.15);

}



.pignose-calendar .pignose-calendar-unit {

    height: 4.8em;

}



.cd-h-timeline {

    opacity: 0;

    transition: opacity 0.2s;

}



.cd-h-timeline--loaded {

    opacity: 1;

}



.cd-h-timeline__container {

    position: relative;

    height: 100px;

    max-width: 800px;

}



.cd-h-timeline__dates {

    position: relative;

    height: 100%;

    margin: 0 40px;

    overflow: hidden;

}

.cd-h-timeline__dates::after,

.cd-h-timeline__dates::before {

    content: "";

    position: absolute;

    z-index: 2;

    top: 0;

    height: 100%;

    width: 20px;

}

.cd-h-timeline__dates::before {

    left: 0;

    background: var(--primary);

}

.cd-h-timeline__dates::after {

    right: 0;

    background: var(--primary);

}



.cd-h-timeline__line {

    position: absolute;

    z-index: 1;

    left: 0;

    top: 49px;

    height: 2px;

    background-color: var(--primary);

    transition: transform 0.4s;

}



.cd-h-timeline__filling-line {

    position: absolute;

    z-index: 1;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: #68cf29;

    transform: scaleX(0);

    transform-origin: left center;

    transition: transform 0.3s;

}



.cd-h-timeline__date {

    position: absolute;

    bottom: 0;

    z-index: 2;

    text-align: center;

    font-size: 0.8em;

    padding-bottom: var(--space-sm);

    color: var(--cd-color-1);

    user-select: none;

    text-decoration: none;

}

.cd-h-timeline__date::after {

    content: "";

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -5px;

    height: 12px;

    width: 12px;

    border-radius: 50%;

    border-width: 2px;

    border-style: solid;

    border-color: var(--rgba-primary-9);

    background-color: var(--primary);

    transition: background-color 0.3s, border-color 0.3s;

}

.cd-h-timeline__date:hover::after {

    background-color: #68cf29;

    border-color: #68cf29;

}



.cd-h-timeline__date--selected {

    pointer-events: none;

}

.cd-h-timeline__date--selected::after {

    background-color: #68cf29;

    border-color: #68cf29;

}



.cd-h-timeline__date--older-event::after {

    border-color: #68cf29;

}



.cd-h-timeline__navigation {

    position: absolute;

    z-index: 1;

    top: 50%;

    transform: translateY(-50%);

    height: 34px;

    width: 34px;

    border-radius: 50%;

    border-width: 2px;

    border-style: solid;

    border-color: var(--rgba-primary-9);

    transition: border-color 0.3s;

}

.cd-h-timeline__navigation::after {

    content: "";

    position: absolute;

    height: 16px;

    width: 16px;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    background: url(../page-error-404.html) no-repeat 0 0;

}

.cd-h-timeline__navigation:hover {

    border-color: #68cf29;

}



.cd-h-timeline__navigation--prev {

    left: 0;

    transform: translateY(-50%) rotate(180deg);

}



.cd-h-timeline__navigation--next {

    right: 0;

}



.cd-h-timeline__navigation--inactive {

    cursor: not-allowed;

}

.cd-h-timeline__navigation--inactive::after {

    background-position: 0 -16px;

}

.cd-h-timeline__navigation--inactive:hover {

    border-color: var(--rgba-primary-9);

}



.cd-h-timeline__events {

    position: relative;

    width: 100%;

    overflow: hidden;

    transition: height 0.4s;

}



.cd-h-timeline__event {

    position: absolute;

    z-index: 1;

    width: 100%;

    left: 0;

    top: 0;

    transform: translateX(-100%);

    padding: 1px 5%;

    opacity: 0;

    animation-duration: 0.4s;

    animation-timing-function: ease-in-out;

}



.cd-h-timeline__event--selected {

    position: relative;

    z-index: 2;

    opacity: 1;

    transform: translateX(0);

}



.cd-h-timeline__event--enter-right,

.cd-h-timeline__event--leave-right {

    animation-name: cd-enter-right;

}



.cd-h-timeline__event--enter-left,

.cd-h-timeline__event--leave-left {

    animation-name: cd-enter-left;

}



.cd-h-timeline__event--leave-right,

.cd-h-timeline__event--leave-left {

    animation-direction: reverse;

}



.cd-h-timeline__event-content {

    max-width: 800px;

}



.cd-h-timeline__event-title {

    color: var(--cd-color-1);

    font-family: var(--font-secondary);

    font-weight: 700;

    font-size: var(--text-xxxl);

}



.cd-h-timeline__event-date {

    display: block;

    font-style: italic;

    margin: var(--space-xs) auto;

}

.cd-h-timeline__event-date::before {

    content: "- ";

}



@keyframes cd-enter-right {

    0% {

        opacity: 0;

        transform: translateX(100%);

    }

    100% {

        opacity: 1;

        transform: translateX(0%);

    }

}

@keyframes cd-enter-left {

    0% {

        opacity: 0;

        transform: translateX(-100%);

    }

    100% {

        opacity: 1;

        transform: translateX(0%);

    }

}

.toast-success {

    background-color: var(--primary);

}

.toast-info {

    background-color: #51a6f5;

}

.toast-warning {

    background-color: #ffab2d;

}

.toast-error {

    background-color: #ff4c41;

}



#toast-container > div {

    box-shadow: none;

    border-radius: 0;

    width: auto;

    max-width: 250px;

    opacity: 1;

}

[direction="rtl"] #toast-container > div {

    padding: 15px 50px 15px 15px;

    background-position: calc(100% - 15px);

    text-align: right;

}

#toast-container > div:hover {

    box-shadow: none;

}

#toast-container .toast-title {

    margin-bottom: 5px;

    font-weight: 600;

}

#toast-container .toast-message {

    font-size: 12px;

}

#toast-container .toast-close-button {

    opacity: 1;

    font-size: 20px;

    font-weight: normal;

    text-shadow: none;

}



[direction="rtl"] .toast-top-right.demo_rtl_class {

    left: 12px;

    right: auto;

}



/* Light Gallery */

.lg-actions .lg-next,

.lg-actions .lg-prev,

.lg-sub-html,

.lg-toolbar {

    background-color: rgba(30, 30, 30, 0.6);

}



.lg-outer .lg-toogle-thumb,

.lg-outer .lg-thumb-outer,

.lg-outer .lg-img-wrap,

.lg-outer .lg-item {

    background-color: transparent;

}



.lg-thumb-outer.lg-grab,

.lg-toogle-thumb.lg-icon {

    background-color: rgba(30, 30, 30, 0.6);

}



.lg-backdrop {

    background-color: rgba(30, 30, 30, 0.9);

}



.lg-outer .lg-toogle-thumb,

.lg-actions .lg-next,

.lg-actions .lg-prev,

.lg-toolbar .lg-icon,

#lg-counter {

    color: #fff;

}



.lg-outer .lg-thumb-item.active,

.lg-outer .lg-thumb-item:hover {

    border-color: var(--primary);

}



.lightimg {

    cursor: pointer;

}



.jqvmap-zoomin,

.jqvmap-zoomout {

    position: absolute;

    left: 10px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #000000;

    padding: 3px;

    color: white;

    width: 17px;

    height: 17px;

    cursor: pointer;

    line-height: 10px;

    text-align: center;

}



.jqvmap-zoomin {

    top: 10px;

}



.jqvmap-zoomout {

    top: 30px;

}



.ps__rail-x:hover,

.ps__rail-y:hover,

.ps__rail-x:focus,

.ps__rail-y:focus,

.ps__rail-x.ps--clicking,

.ps__rail-y.ps--clicking {

    background-color: transparent;

    opacity: 0.9;

}



.ps__rail-y:hover > .ps__thumb-y,

.ps__rail-y:focus > .ps__thumb-y,

.ps__rail-y.ps--clicking .ps__thumb-y {

    background-color: #dae2f3;

    width: 4px;

}



.ps__thumb-y {

    background-color: #dae2f3;

    width: 4px;

}



.total-average {

    position: relative;

    height: 300px;

}



.widget-chat {

    position: relative;

    height: 250px;

}



.widget-todo {

    position: relative;

    height: 210px;

}



.widget-team {

    position: relative;

    height: 285px;

}



.widget-timeline {

    position: relative;

}



.widget-comments {

    position: relative;

    height: 400px;

}



.sidebar-right-inner {

    position: relative;

    height: 100%;

}



.widget-team .ps .ps__rail-x:hover,

.widget-team .ps .ps__rail-y:hover,

.widget-team .ps .ps__rail-x:focus,

.widget-team .ps .ps__rail-y:focus,

.widget-team .ps .ps__rail-x.ps--clicking,

.widget-team .ps .ps__rail-y.ps--clicking {

    background-color: transparent !important;

    opacity: 0.9;

}



.fc-h-event,

.fc-v-event {

    background: var(--primary);

    border-radius: 0.42rem;

}



.fc-h-event .fc-event-title {

    color: #fff;

}



.fc-theme-standard td,

.fc-theme-standard th {

    border-color: #ebedf3;

}



.fc-unthemed .fc-h-event,

.fc-unthemed .fc-event-dot {

    padding: 0;

    border-radius: 0.42rem;

}



.fc-theme-standard th {

    padding: 0.75rem 0.5rem;

    font-size: 1rem;

    font-weight: 500;

    color: #b5b5c3;

}

@media only screen and (max-width: 575px) {

    .fc-theme-standard th {

        font-size: 14px;

        font-weight: 400;

        padding: 3px 0px;

    }

}



.fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,

.fc-scrollgrid,

table {

    border-color: #ebedf3;

}



.fc-daygrid-dot-event {

    background: #fff;

    border: 1px solid #ebedf3;

    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);

}

.fc-daygrid-dot-event .fc-daygrid-event-dot {

    border-color: var(--primary);

}



.fc-daygrid-dot-event .fc-event-title {

    font-weight: 500;

}



.fc-event.bg-primary,

.fc-event.bg-success,

.fc-event.bg-warning,

.fc-event.bg-secondary,

.fc-event.bg-dark,

.fc-event.bg-info {

    color: #fff !important;

    border-radius: 8px;

}

.fc-event.bg-primary .fc-daygrid-event-dot,

.fc-event.bg-success .fc-daygrid-event-dot,

.fc-event.bg-warning .fc-daygrid-event-dot,

.fc-event.bg-secondary .fc-daygrid-event-dot,

.fc-event.bg-dark .fc-daygrid-event-dot,

.fc-event.bg-info .fc-daygrid-event-dot {

    border-color: #fff;

}



.fc .fc-scroller-liquid-absolute,

.fc-scroller {

    position: relative;

    overflow: visible !important;

}



.fc .fc-button-group > .fc-button {

    color: #b5b5c3;

    background: 0 0;

    border: 1px solid #ebedf3;

    text-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}

.fc .fc-button-group > .fc-button:focus,

.fc .fc-button-group > .fc-button:active,

.fc .fc-button-group > .fc-button:hover,

.fc .fc-button-group > .fc-button.fc-button-active {

    background: var(--primary);

    color: #fff;

    border-color: var(--primary);

}



.fc-button.fc-button-primary.fc-today-button {

    background: var(--primary);

    color: #fff;

    border: 0;

    opacity: 1;

}



.fc-unthemed .fc-toolbar .fc-button.fc-button-active,

.fc-unthemed .fc-toolbar .fc-button:active,

.fc-unthemed .fc-toolbar .fc-button:focus {

    background: var(--primary);

    color: #fff;

    border: 1px solid var(--primary);

    -webkit-box-shadow: none;

    box-shadow: none;

    text-shadow: none;

}



.fc .fc-toolbar-title {

    font-size: 20px;

    margin: 0;

}



.fc .fc-toolbar.fc-header-toolbar {

    margin-bottom: -0.5em;

}



.external-event {

    padding: 8px 10px;

    display: flex;

    align-items: center;

    border-radius: 5px;

}

.external-event:hover:before {

    background: #fff !important;

}



.fc-event {

    overflow: hidden;

}



.fc .fc-view-harness {

    height: 800px !important;

}



@media only screen and (max-width: 575px) {

    .fc .fc-toolbar.fc-header-toolbar {

        display: block;

    }

    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk {

        display: flex;

        justify-content: center;

    }

    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child {

        justify-content: space-between;

    }

    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-title {

        margin-bottom: 8px;

    }

}



#external-events .external-event {

    text-align: left;

    font-size: 16px;

}



.accordion-primary .accordion__header {

    background: var(--primary);

    border-color: var(--primary);

    color: #fff;

    box-shadow: 0 15px 20px 0 var(--rgba-primary-1);

}

.accordion-primary .accordion__header.collapsed {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

    color: #211c37;

    box-shadow: none;

}

[data-theme-version="dark"] .accordion-primary .accordion__header.collapsed {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

    color: #7e7e7e;

}

.accordion-primary-solid .accordion__header {

    background: var(--primary);

    border-color: var(--primary);

    color: #fff;

    box-shadow: 0 -10px 20px 0 var(--rgba-primary-1);

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.accordion-primary-solid .accordion__header.collapsed {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

    color: #211c37;

    box-shadow: none;

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

[data-theme-version="dark"]

    .accordion-primary-solid

    .accordion__header.collapsed {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

    color: #7e7e7e;

}

.accordion-primary-solid .accordion__body {

    border: 2px solid var(--primary);

    border-top: none;

    box-shadow: 0 15px 20px 0 var(--rgba-primary-1);

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

.accordion-danger .accordion__header {

    background: #ff4c41;

    border-color: #ff4c41;

    color: #fff;

    box-shadow: 0 15px 20px 0 rgba(255, 76, 65, 0.15);

}

.accordion-danger .accordion__header.collapsed {

    background: #ffefee;

    border-color: #ffefee;

    color: #211c37;

    box-shadow: none;

}

.accordion-danger-solid .accordion__header {

    background: #ff4c41;

    border-color: #ff4c41;

    color: #fff;

    box-shadow: 0 -10px 20px 0 rgba(255, 76, 65, 0.15);

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.accordion-danger-solid .accordion__header.collapsed {

    background: #ffefee;

    border-color: #ffefee;

    color: #211c37;

    box-shadow: none;

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

[data-theme-version="dark"]

    .accordion-danger-solid

    .accordion__header.collapsed {

    background: rgba(255, 76, 65, 0.1);

    border-color: rgba(255, 76, 65, 0.1);

    color: #7e7e7e;

}

.accordion-danger-solid .accordion__body {

    border: 2px solid #ff4c41;

    border-top: none;

    box-shadow: 0 15px 20px 0 rgba(255, 76, 65, 0.15);

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

.accordion__item {

    margin-bottom: 1.25rem;

}

.accordion__header {

    padding: 1rem 1.75rem;

    border: 1px solid #eeeeee;

    cursor: pointer;

    position: relative;

    color: #333;

    font-weight: 400;

    border-radius: 0.35rem;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

[data-theme-version="dark"] .accordion__header {

    color: #fff;

    border-color: #473f72;

}

.accordion__header--indicator {

    font-family: "themify";

    position: absolute;

    right: 1.5625rem;

    top: 50%;

    transform: translateY(-50%);

}

[direction="rtl"] .accordion__header--indicator {

    right: auto;

    left: 1.5625rem;

}

.accordion__header--indicator.indicator_bordered {

    display: inline-block;

    width: 25px;

    text-align: center;

    height: 25px;

    border: 1px solid #eeeeee;

    border-radius: 50%;

    line-height: 25px;

}

.accordion__header:not(.collapsed) .accordion__header--indicator::before {

    content: "\e622";

}

.accordion__header:not(.collapsed)

    .accordion__header--indicator.style_two::before {

    content: "\e648";

}

.accordion__header.collapsed .accordion__header--indicator::before {

    content: "\e61a";

}

.accordion__header.collapsed .accordion__header--indicator.style_two::before {

    content: "\e64b";

}

.accordion__body--text {

    padding: 0.875rem 1.25rem;

}

.accordion-bordered .accordion__body {

    border: 1px solid #eeeeee;

    border-top: none;

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

[data-theme-version="dark"] .accordion-bordered .accordion__body {

    border-color: #473f72;

}

.accordion-bordered .accordion__header.collapsed {

    border-radius: 0.35rem;

}

.accordion-bordered .accordion__header {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.accordion-no-gutter .accordion__item {

    margin-bottom: 0;

}

.accordion-no-gutter .accordion__item .accordion__header.collapsed {

    border-bottom: none;

}

.accordion-no-gutter .accordion__item:last-child .accordion__header {

    border-bottom: 1px solid #eeeeee;

}

[data-theme-version="dark"]

    .accordion-no-gutter

    .accordion__item:last-child

    .accordion__header {

    border-color: #473f72;

}

.accordion-no-gutter.accordion__bordered

    .accordion__item:not(:last-child)

    .accordion__body {

    border-bottom: none;

}

.accordion-left-indicator .accordion__header--text {

    padding-left: 2.5rem;

}

.accordion-left-indicator .accordion__header--indicator {

    right: auto;

    left: 1.5625rem;

}

.accordion-with-icon .accordion__header--text {

    padding-left: 2.5rem;

}

[direction="rtl"] .accordion-with-icon .accordion__header--text {

    padding-left: 0;

    padding-right: 2.5rem;

}

.accordion-with-icon .accordion__header--icon {

    position: absolute;

    right: auto;

    left: 1.5625rem;

    font-family: "themify";

}

[direction="rtl"] .accordion-with-icon .accordion__header--icon {

    left: auto;

    right: 1.5625rem;

}

.accordion-with-icon .accordion__header--icon::before {

    content: "\e645";

}

.accordion-header-bg .accordion__header {

    background-color: #f7f7f7;

}

[data-theme-version="dark"] .accordion-header-bg .accordion__header {

    background-color: #2c254a;

    color: #fff;

}

.accordion-header-bg .accordion__header--primary {

    background-color: var(--primary);

    color: #fff;

    border-color: var(--primary);

}

[data-theme-version="dark"] .accordion-header-bg .accordion__header--primary {

    background-color: var(--primary);

}

.accordion-header-bg .accordion__header--info {

    background-color: #51a6f5;

    color: #fff;

    border-color: #51a6f5;

}

[data-theme-version="dark"] .accordion-header-bg .accordion__header--info {

    background-color: #51a6f5;

}

.accordion-header-bg .accordion__header--success {

    background-color: #68cf29;

    color: #fff;

    border-color: #68cf29;

}

[data-theme-version="dark"] .accordion-header-bg .accordion__header--success {

    background-color: #68cf29;

}

.accordion-header-bg.accordion-no-gutter .accordion__header {

    border-color: transparent;

    border-radius: 0;

}

.accordion-header-bg.accordion-no-gutter

    .accordion__item:first-child

    .accordion__header {

    border-top-left-radius: 0.35rem;

    border-top-right-radius: 0.35rem;

}

.accordion-header-bg.accordion-no-gutter

    .accordion__item:last-child

    .accordion__header {

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

.accordion.accordion-no-gutter .accordion__header {

    border-radius: 0;

}

.accordion.accordion-no-gutter .accordion__header.collapsed {

    border-radius: 0;

}

.accordion.accordion-no-gutter .accordion__body {

    border-radius: 0;

}

.accordion.accordion-no-gutter .accordion__item:first-child .accordion__header {

    border-top-left-radius: 0.35rem;

    border-top-right-radius: 0.35rem;

}

.accordion.accordion-no-gutter

    .accordion__item:last-child

    .accordion__header.collapsed {

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

.accordion.accordion-no-gutter .accordion__item:last-child .accordion__body {

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

.accordion-solid-bg .accordion__header {

    border-color: transparent;

    background-color: var(--rgba-primary-1);

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

[data-theme-version="dark"] .accordion-solid-bg .accordion__header {

    background-color: #2c254a;

}

.accordion-solid-bg .accordion__header.collapsed {

    border-radius: 0.35rem;

}

.accordion-solid-bg .accordion__body {

    border-color: transparent;

    background-color: var(--rgba-primary-1);

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

[data-theme-version="dark"] .accordion-solid-bg .accordion__body {

    background-color: #2c254a;

}

.accordion-active-header .accordion__header:not(.collapsed) {

    background-color: #51a6f5;

    border-color: #51a6f5;

    color: #fff;

}

.accordion-header-shadow .accordion__header {

    border: none;

    box-shadow: 0 0 0.9375rem -3px rgba(0, 0, 0, 0.3);

}

.accordion-rounded-stylish .accordion__header {

    border-top-left-radius: 0.375rem;

    border-top-right-radius: 0.375rem;

}

.accordion-rounded-stylish .accordion__body {

    border-bottom-left-radius: 0.375rem;

    border-bottom-right-radius: 0.375rem;

}

.accordion-rounded .accordion__header {

    border-radius: 0.3125rem;

}

.accordion-gradient .accordion__header {

    color: #fff;

    background-image: linear-gradient(

        to right,

        rgba(186, 1, 181, 0.85) 0%,

        rgba(103, 25, 255, 0.85) 100%

    );

    border-color: transparent;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.accordion-gradient .accordion__header.collapsed {

    border-bottom-left-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

.accordion-gradient .accordion__body {

    color: #fff;

    background-image: linear-gradient(

        to right,

        rgba(186, 1, 181, 0.85) 0%,

        rgba(103, 25, 255, 0.85) 100%

    );

    border-color: transparent;

}



.alert {

    border-radius: 0.35rem;

    padding: 1rem 1.5rem;

}

.alert p {

    line-height: 1.5;

}



.alert-rounded {

    border-radius: 30px;

}



.alert-primary {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

    color: var(--primary);

}

[data-theme-version="dark"] .alert-primary {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

}



.alert-secondary {

    background: #dec8f8;

    border-color: #dec8f8;

    color: #036111;

}

[data-theme-version="dark"] .alert-secondary {

    background: rgba(100, 24, 195, 0.5);

    border-color: rgba(100, 24, 195, 0.5);

    color: #7e7e7e;

}



.alert-success {

    background: #ecfae4;

    border-color: #ecfae4;

    color: #68cf29;

}

[data-theme-version="dark"] .alert-success {

    background: rgba(104, 207, 41, 0.1);

    border-color: rgba(104, 207, 41, 0.1);

}



.alert-warning {

    background: #fff0da;

    border-color: #fff0da;

    color: #ffab2d;

}

[data-theme-version="dark"] .alert-warning {

    background: rgba(255, 171, 45, 0.1);

    border-color: rgba(255, 171, 45, 0.1);

}



.alert-danger {

    background: #ffefee;

    border-color: #ffefee;

    color: #ff4c41;

}

[data-theme-version="dark"] .alert-danger {

    background: rgba(255, 76, 65, 0.1);

    border-color: rgba(255, 76, 65, 0.1);

}



.alert-info {

    background: #e2f0fd;

    border-color: #e2f0fd;

    color: #51a6f5;

}

[data-theme-version="dark"] .alert-info {

    background: rgba(81, 166, 245, 0.1);

    border-color: rgba(81, 166, 245, 0.1);

}



.alert-dark {

    background: white;

    border-color: white;

    color: #6e6e6e;

}

[data-theme-version="dark"] .alert-dark {

    background: rgba(110, 110, 110, 0.35);

    border-color: rgba(110, 110, 110, 0.35);

    color: #7e7e7e;

}



.alert-light {

    background: #f7f7f7;

    border-color: #f7f7f7;

    color: #6e6e6e;

}



.alert-alt.alert-primary {

    border-left: 4px solid var(--primary);

}



.alert-alt.alert-secondary {

    border-left: 4px solid #036111;

}



.alert-alt.alert-success {

    border-left: 4px solid #68cf29;

}



.alert-alt.alert-warning {

    border-left: 4px solid #ffab2d;

}



.alert-alt.alert-danger {

    border-left: 4px solid #ff4c41;

}



.alert-alt.alert-info {

    border-left: 4px solid #51a6f5;

}



.alert-alt.alert-dark {

    border-left: 4px solid #6e6e6e;

}



.alert-alt.alert-light {

    border-left: 4px solid #d1d1d1;

}



.alert-alt.alert-primary.solid {

    border-left: 4px solid var(--primary-dark) !important;

}



.alert-alt.alert-secondary.solid {

    border-left: 4px solid #2a0a51 !important;

}



.alert-alt.alert-success.solid {

    border-left: 4px solid #336514 !important;

}



.alert-alt.alert-warning.solid {

    border-left: 4px solid #ad6800 !important;

}



.alert-alt.alert-danger.solid {

    border-left: 4px solid #c10b00 !important;

}



.alert-alt.alert-info.solid {

    border-left: 4px solid #0b66bc !important;

}



.alert-alt.alert-dark.solid {

    border-left: 4px solid #2e2e2e !important;

}



.alert-alt.alert-light.solid {

    border-left: 4px solid #b7b7b7 !important;

}



.alert-dismissible.solid .close:hover {

    color: #fff;

    opacity: 1;

}



.alert.alert-primary.solid {

    background: var(--primary);

    color: #fff;

    border-color: var(--primary);

}



.alert.alert-secondary.solid {

    background: #036111;

    color: #fff;

    border-color: #036111;

}



.alert.alert-success.solid {

    background: #68cf29;

    color: #fff;

    border-color: #68cf29;

}



.alert.alert-warning.solid {

    background: #ffab2d;

    color: #fff;

    border-color: #ffab2d;

}



.alert.alert-danger.solid {

    background: #ff4c41;

    color: #fff;

    border-color: #ff4c41;

}



.alert.alert-info.solid {

    background: #51a6f5;

    color: #fff;

    border-color: #51a6f5;

}



.alert.alert-dark.solid {

    background: #6e6e6e;

    color: #fff;

    border-color: #6e6e6e;

}



.alert.alert-light.solid {

    background: #f7f7f7;

    color: #6e6e6e;

    border-color: #f7f7f7;

}



.alert-right-icon > span i {

    font-size: 18px;

    margin-right: 5px;

}

.alert-right-icon .close i {

    font-size: 16px;

}



.alert.alert-outline-primary {

    background: transparent;

    color: var(--primary);

    border-color: var(--primary);

}



.alert.alert-outline-secondary {

    background: transparent;

    color: #7e7e7e;

    border-color: #036111;

}



.alert.alert-outline-success {

    background: transparent;

    color: #68cf29;

    border-color: #68cf29;

}



.alert.alert-outline-info {

    background: transparent;

    color: #51a6f5;

    border-color: #51a6f5;

}



.alert.alert-outline-warning {

    background: transparent;

    color: #ffab2d;

    border-color: #ffab2d;

}



.alert.alert-outline-danger {

    background: transparent;

    color: #ff4c41;

    border-color: #ff4c41;

}



.alert.alert-outline-dark {

    background: transparent;

    color: #7e7e7e;

    border-color: #6e6e6e;

}



.alert.alert-outline-light {

    background: transparent;

    color: #6e6e6e;

    border-color: #f7f7f7;

}



.alert-social {

    color: #fff;

}

.alert-social .alert-social-icon {

    align-self: center;

    margin-right: 0.9375rem;

}

.alert-social .alert-social-icon i {

    font-size: 42px;

}

.alert-social.facebook {

    background-color: #3b5998;

}

.alert-social.twitter {

    background-color: #1da1f2;

}

.alert-social.linkedin {

    background-color: #007bb6;

}

.alert-social.google-plus {

    background-color: #db4439;

}

.alert-social .close:hover {

    opacity: 1 !important;

    color: #fff !important;

}



.left-icon-big .alert-left-icon-big {

    align-self: center;

    margin-right: 0.9375rem;

}

.left-icon-big .alert-left-icon-big i {

    font-size: 35px;

    line-height: 1;

}



[direction="rtl"] .left-icon-big .alert-left-icon-big,

[direction="rtl"] .alert-social .alert-social-icon {

    margin-right: 0;

    margin-left: 0.9375rem;

}



.badge {

    line-height: 1.5;

    border-radius: 5px;

    font-size: 0.75rem;

    font-weight: 500;

    padding: 4px 10px;

    border: 1px solid transparent;

}



.badge-rounded {

    border-radius: 20px;

    padding: 3px 13px;

}



.badge-circle {

    border-radius: 100px;

    padding: 3px 7px;

}



.badge-outline-primary {

    border: 1px solid var(--primary);

    color: var(--primary);

}



.badge-outline-secondary {

    border: 1px solid #036111;

    color: #036111;

}

[data-theme-version="dark"] .badge-outline-secondary {

    color: #7e7e7e;

}



.badge-outline-success {

    border: 1px solid #68cf29;

    color: #68cf29;

}



.badge-outline-info {

    border: 1px solid #51a6f5;

    color: #51a6f5;

}



.badge-outline-warning {

    border: 1px solid #ffab2d;

    color: #ffab2d;

}



.badge-outline-danger {

    border: 1px solid #ff4c41;

    color: #ff4c41;

}



.badge-outline-light {

    border: 1px solid #eeeeee;

    color: #6e6e6e;

}

[data-theme-version="dark"] .badge-outline-light {

    color: #7e7e7e;

}



.badge-outline-dark {

    border: 1px solid #6e6e6e;

    color: #6e6e6e;

}

[data-theme-version="dark"] .badge-outline-dark {

    color: #7e7e7e;

}



.badge-xs {

    font-size: 10px;

    padding: 0px 5px;

    line-height: 18px;

}



.badge-sm {

    font-size: 11px;

    padding: 5px 8px;

    line-height: 11px;

}



.badge-lg {

    font-size: 14px;

    padding: 0px 10px;

    line-height: 30px;

}



.badge-xl {

    font-size: 15px;

    padding: 0px 15px;

    line-height: 35px;

}



.badge-default {

    background: #adb6c7;

}



.badge-success {

    color: #fff;

    background-color: #68cf29;

}



.badge-info {

    background-color: #51a6f5;

}



.badge-primary {

    background-color: var(--primary);

}



.badge-warning {

    color: #fff;

    background-color: #ffab2d;

}



.badge-danger {

    background-color: #ff4c41;

}



.badge-dark {

    background-color: #6e6e6e;

}



.badge-light {

    background-color: #f7f7f7;

}



.light.badge-default {

    background: #adb6c7;

}



.light.badge-success {

    background-color: #ecfae4;

    color: #68cf29;

}

[data-theme-version="dark"] .light.badge-success {

    background-color: rgba(104, 207, 41, 0.1);

}



.light.badge-info {

    background-color: #e2f0fd;

    color: #51a6f5;

}

[data-theme-version="dark"] .light.badge-info {

    background-color: rgba(81, 166, 245, 0.1);

}



.light.badge-primary {

    background-color: var(--rgba-primary-1);

    color: var(--primary);

}

[data-theme-version="dark"] .light.badge-primary {

    background-color: var(--rgba-primary-1);

}



.light.badge-secondary {

    background-color: #dec8f8;

    color: #036111;

}

[data-theme-version="dark"] .light.badge-secondary {

    background-color: rgba(100, 24, 195, 0.5);

    color: #7e7e7e;

}



.light.badge-warning {

    background-color: #fff0da;

    color: #ffab2d;

}

[data-theme-version="dark"] .light.badge-warning {

    background-color: rgba(255, 171, 45, 0.1);

}



.light.badge-danger {

    background-color: #ffefee;

    color: #ff4c41;

}

[data-theme-version="dark"] .light.badge-danger {

    background-color: rgba(255, 76, 65, 0.1);

}



.light.badge-dark {

    background-color: #eeeeee;

    color: #6e6e6e;

}

[data-theme-version="dark"] .light.badge-dark {

    background-color: rgba(110, 110, 110, 0.35);

    color: #7e7e7e;

}



.bootstrap-label .label {

    display: inline-block;

    margin-right: 1rem;

}

.bootstrap-label .label:last-child {

    margin-right: 0;

}



.badge-demo .badge {

    margin-right: 5px;

    margin-bottom: 5px;

}

.badge-demo .badge:last-child {

    margin-right: 0;

}



.bootstrap-badge-buttons button {

    margin-right: 0.2rem;

    margin-bottom: 1rem;

}

.bootstrap-badge-buttons button:last-child {

    margin-right: 0;

}



.page-titles {

    padding: 0.9375rem 0;

    background: transparent;

    margin-bottom: 30px;

    border-radius: 5px;

    margin-top: -30px;

}

[data-theme-version="dark"] .page-titles {

    background: transparent;

}

@media only screen and (max-width: 767px) {

    .page-titles {

        margin-left: -15px;

        margin-right: -15px;

        margin-bottom: 0;

        padding: 15px 0px;

        margin-top: -15px;

    }

}

.page-titles .justify-content-sm-end {

    align-items: center;

}

.page-titles h4 {

    margin-bottom: 0;

    margin-top: 0;

    color: var(--primary);

    font-size: 1.25rem;

}

.page-titles h4 span {

    font-size: 0.875rem;

    font-weight: 400;

}

.page-titles .breadcrumb {

    margin-bottom: 0;

    padding: 0;

    background: transparent;

}

.page-titles .breadcrumb li {

    margin-top: 0;

    margin-bottom: 0;

}

.page-titles .breadcrumb li a {

    color: #828690;

}

.page-titles .breadcrumb li.active {

    color: var(--primary);

    font-weight: 600;

}

.page-titles .breadcrumb li.active a {

    color: var(--primary);

}

.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before {

    /* font-family: 'simple-line-icons';

                font-weight: 400;

				position:absolute;

                font-size: 10px; */

    color: var(--primary);

}

.page-titles .breadcrumb-datepicker {

    font-size: 0.75rem;

    color: #89879f;

}

.page-titles .breadcrumb-datepicker__icon {

    font-size: 0.875rem;

}

.page-titles .breadcrumb-widget .border-dark {

    border-color: #dee2e6 !important;

}

.page-titles .breadcrumb-widget h4 {

    color: #646c9a;

    font-weight: 600;

}

@media only screen and (max-width: 575px) {

    .page-titles .breadcrumb-widget {

        text-align: left !important;

        margin-bottom: 0.9375rem;

    }

}



button {

    cursor: pointer;

}

button:focus {

    outline: 0;

    box-shadow: none;

}



.btn-success {

    color: #fff;

}



.btn {

    padding: 0.6rem 0.9rem;

    border-radius: 0.3rem;

    font-weight: 500;

    font-size: 0.875rem;

    box-shadow: none;

}

.btn:hover,

.btn:focus,

.btn:active,

.btn.active {

    outline: 0 !important;

    box-shadow: none;

}

@media only screen and (max-width: 1400px) {

    .btn {

        padding: 0.625rem 1rem;

        font-size: 0.813rem;

    }

}

.btn-transparent {

    background-color: transparent;

}

.btn.btn-primary {

    color: #fff;

}

.btn.btn-primary:active {

    background-color: var(--primary);

}

.btn.btn-outline-primary:hover {

    color: #fff;

}

.btn.white-transparent {

    background-color: rgba(255, 255, 255, 0.1);

    color: #fff;

}

.btn.white-transparent:hover {

    background-color: #fff;

    color: #000;

}



.btn-primary,

.btn-primary:hover {

    background-color: var(--primary);

    border-color: var(--primary);

}



.btn-primary:not(:disabled):not(.disabled):active,

.btn-primary:not(:disabled):not(.disabled).active,

.show > .btn-primary.dropdown-toggle {

    background-color: var(--primary);

    border-color: var(--primary);

}



.btn-warning {

    color: #fff;

}



.sharp {

    min-width: 40px;

    padding: 7px;

    height: 40px;

    min-height: 40px;

}



.sharp.btn-xs {

    padding: 3px;

    width: 26px;

    height: 26px;

    min-width: 26px;

    min-height: 26px;

}



.light.tp-btn {

    background-color: transparent;

}

.light.btn-default {

    background: #adb6c7;

}

.light.btn-success {

    background-color: #ecfae4;

    border-color: #ecfae4;

    color: #68cf29;

}

.light.btn-success g [fill] {

    fill: #68cf29;

}

[data-theme-version="dark"] .light.btn-success {

    background-color: rgba(104, 207, 41, 0.1);

    border-color: transparent;

}

.light.btn-success:hover {

    background-color: #68cf29;

    border-color: #68cf29;

    color: #fff;

}

.light.btn-success:hover g [fill] {

    fill: #fff;

}

.light.btn-info {

    background-color: #e2f0fd;

    border-color: #e2f0fd;

    color: #51a6f5;

}

.light.btn-info g [fill] {

    fill: #51a6f5;

}

[data-theme-version="dark"] .light.btn-info {

    background-color: rgba(81, 166, 245, 0.1);

    border-color: transparent;

}

.light.btn-info:hover {

    background-color: #51a6f5;

    border-color: #51a6f5;

    color: #fff;

}

.light.btn-info:hover g [fill] {

    fill: #fff;

}

.light.btn-primary {

    background-color: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

    color: var(--primary);

}

.light.btn-primary g [fill] {

    fill: var(--primary);

}

[data-theme-version="dark"] .light.btn-primary {

    background-color: var(--rgba-primary-1);

    border-color: transparent;

    color: #fff;

}

.light.btn-primary:hover {

    background-color: var(--primary);

    border-color: var(--primary);

    color: #fff;

}

.light.btn-primary:hover g [fill] {

    fill: #fff;

}

.light.btn-primary:hover svg path {

    stroke: #fff;

}

.light.btn-secondary {

    background-color: #dec8f8;

    border-color: #dec8f8;

    color: #036111;

}

.light.btn-secondary g [fill] {

    fill: #036111;

}

[data-theme-version="dark"] .light.btn-secondary {

    background-color: rgba(100, 24, 195, 0.5);

    border-color: transparent;

    color: #fff;

}

.light.btn-secondary:hover {

    background-color: #036111;

    border-color: #036111;

    color: #fff;

}

.light.btn-secondary:hover g [fill] {

    fill: #fff;

}

.light.btn-warning {

    background-color: #fff0da;

    border-color: #fff0da;

    color: #ffab2d;

}

.light.btn-warning g [fill] {

    fill: #ffab2d;

}

[data-theme-version="dark"] .light.btn-warning {

    background-color: rgba(255, 171, 45, 0.1);

    border-color: transparent;

}

.light.btn-warning:hover {

    background-color: #ffab2d;

    border-color: #ffab2d;

    color: #fff;

}

.light.btn-warning:hover g [fill] {

    fill: #fff;

}

.light.btn-danger {

    background-color: #ffefee;

    border-color: #ffefee;

    color: #ff4c41;

}

.light.btn-danger g [fill] {

    fill: #ff4c41;

}

[data-theme-version="dark"] .light.btn-danger {

    background-color: rgba(255, 76, 65, 0.1);

    border-color: transparent;

}

.light.btn-danger:hover {

    background-color: #ff4c41;

    border-color: #ff4c41;

    color: #fff;

}

.light.btn-danger:hover g [fill] {

    fill: #fff;

}

.light.btn-dark {

    background-color: #eeeeee;

    border-color: #eeeeee;

    color: #6e6e6e;

}

.light.btn-dark g [fill] {

    fill: #6e6e6e;

}

[data-theme-version="dark"] .light.btn-dark {

    background-color: rgba(110, 110, 110, 0.35);

    border-color: transparent;

    color: #fff;

}

.light.btn-dark:hover {

    background-color: #6e6e6e;

    border-color: #6e6e6e;

    color: #fff;

}

.light.btn-dark:hover g [fill] {

    fill: #fff;

}



.btn.tp-btn {

    background-color: transparent;

    border-color: transparent;

}

.btn.tp-btn.btn-default {

    background: #adb6c7;

}

.btn.tp-btn.btn-success {

    color: #68cf29;

}

.btn.tp-btn.btn-success g [fill] {

    fill: #68cf29;

}

.btn.tp-btn.btn-success:hover {

    background-color: #68cf29;

    border-color: #68cf29;

    color: #fff;

}

.btn.tp-btn.btn-success:hover g [fill] {

    fill: #fff;

}

.btn.tp-btn.btn-info {

    color: #51a6f5;

}

.btn.tp-btn.btn-info g [fill] {

    fill: #51a6f5;

}

.btn.tp-btn.btn-info:hover {

    background-color: #51a6f5;

    border-color: #51a6f5;

    color: #fff;

}

.btn.tp-btn.btn-info:hover g [fill] {

    fill: #fff;

}

.btn.tp-btn.btn-primary {

    color: var(--primary);

}

.btn.tp-btn.btn-primary g [fill] {

    fill: var(--primary);

}

.btn.tp-btn.btn-primary:hover {

    background-color: var(--primary);

    border-color: var(--primary);

    color: #fff;

}

.btn.tp-btn.btn-primary:hover g [fill] {

    fill: #fff;

}

.btn.tp-btn.btn-secondary {

    color: #036111;

}

.btn.tp-btn.btn-secondary g [fill] {

    fill: #036111;

}

.btn.tp-btn.btn-secondary:hover {

    background-color: #036111;

    border-color: #036111;

    color: #fff;

}

.btn.tp-btn.btn-secondary:hover g [fill] {

    fill: #fff;

}

.btn.tp-btn.btn-warning {

    color: #ffab2d;

}

.btn.tp-btn.btn-warning g [fill] {

    fill: #ffab2d;

}

.btn.tp-btn.btn-warning:hover {

    background-color: #ffab2d;

    border-color: #ffab2d;

    color: #fff;

}

.btn.tp-btn.btn-warning:hover g [fill] {

    fill: #fff;

}

.btn.tp-btn.btn-danger {

    color: #ff4c41;

}

.btn.tp-btn.btn-danger g [fill] {

    fill: #ff4c41;

}

.btn.tp-btn.btn-danger:hover {

    background-color: #ff4c41;

    border-color: #ff4c41;

    color: #fff;

}

.btn.tp-btn.btn-danger:hover g [fill] {

    fill: #fff;

}

.btn.tp-btn.btn-light {

    color: #6e6e6e;

}

.btn.tp-btn.btn-light g [fill] {

    fill: #6e6e6e;

}

.btn.tp-btn.btn-light:hover {

    background-color: #f7f7f7;

    border-color: #f7f7f7;

    color: #6e6e6e;

}

.btn.tp-btn.btn-light:hover g [fill] {

    fill: #fff;

}

.btn.tp-btn.btn-dark {

    color: #6e6e6e;

}

.btn.tp-btn.btn-dark g [fill] {

    fill: #6e6e6e;

}

.btn.tp-btn.btn-dark:hover {

    background-color: #6e6e6e;

    border-color: #6e6e6e;

    color: #fff;

}

.btn.tp-btn.btn-dark:hover g [fill] {

    fill: #fff;

}



.btn.tp-btn-light {

    background-color: transparent;

    border-color: transparent;

}

.btn.tp-btn-light.btn-success {

    color: #68cf29;

}

.btn.tp-btn-light.btn-success g [fill] {

    fill: #68cf29;

}

.btn.tp-btn-light.btn-success:hover {

    background-color: #ecfae4;

    border-color: #ecfae4;

    color: #68cf29;

}

.btn.tp-btn-light.btn-success:hover g [fill] {

    fill: #68cf29;

}

.btn.tp-btn-light.btn-info {

    color: #51a6f5;

}

.btn.tp-btn-light.btn-info g [fill] {

    fill: #51a6f5;

}

.btn.tp-btn-light.btn-info:hover {

    background-color: #e2f0fd;

    border-color: #e2f0fd;

    color: #51a6f5;

}

.btn.tp-btn-light.btn-info:hover g [fill] {

    fill: #51a6f5;

}

.btn.tp-btn-light.btn-primary {

    color: var(--primary);

}

.btn.tp-btn-light.btn-primary g [fill] {

    fill: var(--primary);

}

.btn.tp-btn-light.btn-primary:hover {

    background-color: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

    color: var(--primary);

}

.btn.tp-btn-light.btn-primary:hover g [fill] {

    fill: var(--primary);

}

.btn.tp-btn-light.btn-primary:hover svg path {

    fill: #fff;

}

.btn.tp-btn-light.btn-secondary {

    color: #036111;

}

.btn.tp-btn-light.btn-secondary g [fill] {

    fill: #036111;

}

.btn.tp-btn-light.btn-secondary:hover {

    background-color: #dec8f8;

    border-color: #dec8f8;

    color: #036111;

}

.btn.tp-btn-light.btn-secondary:hover g [fill] {

    fill: #036111;

}

.btn.tp-btn-light.btn-warning {

    color: #ffab2d;

}

.btn.tp-btn-light.btn-warning g [fill] {

    fill: #ffab2d;

}

.btn.tp-btn-light.btn-warning:hover {

    background-color: #fff0da;

    border-color: #fff0da;

    color: #ffab2d;

}

.btn.tp-btn-light.btn-warning:hover g [fill] {

    fill: #ffab2d;

}

.btn.tp-btn-light.btn-danger {

    color: #ff4c41;

}

.btn.tp-btn-light.btn-danger g [fill] {

    fill: #ff4c41;

}

.btn.tp-btn-light.btn-danger:hover {

    background-color: #ffefee;

    border-color: #ffefee;

    color: #ff4c41;

}

.btn.tp-btn-light.btn-danger:hover g [fill] {

    fill: #fff;

}

.btn.tp-btn-light.btn-dark {

    color: #6e6e6e;

}

.btn.tp-btn-light.btn-dark g [fill] {

    fill: #6e6e6e;

}

.btn.tp-btn-light.btn-dark:hover {

    background-color: #eeeeee;

    border-color: #eeeeee;

    color: #6e6e6e;

}

.btn.tp-btn-light.btn-dark:hover g [fill] {

    fill: #fff;

}



.shadow.btn-primary {

    -webkit-box-shadow: 0 5px 15px 0 var(--rgba-primary-2) !important;

    box-shadow: 0 5px 15px 0 var(--rgba-primary-2) !important;

}



.shadow.btn-secondary {

    -webkit-box-shadow: 0 5px 15px 0 rgba(100, 24, 195, 0.2) !important;

    box-shadow: 0 5px 15px 0 rgba(100, 24, 195, 0.2) !important;

}



.shadow.btn-warning {

    -webkit-box-shadow: 0 5px 15px 0 rgba(255, 171, 45, 0.2) !important;

    box-shadow: 0 5px 15px 0 rgba(255, 171, 45, 0.2) !important;

}



.shadow.btn-danger {

    -webkit-box-shadow: 0 5px 15px 0 rgba(255, 76, 65, 0.2) !important;

    box-shadow: 0 5px 15px 0 rgba(255, 76, 65, 0.2) !important;

}



.shadow.btn-info {

    -webkit-box-shadow: 0 5px 15px 0 rgba(81, 166, 245, 0.2) !important;

    box-shadow: 0 5px 15px 0 rgba(81, 166, 245, 0.2) !important;

}



.shadow.btn-success {

    -webkit-box-shadow: 0 5px 15px 0 rgba(104, 207, 41, 0.2) !important;

    box-shadow: 0 5px 15px 0 rgba(104, 207, 41, 0.2) !important;

}



.btn-xxs {

    padding: 0.25rem 0.5rem;

    font-size: 11px;

    line-height: 1.3;

}



.btn-xs {

    font-size: 0.75rem;

    padding: 0.35rem 0.7rem;

    font-weight: 600;

}



.btn-sm,

.btn-group-sm > .btn {

    font-size: 0.813rem !important;

    padding: 0.4rem 0.8rem;

}



.btn-md {

    font-size: 0.813rem !important;

    padding: 0.65rem 1.25rem;

}



.btn-lg,

.btn-group-lg > .btn {

    padding: 0.7rem 1.5em;

    font-size: 1rem !important;

}

@media only screen and (max-width: 575px) {

    .btn-lg,

    .btn-group-lg > .btn {

        padding: 0.75rem 1.25rem;

    }

}



.btn-xl {

    padding: 0.6rem 1rem;

}

.btn-xl.btn-default {

    font-weight: 600;

}



.btn-square {

    border-radius: 0;

}



.btn-rounded {

    border-radius: 40px !important;

}



.btn-icon-right {

    border-left: 1px solid white;

    display: inline-block;

    margin: -0.8rem 0 -0.8rem 1rem;

    padding: 0.4375rem 0 0.4375rem 1rem;

    margin: -1rem -0.25rem -1rem 1rem;

    padding: 0.6rem 0 0.6rem 0.7rem;

}

@media only screen and (max-width: 1400px) {

    .btn-icon-right {

        padding: 1rem 0 1rem 0.6rem;

    }

}



.btn-icon-left {

    background: #fff;

    border-radius: 10rem;

    display: inline-block;

    margin: -0.5rem 0.3rem -0.5rem -0.8rem;

    padding: 0.5rem 0.8rem 0.5rem;

    float: left;

}

@media only screen and (max-width: 1400px) {

    .btn-icon-left {

        margin: -0.5rem 0.75rem -0.5rem -0.88rem;

    }

}



[direction="rtl"] .btn-icon-left {

    margin: -0.5rem 0.5rem -0.5rem -1rem;

}

@media only screen and (max-width: 1400px) {

    [direction="rtl"] .btn-icon-left {

        margin: -0.5rem 0.75rem -0.5rem -0.88rem;

    }

}

[direction="rtl"] .btn-icon-right {

    border-left: 0px solid white;

    display: inline-block;

    margin: -0.8rem 1rem -0.8rem 0;

    padding: 0.4375rem 1rem 0.4375rem 0;

    border-right: 1px solid white;

}



.toggle-dropdown::after {

    margin-left: 0.755em;

}



.social-btn-icon .btn {

    min-width: 7.5rem;

    margin-bottom: 1.5rem;

}



.social-icon .btn {

    padding: 0.7rem 1.4rem;

}



.btn-circle {

    height: 5rem;

    width: 5rem;

    border-radius: 50% !important;

}

.btn-circle-sm {

    width: 4.5rem;

    height: 4.5rem;

    font-size: 1.8rem;

}

.btn-circle-md {

    width: 6rem;

    height: 6rem;

    font-size: 2.5rem;

}

.btn-circle-md i {

    font-size: 2.4rem;

}

.btn-circle-lg {

    width: 8rem;

    height: 8rem;

    font-size: 3.2rem;

}

.btn-circle-lg i {

    font-size: 3.1rem;

}



.btn-page .btn {

    min-width: 110px;

    margin-right: 4px;

    margin-bottom: 8px;

}



.size-1 {

    min-width: 160px !important;

    font-size: 24px;

    padding: 0.68rem 0.75rem;

}



.size-2 {

    font-size: 20px;

    min-width: 130px !important;

    padding: 0.57rem 0.75rem;

}



.size-3 {

    font-size: 14px;

    min-width: 110px !important;

    padding: 0.536rem 0.75rem;

}



.size-4 {

    font-size: 14px;

    min-width: 100px !important;

}



.size-5 {

    font-size: 14px;

    min-width: 90px !important;

    padding: 0.22rem 0.75rem;

}



.size-6 {

    font-size: 13px;

    min-width: 80px !important;

    padding: 0.097rem 0.75rem;

}



.size-7 {

    font-size: 12px;

    min-width: 60px !important;

    padding: 0.001rem 0.75rem;

}



.btn-light {

    background: #f7f7f7;

    border-color: #f7f7f7;

    color: #000;

}

.btn-light:active,

.btn-light:focus,

.btn-light:hover {

    background: white;

    color: #6e6e6e;

    border-color: white;

}



.btn-outline-light {

    color: #6e6e6e;

}

[data-theme-version="dark"] .btn-outline-light {

    color: #7e7e7e;

}



[data-theme-version="dark"] .btn-outline-secondary {

    color: #7e7e7e;

}



[data-theme-version="dark"] .btn-outline-dark {

    color: #7e7e7e;

}



.btn-dark {

    background: #6e6e6e;

    border-color: #6e6e6e;

    color: #fff;

}

.btn-dark:active,

.btn-dark:focus,

.btn-dark:hover {

    background: #555555;

    color: #fff;

    border-color: #555555;

}



.btn-group.btn-rounded .btn:first-child {

    border-top-left-radius: 30px;

    border-bottom-left-radius: 30px;

}

.btn-group.btn-rounded .btn:last-child {

    border-top-right-radius: 30px;

    border-bottom-right-radius: 30px;

}



.btn-facebook {

    background: #3b5998;

    border-color: #3b5998;

    color: #fff;

}

.btn-facebook:active,

.btn-facebook:focus,

.btn-facebook:hover {

    background: #2d4373;

    color: #fff;

    border-color: #2d4373;

}



.btn-twitter {

    background: #1da1f2;

    border-color: #1da1f2;

    color: #fff;

}

.btn-twitter:active,

.btn-twitter:focus,

.btn-twitter:hover {

    background: #0c85d0;

    color: #fff;

    border-color: #0c85d0;

}



.btn-youtube {

    background: #ff0000;

    border-color: #ff0000;

    color: #fff;

}

.btn-youtube:active,

.btn-youtube:focus,

.btn-youtube:hover {

    background: #cc0000;

    color: #fff;

    border-color: #cc0000;

}



.btn-instagram {

    background: #c32aa3;

    border-color: #c32aa3;

    color: #fff;

}

.btn-instagram:active,

.btn-instagram:focus,

.btn-instagram:hover {

    background: #992180;

    color: #fff;

    border-color: #992180;

}



.btn-pinterest {

    background: #bd081c;

    border-color: #bd081c;

    color: #fff;

}

.btn-pinterest:active,

.btn-pinterest:focus,

.btn-pinterest:hover {

    background: #8c0615;

    color: #fff;

    border-color: #8c0615;

}



.btn-linkedin {

    background: #007bb6;

    border-color: #007bb6;

    color: #fff;

}

.btn-linkedin:active,

.btn-linkedin:focus,

.btn-linkedin:hover {

    background: #005983;

    color: #fff;

    border-color: #005983;

}



.btn-google-plus {

    background: #db4439;

    border-color: #db4439;

    color: #fff;

}

.btn-google-plus:active,

.btn-google-plus:focus,

.btn-google-plus:hover {

    background: #be2d23;

    color: #fff;

    border-color: #be2d23;

}



.btn-google {

    background: #4285f4;

    border-color: #4285f4;

    color: #fff;

}

.btn-google:active,

.btn-google:focus,

.btn-google:hover {

    background: #1266f1;

    color: #fff;

    border-color: #1266f1;

}



.btn-snapchat {

    background: #fffc00;

    border-color: #fffc00;

    color: #000;

}

.btn-snapchat:active,

.btn-snapchat:focus,

.btn-snapchat:hover {

    background: #ccca00;

    color: #000;

    border-color: #ccca00;

}



.btn-whatsapp {

    background: #25d366;

    border-color: #25d366;

    color: #fff;

}

.btn-whatsapp:active,

.btn-whatsapp:focus,

.btn-whatsapp:hover {

    background: #1da851;

    color: #fff;

    border-color: #1da851;

}



.btn-tumblr {

    background: #35465d;

    border-color: #35465d;

    color: #fff;

}

.btn-tumblr:active,

.btn-tumblr:focus,

.btn-tumblr:hover {

    background: #222e3d;

    color: #fff;

    border-color: #222e3d;

}



.btn-reddit {

    background: #ff4500;

    border-color: #ff4500;

    color: #fff;

}

.btn-reddit:active,

.btn-reddit:focus,

.btn-reddit:hover {

    background: #cc3700;

    color: #fff;

    border-color: #cc3700;

}



.btn-spotify {

    background: #1ed760;

    border-color: #1ed760;

    color: #fff;

}

.btn-spotify:active,

.btn-spotify:focus,

.btn-spotify:hover {

    background: #18aa4c;

    color: #fff;

    border-color: #18aa4c;

}



.btn-yahoo {

    background: #430297;

    border-color: #430297;

    color: #fff;

}

.btn-yahoo:active,

.btn-yahoo:focus,

.btn-yahoo:hover {

    background: #2d0165;

    color: #fff;

    border-color: #2d0165;

}



.btn-dribbble {

    background: #ea4c89;

    border-color: #ea4c89;

    color: #fff;

}

.btn-dribbble:active,

.btn-dribbble:focus,

.btn-dribbble:hover {

    background: #e51e6b;

    color: #fff;

    border-color: #e51e6b;

}



.btn-skype {

    background: #00aff0;

    border-color: #00aff0;

    color: #fff;

}

.btn-skype:active,

.btn-skype:focus,

.btn-skype:hover {

    background: #008abd;

    color: #fff;

    border-color: #008abd;

}



.btn-quora {

    background: #aa2200;

    border-color: #aa2200;

    color: #fff;

}

.btn-quora:active,

.btn-quora:focus,

.btn-quora:hover {

    background: #771800;

    color: #fff;

    border-color: #771800;

}



.btn-vimeo {

    background: #1ab7ea;

    border-color: #1ab7ea;

    color: #fff;

}

.btn-vimeo:active,

.btn-vimeo:focus,

.btn-vimeo:hover {

    background: #1295bf;

    color: #fff;

    border-color: #1295bf;

}



.card {

    margin-bottom: 1.875rem;

    background-color: #fff;

    transition: all 0.5s ease-in-out;

    position: relative;

    border: 0px solid transparent;

    border-radius: 0.35rem;

    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);

    height: calc(100% - 30px);

}

@media only screen and (max-width: 575px) {

    .card {

        margin-bottom: 0.938rem;

        height: calc(100% - 0.938rem);

    }

}

.card-body {

    padding: 1.875rem;

}

@media only screen and (max-width: 575px) {

    .card-body {

        padding: 1rem;

    }

}

.card-title {

    font-size: 20px;

    font-weight: 500;

    color: #000;

    text-transform: capitalize;

}

.card-title--large {

    font-size: 1.5rem;

}

.card-title--medium {

    font-size: 1rem;

}

.card-title--small {

    font-size: 0.875rem;

}

.card-header {

    border-color: #eeeeee;

    position: relative;

    background: transparent;

    padding: 1.5rem 1.875rem 1.25rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

@media only screen and (max-width: 575px) {

    .card-header {

        padding: 1.25rem 1rem 1.25rem;

    }

}

[data-theme-version="dark"] .card-header {

    border-color: #473f72;

}

.card-header .card-title {

    margin-bottom: 0px;

}

.card-header .subtitle {

    padding-top: 5px;

    font-size: 14px;

    line-height: 1.5;

}

.card-footer {

    border-color: #eeeeee;

    background: transparent;

    padding: 1.25rem 1.875rem 1.25rem;

}

[data-theme-version="dark"] .card-footer {

    border-color: #473f72;

}



.transparent-card.card {

    background: transparent;

    border: 1px solid transparent;

    box-shadow: none;

}



.card-action > a {

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border-radius: 5px;

    border-color: transparent;

    text-align: center;

    background: var(--primary-dark);

    color: #fff;

    margin-right: 8px;

}

[data-theme-version="dark"] .card-action > a {

    background: #2c254a;

}

.card-action > a:last-child {

    margin-right: 0;

}

.card-action > a:hover,

.card-action > a:focus {

    background: var(--primary-dark);

}

[data-theme-version="dark"] .card-action > a:hover,

[data-theme-version="dark"] .card-action > a:focus {

    background: #2c254a;

}

.card-action > a i,

.card-action > a span {

    font-size: 1rem;

}

.card-action .dropdown {

    width: 30px;

    height: 30px;

    border-radius: 5px;

    border-color: transparent;

    text-align: center;

    margin-right: 8px;

    top: -2px;

    position: relative;

    display: inline-block;

    background: var(--primary-dark);

    color: var(--primary);

}

[data-theme-version="dark"] .card-action .dropdown {

    background: #2c254a;

}

.card-action .dropdown:hover,

.card-action .dropdown:focus {

    background: var(--primary-dark);

}

[data-theme-version="dark"] .card-action .dropdown:hover,

[data-theme-version="dark"] .card-action .dropdown:focus {

    background: #2c254a;

}

.card-action .dropdown .btn {

    padding: 0;

    line-height: 27px;

    color: #fff;

}

.card-action .dropdown .btn:focus {

    box-shadow: none;

}



.card-fullscreen {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99999999;

    overflow: auto;

}



.card-loader {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: rgba(0, 0, 0, 0.75);

    z-index: 999;

}



.card-loader i {

    margin: 0 auto;

    background: var(--primary-dark);

    padding: 10px;

    border-radius: 50%;

    color: #fff;

    font-size: 1rem;

}



.rotate-refresh {

    -webkit-animation: mymove 0.8s infinite linear;

    animation: mymove 0.8s infinite linear;

    display: inline-block;

}



.card-header .date_picker {

    display: inline-block;

    padding: 8px;

    border: 1px solid #eeeeee;

    cursor: pointer;

    border-radius: 0.375rem;

}

.card-header .border-0 {

    padding-bottom: 0;

}



@-webkit-keyframes mymove {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes mymove {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

.carousel-custom-prev,

.carousel-custom-next {

    width: 2.5rem;

    height: 2.5rem;

    line-height: 2.5rem;

    display: inline-block;

    border-radius: 50%;

    background: #fff;

    text-align: center;

}

.carousel-custom-prev i,

.carousel-custom-next i {

    font-size: 1rem;

}

.carousel-custom-prev:hover,

.carousel-custom-next:hover {

    background: linear-gradient(

        to right,

        rgba(245, 60, 121, 0.99) 0%,

        rgba(246, 104, 47, 0.99) 100%

    );

    color: #fff;

}

.carousel-custom-next {

    position: absolute;

    top: 50%;

    right: 30px;

    transform: translateY(-50%);

}

.carousel-custom-prev {

    position: absolute;

    top: 50%;

    left: 30px;

    transform: translateY(-50%);

}



.carousel-caption {

    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.78);

    z-index: 1;

}

.carousel-caption h5 {

    color: #fff;

    font-size: 1.8rem;

}

.carousel-caption p {

    margin-bottom: 0;

}

.carousel-caption:after {

    position: absolute;

    z-index: -1;

    top: 0;

    content: "";

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0.6);

}



.dropdown-toggle:focus {

    box-shadow: none !important;

}



.dropdown-outline {

    border: 0.1rem solid var(--primary);

}



.dropdown-menu {

    font-size: inherit;

    border: 1px solid #eeeeee;

    border-radius: 0.35rem;

    z-index: 6;

    box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);

    margin-top: 0;

}

.dropdown-menu .dropdown-item {

    font-size: 16px;

    color: #7e7e7e;

    padding: 0.5rem 1.75rem;

}

@media only screen and (max-width: 1400px) {

    .dropdown-menu .dropdown-item {

        padding: 0.375rem 1rem;

        font-size: 14px;

    }

}

.dropdown-menu .dropdown-item:hover,

.dropdown-menu .dropdown-item:focus,

.dropdown-menu .dropdown-item:active,

.dropdown-menu .dropdown-item.active {

    color: #514e5f;

}

.dropdown-menu .dropdown-item.active,

.dropdown-menu .dropdown-item:active {

    color: var(--primary);

    background: var(--rgba-primary-1);

}

[direction="rtl"] .dropdown-menu {

    right: auto !important;

}



.dropdown-toggle-split {

    padding: 0 10px;

    opacity: 0.85;

}

.dropdown-toggle-split:after {

    margin-left: 0 !important;

}

.dropdown-toggle-split:active,

.dropdown-toggle-split:focus,

.dropdown-toggle-split:hover {

    opacity: 1;

}



.dropleft .dropdown-toggle:before,

.dropright .dropdown-toggle:before,

.dropup .dropdown-toggle:after,

.dropdown-toggle:after {

    content: "\f107";

    font-family: FontAwesome;

    border: 0;

    vertical-align: middle;

    margin-left: 0.25em;

    line-height: 1;

}



.dropup .dropdown-toggle:after {

    content: "\f106";

}



.dropleft .dropdown-toggle::before {

    content: "\f104";

}



.dropright .dropdown-toggle::before {

    content: "\f105";

}



.dropright .dropdown-toggle::after {

    content: none;

}



.custom-dropdown {

    display: inline-block;

    margin-bottom: 1rem;

}

.custom-dropdown .dropdown-menu {

    border: 0px;

    min-width: 160px;

}



.card-action .custom-dropdown {

    margin: 0px;

    background: var(--rgba-primary-3);

}

.card-action .custom-dropdown.show,

.card-action .custom-dropdown:focus,

.card-action .custom-dropdown:hover {

    background: var(--primary);

    color: #fff;

}

.card-action .custom-dropdown i {

    display: inline-block;

    padding-top: 9px;

}



.dropdown .dropdown-dots {

    position: relative;

    height: 5px;

    width: 5px;

    background: rgba(110, 110, 110, 0.4);

    border-radius: 5px;

    display: block;

}

.dropdown .dropdown-dots:after,

.dropdown .dropdown-dots:before {

    content: "";

    height: 5px;

    width: 5px;

    background: rgba(110, 110, 110, 0.4);

    position: absolute;

    border-radius: 5px;

}

.dropdown .dropdown-dots:after {

    right: -8px;

}

.dropdown .dropdown-dots:before {

    left: -8px;

}

.dropdown .dropdown-dots.text-white {

    background: rgba(255, 255, 255, 0.7);

}

.dropdown .dropdown-dots.text-white:after,

.dropdown .dropdown-dots.text-white:before {

    background: rgba(255, 255, 255, 0.7);

}



.grid-col {

    padding: 0.5rem !important;

    background: #f2f4fa;

}



.row.grid {

    margin-bottom: 1.5rem;

    text-align: center;

}



.row.grid .grid-col:first-child {

    text-align: left;

}



.label {

    display: inline-block;

    text-align: center;

    font-size: 0.75rem;

    padding: 0.2rem 0.8rem;

}

.label-fixed {

    width: 7.5rem;

    padding: 0.6rem 0;

}

.label-fixed-lg {

    width: 9.5rem;

    padding: 0.6rem 0;

}

.label-big {

    width: 16.8rem;

    font-size: 1.4rem;

    padding: 1.1rem 0;

}

.label-xl {

    width: 10.5rem;

    padding: 1.1rem 0;

    font-size: 1.5rem;

}

.label-lg {

    width: 9.5rem;

    padding: 1.1rem 0;

}

.label-md {

    width: 8.5rem;

    padding: 1.1rem 0;

}

.label-sm {

    width: 7.5rem;

    padding: 1.1rem 0;

}



.label-default {

    background: #adb6c7;

}



.label-primary {

    background: var(--primary);

    color: #fff;

}



.label-secondary {

    background: #036111;

    color: #fff;

}



.label-info {

    background: #51a6f5;

    color: #fff;

}



.label-success {

    background: #68cf29;

    color: #fff;

}



.label-warning {

    background: #ffab2d;

    color: #fff;

}



.label-danger {

    background: #ff4c41;

    color: #fff;

}



.label-light {

    background: #f7f7f7;

    color: #000;

}



.label-dark {

    background: #6e6e6e;

    color: #fff;

}



code {

    word-break: break-word;

    padding: 2px 5px;

    border-radius: 3px;

    background: #ffebe9;

    color: #ff4c41;

}

[data-theme-version="dark"] code {

    background: rgba(255, 76, 65, 0.1);

}



.heading-labels {

    color: #333333;

}

.heading-labels > * {

    margin-bottom: 0.8rem;

}

.heading-labels h1 .label {

    font-size: 18px;

    font-weight: normal;

    padding: 0.4rem 0.9rem;

}

.heading-labels h2 .label {

    font-size: 16px;

    font-weight: normal;

    padding: 0.3rem 0.9rem;

}

.heading-labels h3 .label {

    font-size: 14px;

    font-weight: normal;

}

.heading-labels h4 .label {

    font-size: 12px;

    font-weight: normal;

}

.heading-labels h5 .label {

    font-size: 12px;

    font-weight: normal;

}

.heading-labels h6 .label {

    font-size: 12px;

    font-weight: normal;

}



.list-group-item {

    background-color: rgba(255, 255, 255, 0);

    border: 1px solid #eeeeee;

    padding: 1rem 1.5rem;

}

[data-theme-version="dark"] .list-group-item {

    border-color: #473f72;

}



.list-group-item.disabled,

.list-group-item:disabled {

    color: #fff;

    background-color: #036111;

    border-color: #036111;

}



[class*="bg-"] .list-group-item {

    border-color: rgba(255, 255, 255, 0.05);

}



.bg-warning .list-group-item {

    border-color: rgba(0, 0, 0, 0.05);

}



.media img {

    border-radius: 3px;

}

.media.style-1 .img-fluid,

.media.style-1 .icon-name {

    height: 3.125rem;

    width: 3.125rem;

    line-height: 3.125rem;

    text-align: center;

    min-width: 3.125rem;

    font-weight: 600;

    font-size: 1.25rem;

    text-transform: capitalize;

    border-radius: 0.35rem;

}



.vertical-card__menu:hover {

    box-shadow: none;

}

.vertical-card__menu--image {

    text-align: center;

}

.vertical-card__menu--image img {

    width: 100%;

    border-top-left-radius: 0.25rem;

    border-top-right-radius: 0.25rem;

}

.vertical-card__menu--status.closed {

    background: #ff4c41;

}

.vertical-card__menu--status.closed:after {

    border-top: 10px solid #ff4c41;

}

.vertical-card__menu--status.closed .ribbon-curve {

    border-top: 11px solid #ff4c41;

    border-bottom: 10px solid #ff4c41;

}

.vertical-card__menu--desc p {

    margin-bottom: 0.625rem;

}

.vertical-card__menu--price {

    font-size: 1.25rem;

    margin: 0;

    font-weight: 700;

}

.vertical-card__menu--rating {

    font-size: 0.75rem;

}

.vertical-card__menu--title {

    font-weight: 700;

}

.vertical-card__menu--button button {

    font-size: 0.75rem;

}

.vertical-card__menu .card-footer {

    padding: 15px 20px;

    background-color: #eeeeee;

    border-top: none;

}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {

    .vertical-card__menu .card-footer {

        padding: 15px;

    }

}

.vertical-card__menu .card-footer span {

    color: #6e6e6e;

    margin-right: 0.3125rem;

}



.horizontal-card__menu {

    box-shadow: 0 0 7px rgba(173, 173, 173, 0.32);

    display: flex;

    flex-direction: row;

}

@media (max-width: 575.98px) {

    .horizontal-card__menu {

        display: block;

    }

}

.horizontal-card__menu .card-body {

    padding: 0;

    padding: 20px 30px;

}

.horizontal-card__menu--image {

    flex-basis: 30%;

    max-width: 30%;

}

.horizontal-card__menu--image img {

    height: 100%;

    width: 100%;

}

@media (max-width: 575.98px) {

    .horizontal-card__menu--image {

        max-width: unset;

        flex-basis: 100%;

    }

}

.horizontal-card__menu--title {

    font-size: 1rem;

    font-weight: 700;

    margin-bottom: 0.3125rem;

}

.horizontal-card__menu--fav {

    margin-right: 0.5rem;

}

.horizontal-card__menu--price {

    margin: 0;

    font-size: 1rem;

    font-weight: 700;

}

.horizontal-card__menu--rating {

    font-size: 0.625rem;

}

.horizontal-card__menu--footer {

    margin-top: 10px;

}



.prev_price {

    text-decoration: line-through;

    font-size: 80%;

    opacity: 0.5;

}



.modal-header {

    padding: 1rem 1.875rem;

}

.modal-header .close {

    padding: 0.875rem 1.815rem;

    margin: 0;

    position: absolute;

    right: 0;

    float: none;

    top: 0;

    font-size: 30px;

    font-weight: 100;

}



.modal-body {

    padding: 1.875rem;

}



.modal-footer {

    padding: 1rem 1.875rem;

}



.modal-content {

    border-radius: 0.35rem;

}



.modal-backdrop {

    z-index: 10 !important;

}



.pagination .page-item .page-link:hover {

    background: var(--primary);

    border-color: var(--primary);

    color: #fff;

}

.pagination .page-item.active .page-link {

    background: var(--primary);

    border-color: var(--primary);

    color: #fff;

}



.pagination {

    margin-bottom: 20px;

}

.pagination .page-item.page-indicator .page-link {

    padding: 0.65rem 0.8rem;

    font-size: 14px;

}

.pagination .page-item.page-indicator:hover .page-link {

    color: #6e6e6e;

}

.pagination .page-item .page-link {

    text-align: center;

    padding: 0.55rem 1rem;

    font-size: 1rem;

    background: rgba(255, 255, 255, 0.15);

    color: #6e6e6e;

    border: 1px solid #eeeeee;

}

[data-theme-version="dark"] .pagination .page-item .page-link {

    border-color: #473f72;

    color: #828690;

    background: rgba(255, 255, 255, 0);

}

.pagination .page-item .page-link:hover i,

.pagination .page-item .page-link span {

    color: #fff;

}

.pagination .page-item .page-link:focus {

    outline: 0;

    box-shadow: none;

}

.pagination .page-item .page-link:hover {

    background: var(--primary);

    color: #fff;

    border-color: var(--primary);

}

.pagination .page-item.active .page-link {

    background-color: var(--primary);

    border-color: var(--primary);

    color: #fff;

    box-shadow: 0 10px 20px 0px var(--rgba-primary-2);

}

[data-theme-version="dark"] .pagination .page-item.active .page-link {

    color: #fff;

}

.pagination .page-item .page-link {

    color: #6e6e6e;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.pagination .page-item:last-child .page-link {

    margin-right: 0;

}

[direction="rtl"] .pagination .page-item:first-child .page-link {

    margin-right: 0;

}

.pagination.no-bg li:not(.page-indicator):not(.active) .page-link {

    background: transparent;

    border-color: transparent;

}

.pagination.no-bg.pagination-primary

    li:not(.page-indicator):not(.active):hover

    .page-link {

    background: var(--primary);

    border-color: var(--primary);

}

[data-theme-version="dark"]

    .pagination.no-bg.pagination-primary

    li:not(.page-indicator):not(.active):hover

    .page-link {

    background: var(--primary);

    border-color: var(--primary);

}

.pagination.no-bg.pagination-danger

    li:not(.page-indicator):not(.active):hover

    .page-link {

    background: #ff4c41;

    border-color: #ff4c41;

}

[data-theme-version="dark"]

    .pagination.no-bg.pagination-danger

    li:not(.page-indicator):not(.active):hover

    .page-link {

    background: #ff4c41;

    border-color: #ff4c41;

}

.pagination.no-bg.pagination-info

    li:not(.page-indicator):not(.active):hover

    .page-link {

    background: #51a6f5;

    border-color: #51a6f5;

}

[data-theme-version="dark"]

    .pagination.no-bg.pagination-info

    li:not(.page-indicator):not(.active):hover

    .page-link {

    background: #51a6f5;

    border-color: #51a6f5;

}

.pagination.no-bg.pagination-warning

    li:not(.page-indicator):not(.active):hover

    .page-link {

    background: #ffab2d;

    border-color: #ffab2d;

}

[data-theme-version="dark"]

    .pagination.no-bg.pagination-warning

    li:not(.page-indicator):not(.active):hover

    .page-link {

    background: #ffab2d;

    border-color: #ffab2d;

}

.pagination-primary .page-item .page-link {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

    color: var(--primary);

}

[data-theme-version="dark"] .pagination-primary .page-item .page-link {

    background: var(--rgba-primary-1);

    border-color: transparent;

    color: var(--primary);

}

.pagination-primary .page-item:hover .page-link,

.pagination-primary .page-item.active .page-link {

    background: var(--primary);

    border-color: var(--primary);

    box-shadow: 0 10px 20px 0px var(--rgba-primary-2);

}

[data-theme-version="dark"] .pagination-primary .page-item:hover .page-link,

[data-theme-version="dark"] .pagination-primary .page-item.active .page-link {

    color: #fff;

}

.pagination-danger .page-item .page-link {

    background: #ffefee;

    border-color: #ffefee;

    color: #ff4c41;

}

[data-theme-version="dark"] .pagination-danger .page-item .page-link {

    background: rgba(255, 76, 65, 0.1);

    border-color: transparent;

    color: #ff4c41;

}

.pagination-danger .page-item:hover .page-link,

.pagination-danger .page-item.active .page-link {

    background: #ff4c41;

    border-color: #ff4c41;

    box-shadow: 0 10px 20px 0px rgba(255, 76, 65, 0.2);

}

[data-theme-version="dark"] .pagination-danger .page-item:hover .page-link,

[data-theme-version="dark"] .pagination-danger .page-item.active .page-link {

    color: #fff;

}

.pagination-info .page-item .page-link {

    background: #e2f0fd;

    border-color: #e2f0fd;

    color: #51a6f5;

}

[data-theme-version="dark"] .pagination-info .page-item .page-link {

    background: rgba(81, 166, 245, 0.1);

    border-color: transparent;

    color: #51a6f5;

}

.pagination-info .page-item:hover .page-link,

.pagination-info .page-item.active .page-link {

    background: #51a6f5;

    border-color: #51a6f5;

    box-shadow: 0 10px 20px 0px rgba(81, 166, 245, 0.2);

}

.pagination-warning .page-item .page-link {

    background: #fff0da;

    border-color: #fff0da;

    color: #ffab2d;

}

[data-theme-version="dark"] .pagination-warning .page-item .page-link {

    background: rgba(255, 171, 45, 0.1);

    border-color: transparent;

    color: #ffab2d;

}

.pagination-warning .page-item:hover .page-link,

.pagination-warning .page-item.active .page-link {

    background: #ffab2d;

    border-color: #ffab2d;

    box-shadow: 0 10px 20px 0px rgba(255, 171, 45, 0.2);

}

.pagination-gutter .page-item {

    margin-right: 7px;

}

.pagination-gutter .page-item .page-link {

    border-radius: 0.35rem !important;

}

.pagination-circle .page-item {

    margin-right: 7px;

}

.pagination-circle .page-item .page-link,

.pagination-circle .page-item.page-indicator .page-link {

    width: 40px;

    height: 40px;

    padding: 0;

    line-height: 40px;

    border-radius: 50% !important;

    padding: 0;

}

.pagination.pagination-md .page-item .page-link {

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

}

.pagination.pagination-sm .page-item.page-indicator .page-link {

    font-size: 12px;

}

.pagination.pagination-sm .page-item .page-link {

    padding: 0;

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

}

.pagination.pagination-xs .page-item.page-indicator .page-link {

    font-size: 10px;

}

.pagination.pagination-xs .page-item .page-link {

    padding: 0;

    width: 25px;

    height: 25px;

    line-height: 25px;

    font-size: 12px;

}



.popover {

    border: 2px solid #036111;

    min-width: 210px;

    z-index: 103;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

}

[data-theme-version="dark"] .popover {

    background-color: #2c254a;

}

.popover-header {

    background: #036111;

    color: #fff;

    font-weight: 300;

}

.popover-header::before {

    border-bottom: 0 !important;

}

.popover-body {

    font-size: 0.75rem;

}

[data-theme-version="dark"] .popover .popover-header {

    border-color: #3b3363;

}

@media only screen and (max-width: 767px) {

    .popover {

        z-index: 3;

    }

}



.bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) {

    margin-right: 8px;

}

.bootstrap-popover-wrapper .bootstrap-popover {

    margin-bottom: 0.5rem;

}

.bootstrap-popover-wrapper .bootstrap-popover button:hover,

.bootstrap-popover-wrapper .bootstrap-popover button:focus {

    background: var(--primary);

    color: #fff;

    box-shadow: none;

}



.bs-popover-top .arrow::after,

.bs-popover-auto[x-placement^="top"] .arrow::after,

.bs-popover-auto[x-placement^="top"] .arrow::after {

    bottom: 0px;

    border-top-color: #036111;

}



.bs-popover-left .arrow::after,

.bs-popover-auto[x-placement^="left"] .arrow::after,

.bs-popover-auto[x-placement^="left"] .arrow::after {

    right: 0px;

    border-left-color: #036111;

}



.bs-popover-right .arrow::after,

.bs-popover-auto[x-placement^="right"] .arrow::after,

.bs-popover-auto[x-placement^="right"] .arrow::after {

    left: 0px;

    border-right-color: #036111;

}



.bs-popover-bottom .arrow::after,

.bs-popover-auto[x-placement^="bottom"] .arrow::after,

.bs-popover-auto[x-placement^="bottom"] .arrow::after {

    top: 0px;

    border-bottom-color: #036111;

}



.note-popover {

    display: none;

}



.progress-bar {

    background-color: var(--primary);

}



.progress-bar-primary {

    background-color: var(--primary);

}



.progress-bar-success {

    background-color: #68cf29;

}



.progress-bar-info {

    background-color: #51a6f5;

}



.progress-bar-danger {

    background-color: #ff4c41;

}



.progress-bar-warning {

    background-color: #ffab2d;

}



.progress-bar-pink {

    background-color: #e83e8c;

}



.progress {

    height: 6px;

    overflow: hidden;

}

[data-theme-version="dark"] .progress {

    background-color: #2c254a;

}

.progress-bar {

    border-radius: 4px;

}



.progress-vertical {

    display: inline-block;

    margin-bottom: 0;

    margin-right: 2rem;

    min-height: 17rem;

    position: relative;

}

@media (max-width: 991.98px) {

    .progress-vertical {

        margin-right: 1rem;

    }

}



.progress-vertical-bottom {

    display: inline-block;

    margin-bottom: 0;

    margin-right: 2rem;

    min-height: 17rem;

    position: relative;

    transform: rotate(180deg);

}

@media (max-width: 991.98px) {

    .progress-vertical-bottom {

        margin-right: 1rem;

    }

}



.progress-animated {

    animation-duration: 5s;

    animation-name: myanimation;

    transition: all 5s ease 0s;

}



@keyframes myanimation {

    0% {

        width: 0;

    }

}

@keyframes myanimation {

    0% {

        width: 0;

    }

}

.ribbon {

    position: absolute;

    z-index: 1;

    text-transform: uppercase;

}

.ribbon__one {

    top: 15px;

    left: -11px;

    min-height: 20px;

    min-width: 52px;

    text-align: center;

    padding: 3px 10px;

    background: #3ab54b;

    color: #fff;

    font-size: 0.625rem;

}

.ribbon__one::after {

    position: absolute;

    width: 0;

    height: 0;

    border-top: 10px solid #239132;

    border-left: 11px solid transparent;

    left: 0;

    content: "";

    bottom: -10px;

}

.ribbon__two {

    width: 50px;

    height: 50px;

    display: inline-block;

    background: #ffab2d;

    line-height: 50px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    right: 15px;

    top: 15px;

    border-radius: 3px;

}

.ribbon__three {

    left: -1.875rem;

    top: 0.875rem;

    width: 6.875rem;

    height: 1.5625rem;

    background-color: #ff4c41;

    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);

    transform: rotate(-45deg);

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

}

.ribbon__four {

    left: 8px;

    top: -8px;

    width: 110px;

    height: 50px;

    background-color: var(--primary);

    z-index: auto;

    color: #fff;

    font-size: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.ribbon__four:after {

    right: -5px;

}

.ribbon__four:before {

    left: -5px;

}

.ribbon__four:after,

.ribbon__four:before {

    z-index: -1;

    background-color: var(--rgba-primary-1);

    top: 3px;

    transform: rotate(45deg);

    content: "";

    height: 10px;

    width: 10px;

    position: absolute;

}

.ribbon__five {

    left: -1.875rem;

    top: 0.625rem;

    width: 6.875rem;

    height: 1.875rem;

    background-color: var(--primary);

    transform: rotate(-45deg);

    font-size: 0.75rem;

    color: #fff;

    padding-bottom: 0.3125rem;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1rem;

}

.ribbon__five::before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 50px 50px 50px;

    border-color: transparent transparent var(--primary) transparent;

    left: 0.25rem;

    top: -2.8125rem;

}

.ribbon__six {

    left: 0;

    top: 1.125rem;

    width: 6.875rem;

    height: 2.375rem;

    background-color: var(--primary);

    -webkit-clip-path: polygon(

        0 0,

        100% 0%,

        100% 0,

        85% 50%,

        100% 100%,

        100% 100%,

        0 100%

    );

    clip-path: polygon(

        0 0,

        100% 0%,

        100% 0,

        85% 50%,

        100% 100%,

        100% 100%,

        0 100%

    );

    display: flex;

    font-size: 1.25rem;

    align-items: center;

    justify-content: center;

    color: #fff;

}

.ribbon-curve {

    position: absolute;

    top: 0;

    right: -6px;

    width: 10px;

    height: 11px;

    border-top: 11px solid #3ab54b;

    border-bottom: 10px solid #3ab54b;

    border-right: 5px solid transparent;

}



.jsgrid-grid-body::-webkit-scrollbar,

.dataTables_scrollBody::-webkit-scrollbar,

.table-responsive::-webkit-scrollbar {

    background-color: #f5f5f5;

    width: 8px;

    height: 8px;

}

.jsgrid-grid-body::-webkit-scrollbar-track,

.dataTables_scrollBody::-webkit-scrollbar-track,

.table-responsive::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    border-radius: 10px;

    background-color: #f5f5f5;

}

.jsgrid-grid-body::-webkit-scrollbar-thumb,

.dataTables_scrollBody::-webkit-scrollbar-thumb,

.table-responsive::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #7e7e7e;

}



.multi-steps > li.is-active:before,

.multi-steps > li.is-active ~ li:before {

    content: counter(stepNum);

    font-family: inherit;

    font-weight: 400;

}

.multi-steps > li.is-active:after,

.multi-steps > li.is-active ~ li:after {

    background-color: #eeeeee;

}



.multi-steps {

    display: table;

    table-layout: fixed;

    width: 100%;

}

.multi-steps > li {

    counter-increment: stepNum;

    text-align: center;

    display: table-cell;

    position: relative;

    color: var(--primary);

}

@media (max-width: 575.98px) {

    .multi-steps > li {

        font-size: 0.75rem;

    }

}

.multi-steps > li:before {

    content: "\2713";

    display: block;

    margin: 0 auto 4px;

    background-color: #fff;

    width: 25px;

    height: 25px;

    line-height: 22px;

    text-align: center;

    font-weight: bold;

    position: relative;

    z-index: 1;

    border-width: 2px;

    border-style: solid;

    border-color: var(--primary);

    border-radius: 5px;

}

@media (max-width: 575.98px) {

    .multi-steps > li:before {

        width: 25px;

        height: 25px;

        line-height: 21px;

    }

}

.multi-steps > li:after {

    content: "";

    height: 2px;

    width: 100%;

    background-color: var(--primary);

    position: absolute;

    top: 12px;

    left: 50%;

}

[direction="rtl"] .multi-steps > li:after {

    left: auto;

    right: 50%;

}

@media (max-width: 575.98px) {

    .multi-steps > li:after {

        top: 12px;

    }

}

.multi-steps > li:last-child:after {

    display: none;

}

.multi-steps > li.is-active:before {

    background-color: #fff;

    border-color: var(--primary);

}

.multi-steps > li.is-active ~ li {

    color: #7e7e7e;

}

.multi-steps > li.is-active ~ li:before {

    background-color: #eeeeee;

    border-color: #eeeeee;

}



.nav-pills .nav-link {

    border-radius: 0.35rem;

    padding: 0.75rem 1.25rem;

}



.default-tab .nav-link {

    background: transparent;

    border-radius: 0px;

    font-weight: 500;

}

.default-tab .nav-link i {

    display: inline-block;

    transform: scale(1.5);

    color: var(--primary);

}

.default-tab .nav-link:focus,

.default-tab .nav-link:hover,

.default-tab .nav-link.active {

    color: #495057;

    background-color: #fff;

    border-color: #dee2e6 #dee2e6 #fff #ebeef6;

    border-radius: 0.35rem 0.35rem 0 0;

    color: var(--primary);

}

[data-theme-version="dark"] .default-tab .nav-link:focus,

[data-theme-version="dark"] .default-tab .nav-link:hover,

[data-theme-version="dark"] .default-tab .nav-link.active {

    background-color: var(--rgba-primary-1);

    border-color: transparent transparent #473f72 transparent;

}



.custom-tab-1 .nav-link {

    background: transparent;

    border-radius: 0px;

    font-weight: 500;

    border-bottom: 3px solid transparent;

    border-width: 0 0px 3px 0;

}

.custom-tab-1 .nav-link i {

    display: inline-block;

    transform: scale(1.5);

    color: var(--primary);

}

.custom-tab-1 .nav-link:focus,

.custom-tab-1 .nav-link:hover,

.custom-tab-1 .nav-link.active {

    color: #495057;

    background-color: #fff;

    border-color: var(--primary);

    border-radius: 0;

    color: var(--primary);

    border-width: 0 0px 3px 0;

}

[data-theme-version="dark"] .custom-tab-1 .nav-link:focus,

[data-theme-version="dark"] .custom-tab-1 .nav-link:hover,

[data-theme-version="dark"] .custom-tab-1 .nav-link.active {

    background-color: var(--rgba-primary-1);

}



.nav-pills.light .nav-link.active,

.nav-pills.light .show > .nav-link {

    background: var(--rgba-primary-1);

    color: var(--primary);

    box-shadow: none;

}

[data-theme-version="dark"] .nav-pills.light .nav-link.active,

[data-theme-version="dark"] .nav-pills.light .show > .nav-link {

    background: var(--rgba-primary-1);

}

.nav-pills .nav-link.active,

.nav-pills .show > .nav-link {

    box-shadow: 0 0 20px 0 var(--rgba-primary-2);

}



.tooltip-wrapper button:not(:last-child) {

    margin-right: 8px;

}

.tooltip-wrapper button:hover {

    background: var(--primary);

    color: #fff;

}

.tooltip-wrapper button {

    margin-bottom: 0.5rem;

}

.tooltip-wrapper button:focus {

    box-shadow: none;

}

.tooltip-inner {

    border-radius: 0;

    background: #333333;

    font-size: 12px;

    font-weight: 300;

    padding: 0.35rem 0.7rem;

}



.bs-tooltip-bottom .arrow::before,

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {

    border-bottom-color: #333333;

}



.bs-tooltip-right .arrow::before,

.bs-tooltip-auto[x-placement^="right"] .arrow::before,

.bs-tooltip-auto[x-placement^="right"] .arrow::before {

    border-right-color: #333333;

}



.bs-tooltip-left .arrow::before,

.bs-tooltip-auto[x-placement^="left"] .arrow::before,

.bs-tooltip-auto[x-placement^="left"] .arrow::before {

    border-left-color: #333333;

}



.bs-tooltip-top .arrow::before,

.bs-tooltip-auto[x-placement^="top"] .arrow::before,

.bs-tooltip-auto[x-placement^="top"] .arrow::before {

    border-top-color: #333333;

}



.widget-timeline .timeline {

    list-style: none;

    position: relative;

}

.widget-timeline .timeline:before {

    top: 20px;

    bottom: 0;

    position: absolute;

    content: " ";

    width: 3px;

    left: 9px;

    margin-right: -1.5px;

    background: #f7f7f7;

}

[data-theme-version="dark"] .widget-timeline .timeline:before {

    background: #473f72;

}

[direction="rtl"] .widget-timeline .timeline:before {

    left: auto;

    right: 9px;

    margin-right: auto;

    margin-left: -1.5px;

}

.widget-timeline .timeline > li {

    margin-bottom: 15px;

    position: relative;

}

.widget-timeline .timeline > li:before {

    content: " ";

    display: table;

}

.widget-timeline .timeline > li:after {

    content: " ";

    display: table;

    clear: both;

}

.widget-timeline .timeline > li > .timeline-panel {

    border-radius: 0.35rem;

    padding: 15px 20px;

    position: relative;

    display: block;

    margin-left: 40px;

    border-width: 1px;

    border-style: solid;

}

.widget-timeline .timeline > li > .timeline-panel span {

    font-size: 12px;

    display: block;

    margin-bottom: 5px;

    opacity: 0.8;

    letter-spacing: 1px;

}

.widget-timeline .timeline > li > .timeline-panel p {

    font-size: 14px;

}

.widget-timeline .timeline > li > .timeline-panel:after {

    content: "";

    width: 10px;

    height: 10px;

    background: inherit;

    border-color: inherit;

    border-style: solid;

    border-width: 0px 0px 1px 1px;

    display: block;

    position: absolute;

    left: -5px;

    transform: rotate(45deg);

    top: 15px;

}

.widget-timeline .timeline > li > .timeline-badge {

    border-radius: 50%;

    height: 22px;

    left: 0;

    position: absolute;

    top: 10px;

    width: 22px;

    border-width: 2px;

    border-style: solid;

    background: #fff;

    padding: 4px;

}

[data-theme-version="dark"] .widget-timeline .timeline > li > .timeline-badge {

    background-color: #3b3363;

}

.widget-timeline .timeline > li > .timeline-badge:after {

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 100%;

    display: block;

}

[direction="rtl"] .widget-timeline .timeline > li > .timeline-badge {

    left: auto;

    right: 19px;

}

.widget-timeline .timeline-body > p {

    font-size: 12px;

}

.widget-timeline .timeline-badge.primary {

    border-color: var(--rgba-primary-1);

}

[data-theme-version="dark"] .widget-timeline .timeline-badge.primary {

    border-color: var(--rgba-primary-1);

}

.widget-timeline .timeline-badge.primary:after {

    background-color: var(--primary) !important;

    box-shadow: 0 5px 10px 0 var(--rgba-primary-2);

}

.widget-timeline .timeline-badge.primary + .timeline-panel {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

}

[data-theme-version="dark"]

    .widget-timeline

    .timeline-badge.primary

    + .timeline-panel {

    border-color: transparent;

    background-color: var(--rgba-primary-1);

}

.widget-timeline .timeline-badge.success {

    border-color: #ecfae4;

}

[data-theme-version="dark"] .widget-timeline .timeline-badge.success {

    border-color: rgba(104, 207, 41, 0.1);

}

.widget-timeline .timeline-badge.success:after {

    background-color: #68cf29 !important;

    box-shadow: 0 5px 10px 0 rgba(104, 207, 41, 0.2);

}

.widget-timeline .timeline-badge.success + .timeline-panel {

    background: #ecfae4;

    border-color: #ecfae4;

}

[data-theme-version="dark"]

    .widget-timeline

    .timeline-badge.success

    + .timeline-panel {

    background-color: rgba(104, 207, 41, 0.1);

    border-color: transparent;

}

.widget-timeline .timeline-badge.warning {

    border-color: #fff0da;

}

[data-theme-version="dark"] .widget-timeline .timeline-badge.warning {

    border-color: rgba(255, 171, 45, 0.1);

}

.widget-timeline .timeline-badge.warning:after {

    background-color: #ffab2d !important;

    box-shadow: 0 5px 10px 0 rgba(255, 171, 45, 0.2);

}

.widget-timeline .timeline-badge.warning + .timeline-panel {

    background: #fff0da;

    border-color: #fff0da;

}

[data-theme-version="dark"]

    .widget-timeline

    .timeline-badge.warning

    + .timeline-panel {

    background-color: rgba(255, 171, 45, 0.1);

    border-color: transparent;

}

.widget-timeline .timeline-badge.danger {

    border-color: #ffefee;

}

[data-theme-version="dark"] .widget-timeline .timeline-badge.danger {

    border-color: rgba(255, 76, 65, 0.1);

}

.widget-timeline .timeline-badge.danger:after {

    background-color: #ff4c41 !important;

    box-shadow: 0 5px 10px 0 rgba(255, 76, 65, 0.2);

}

.widget-timeline .timeline-badge.danger + .timeline-panel {

    background: #ffefee;

    border-color: #ffefee;

}

[data-theme-version="dark"]

    .widget-timeline

    .timeline-badge.danger

    + .timeline-panel {

    background-color: rgba(255, 76, 65, 0.1);

    border-color: transparent;

}

.widget-timeline .timeline-badge.info {

    border-color: #e2f0fd;

}

[data-theme-version="dark"] .widget-timeline .timeline-badge.info {

    border-color: rgba(81, 166, 245, 0.1);

}

.widget-timeline .timeline-badge.info:after {

    background-color: #51a6f5 !important;

    box-shadow: 0 5px 10px 0 rgba(81, 166, 245, 0.2);

}

.widget-timeline .timeline-badge.info + .timeline-panel {

    background: #e2f0fd;

    border-color: #e2f0fd;

}

[data-theme-version="dark"]

    .widget-timeline

    .timeline-badge.info

    + .timeline-panel {

    background-color: rgba(81, 166, 245, 0.1);

    border-color: transparent;

}

.widget-timeline .timeline-badge.dark {

    border-color: #eeeeee;

}

[data-theme-version="dark"] .widget-timeline .timeline-badge.dark {

    border-color: rgba(110, 110, 110, 0.35);

}

.widget-timeline .timeline-badge.dark:after {

    background-color: #6e6e6e !important;

    box-shadow: 0 5px 10px 0 rgba(110, 110, 110, 0.2);

}

.widget-timeline .timeline-badge.dark + .timeline-panel {

    background: #eeeeee;

    border-color: #eeeeee;

}

[data-theme-version="dark"]

    .widget-timeline

    .timeline-badge.dark

    + .timeline-panel {

    background-color: rgba(110, 110, 110, 0.35);

    border-color: transparent;

}

.widget-timeline.style-1 .timeline-panel {

    background: transparent;

}

.widget-timeline.style-1

    .timeline

    .timeline-badge.timeline-badge

    + .timeline-panel {

    background: transparent !important;

    border-style: solid;

    border-width: 0 0 0 5px;

    border-radius: 0;

    padding: 5px 10px 5px 15px;

}

.widget-timeline.style-1

    .timeline

    .timeline-badge.timeline-badge

    + .timeline-panel:after {

    border: 0;

    left: -9px;

    width: 7px;

    height: 7px;

}

.widget-timeline.style-1 .timeline .timeline-badge.primary + .timeline-panel {

    border-color: var(--primary);

}

.widget-timeline.style-1

    .timeline

    .timeline-badge.primary

    + .timeline-panel:after {

    background: var(--primary);

}

.widget-timeline.style-1 .timeline .timeline-badge.success + .timeline-panel {

    border-color: #68cf29;

}

.widget-timeline.style-1

    .timeline

    .timeline-badge.success

    + .timeline-panel:after {

    background: #68cf29;

}

.widget-timeline.style-1 .timeline .timeline-badge.warning + .timeline-panel {

    border-color: #ffab2d;

}

.widget-timeline.style-1

    .timeline

    .timeline-badge.warning

    + .timeline-panel:after {

    background: #ffab2d;

}

.widget-timeline.style-1 .timeline .timeline-badge.danger + .timeline-panel {

    border-color: #ff4c41;

}

.widget-timeline.style-1

    .timeline

    .timeline-badge.danger

    + .timeline-panel:after {

    background: #ff4c41;

}

.widget-timeline.style-1 .timeline .timeline-badge.info + .timeline-panel {

    border-color: #51a6f5;

}

.widget-timeline.style-1

    .timeline

    .timeline-badge.info

    + .timeline-panel:after {

    background: #51a6f5;

}

.widget-timeline.style-1 .timeline .timeline-badge.dark + .timeline-panel {

    border-color: #6e6e6e;

}

.widget-timeline.style-1

    .timeline

    .timeline-badge.dark

    + .timeline-panel:after {

    background: #6e6e6e;

}



#chart_widget_4 {

    height: 255px !important;

}



#chart_widget_5 .ct-series-a .ct-line,

#chart_widget_5 .ct-series-a .ct-point {

    stroke: #46ffc8;

}

#chart_widget_5 .ct-line {

    stroke-width: 1px;

}

#chart_widget_5 .ct-point {

    stroke-width: 2px;

}

#chart_widget_5 .ct-series-a .ct-area {

    fill: #20dea6;

}

#chart_widget_5 .ct-area {

    fill-opacity: 1;

}



#chart_widget_6 .ct-series-a .ct-line,

#chart_widget_6 .ct-series-a .ct-point {

    stroke: #51a6f5;

}

#chart_widget_6 .ct-line {

    stroke-width: 2px;

}

#chart_widget_6 .ct-point {

    stroke-width: 5px;

}

#chart_widget_6 .ct-series-a .ct-area {

    fill: #51a6f5;

}

#chart_widget_6 .ct-area {

    fill-opacity: 0.5;

}



#chart_widget_8 {

    height: 255px;

}

#chart_widget_8 .ct-series-a .ct-line,

#chart_widget_8 .ct-series-a .ct-point {

    stroke: #51a6f5;

}

#chart_widget_8 .ct-line {

    stroke-width: 2px;

}

#chart_widget_8 .ct-point {

    stroke-width: 5px;

}

#chart_widget_8 .ct-series-a .ct-area {

    fill: #51a6f5;

}

#chart_widget_8 .ct-area {

    fill-opacity: 0.5;

}



#chart_widget_9,

#chart_widget_10 {

    height: 250px !important;

}



#chart_widget_11 .ct-slice-donut,

#chart_widget_12 .ct-slice-donut,

#chart_widget_13 .ct-slice-donut {

    stroke-width: 25px !important;

}



#chart_widget_11 {

    height: 270px !important;

}



#chart_widget_17 {

    height: 150px !important;

}



.chart_widget_tab_one .nav-link {

    border: 1px solid #ddd;

}

.chart_widget_tab_one .nav-link.active {

    background-color: var(--primary);

    border: 1px solid var(--primary);

    color: #fff;

}

.chart_widget_tab_one .nav-link.active:hover {

    border: 1px solid var(--primary);

}

.chart_widget_tab_one .nav-link:hover {

    border: 1px solid #ddd;

}



[data-theme-version="dark"] .ccc-widget > div {

    background: #3b3363 !important;

    border-color: #473f72 !important;

}



.social-icon {

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 4px;

    text-align: center;

    background: #f7f7f7;

    margin-bottom: 0.5rem;

    font-size: 20px;

}

.social-icon i {

    color: #fff;

}

.social-icon.youtube {

    background: #ff0000;

}

.social-icon.facebook {

    background: #3b5998;

}

.social-icon.twitter {

    background: #1da1f2;

}



.social-icon2 a {

    border: 0.1rem solid var(--primary);

    display: block;

    padding: 1rem;

    margin-top: 1.5rem;

    margin-bottom: 0.5rem;

    border-radius: 0.3rem;

    font-size: 1.6rem;

}

.social-icon2 i {

    font-size: 12px;

    color: var(--primary);

}



.social-icon3 ul li {

    display: inline-block;

}

.social-icon3 ul li a {

    display: block;

}

.social-icon3 ul li a i {

    font-size: 1.4rem;

    padding: 1rem 0.7rem;

    color: #464a53;

}

.social-icon3 ul li a:hover i {

    color: var(--primary);

}



.social-icons-muted ul li a i {

    color: #89879f;

}



.social-links a {

    padding: 0.5rem;

}



.widget-stat .media {

    padding: 0px 0;

    align-items: center;

}

.widget-stat .media > span {

    height: 85px;

    width: 85px;

    border-radius: 50px;

    padding: 10px 12px;

    font-size: 32px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #464a53;

    min-width: 85px;

}

.widget-stat .media .media-body p {

    text-transform: uppercase;

    font-weight: 500;

    font-size: 14px;

}

[data-theme-version="dark"] .widget-stat .media .media-body p {

    color: #c4c9d5;

}

.widget-stat .media .media-body h3 {

    font-size: 40px;

    font-weight: 600;

    margin: 0;

    line-height: 1.2;

}

.widget-stat .media .media-body h4 {

    font-size: 24px;

    display: inline-block;

    vertical-align: middle;

}

.widget-stat .media .media-body span {

    margin-left: 5px;

}

.widget-stat[class*="bg-"] .media > span {

    background-color: rgba(255, 255, 255, 0.25);

    color: #fff;

}

.widget-stat[class*="bg-"] .progress {

    background-color: rgba(255, 255, 255, 0.25) !important;

}



[direction="rtl"] .widget-stat .media .media-body span {

    margin-left: 0;

    margin-right: 10px;

}



.dez-widget-1 .card {

    background: #ffe7db;

}

.dez-widget-1 .card .card-body p {

    color: #f87533;

}

.dez-widget-1 .icon {

    float: right;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 6px;

    font-size: 28px;

}



.bgl-primary {

    background: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

}

[data-theme-version="dark"] .bgl-primary {

    background-color: var(--rgba-primary-1);

    border-color: var(--rgba-primary-1);

}



.bgl-secondary {

    background: #dec8f8;

    border-color: #dec8f8;

}

[data-theme-version="dark"] .bgl-secondary {

    background-color: rgba(100, 24, 195, 0.5);

    border-color: rgba(100, 24, 195, 0.5);

}



.bgl-success {

    background: #ecfae4;

    border-color: #ecfae4;

}

[data-theme-version="dark"] .bgl-success {

    background-color: rgba(104, 207, 41, 0.1);

    border-color: rgba(104, 207, 41, 0.1);

}



.bgl-warning {

    background: #fff0da;

    border-color: #fff0da;

}

[data-theme-version="dark"] .bgl-warning {

    background-color: rgba(255, 171, 45, 0.1);

    border-color: rgba(255, 171, 45, 0.1);

}



.bgl-danger {

    background: #ffefee;

    border-color: #ffefee;

}

[data-theme-version="dark"] .bgl-danger {

    background-color: rgba(255, 76, 65, 0.1);

    border-color: rgba(255, 76, 65, 0.1);

}



.bgl-info {

    background: #e2f0fd;

    border-color: #e2f0fd;

}

[data-theme-version="dark"] .bgl-info {

    background-color: rgba(81, 166, 245, 0.1);

    border-color: rgba(81, 166, 245, 0.1);

}



.bg-primary-light {

    background: var(--rgba-primary-1);

}

[data-theme-version="dark"] .bg-primary-light {

    background-color: var(--rgba-primary-1);

}



.bg-secondary-light {

    background: rgba(222, 200, 248, 0.5);

}

[data-theme-version="dark"] .bg-secondary-light {

    background-color: rgba(100, 24, 195, 0.05);

}



.bg-success-light {

    background: rgba(236, 250, 228, 0.5);

}

[data-theme-version="dark"] .bg-success-light {

    background-color: rgba(104, 207, 41, 0.05);

}



.bg-warning-light {

    background: rgba(255, 240, 218, 0.5);

}

[data-theme-version="dark"] .bg-warning-light {

    background-color: rgba(255, 171, 45, 0.05);

}



.bg-danger-light {

    background: rgba(255, 239, 238, 0.5);

}

[data-theme-version="dark"] .bg-danger-light {

    background-color: rgba(255, 76, 65, 0.05);

}



.bg-info-light {

    background: rgba(226, 240, 253, 0.5);

}

[data-theme-version="dark"] .bg-info-light {

    background-color: rgba(81, 166, 245, 0.05);

}



.bgl-dark {

    background: #eeeeee;

    border-color: #eeeeee;

}



.bgl-light {

    background: #f7f7f7;

    border-color: #f7f7f7;

}



.overlay-box {

    position: relative;

    z-index: 1;

}

.overlay-box:after {

    content: "";

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

    opacity: 0.85;

    background: var(--primary);

    z-index: -1;

}



.rating-bar {

    font-size: 13px;

}



.tdl-holder {

    margin: 0 auto;

}

.tdl-holder ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.tdl-holder li {

    background-color: #fff;

    border-bottom: 1px solid #eeeeee;

    list-style: none none;

    margin: 0;

    padding: 0;

}

.tdl-holder li span {

    margin-left: 35px;

    font-size: 1rem;

    vertical-align: middle;

    transition: all 0.2s linear;

}

[direction="rtl"] .tdl-holder li span {

    margin-left: auto;

    margin-right: 35px;

}

.tdl-holder label {

    cursor: pointer;

    display: block;

    line-height: 50px;

    padding-left: 1.5rem;

    position: relative;

    margin: 0 !important;

}

[direction="rtl"] .tdl-holder label {

    padding-left: 0;

    padding-right: 1.5rem;

}

.tdl-holder label:hover {

    background-color: #eef1f6;

    color: #6e6e6e;

}

.tdl-holder label:hover a {

    color: #ff4c41;

}

.tdl-holder label a {

    color: #fff;

    display: inline-block;

    line-height: normal;

    height: 100%;

    text-align: center;

    text-decoration: none;

    width: 50px;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    padding: 18px 0px;

    font-size: 18px;

    position: absolute;

    right: 0;

}

[direction="rtl"] .tdl-holder label a {

    right: auto;

    left: 0;

}

.tdl-holder input[type="checkbox"] {

    cursor: pointer;

    opacity: 0;

    position: absolute;

}

.tdl-holder input[type="checkbox"] + i {

    background-color: #fff;

    border: 1px solid #e7e7e7;

    display: block;

    height: 20px;

    position: absolute;

    top: 15px;

    width: 20px;

    z-index: 1;

    border-radius: 00px;

    font-size: 11px;

    border-radius: 4px;

}

.tdl-holder input[type="checkbox"]:checked + i {

    background: var(--primary);

    border-color: transparent;

}

.tdl-holder input[type="checkbox"]:checked + i::after {

    content: "\f00c";

    font-family: "fontAwesome";

    display: block;

    left: 2px;

    position: absolute;

    top: -14px;

    z-index: 2;

    color: #fff;

}

.tdl-holder input[type="checkbox"]:checked ~ span {

    text-decoration: line-through;

    position: relative;

}

.tdl-holder input[type="text"] {

    background-color: #fff;

    height: 50px;

    margin-top: 29px;

    border-radius: 3px;

}

.tdl-holder input[type="text"]::placeholder {

    color: #6e6e6e;

}



.widget-message p {

    font-size: 14px;

    line-height: 1.5;

}



.picker .picker__frame {

    min-width: 450px !important;

    max-width: 450px !important;

}

.picker .picker__frame .picker__box {

    padding: 20px;

    border: 0;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

}

.picker .picker__frame .picker__box .picker__header {

    margin-top: 0;

}

.picker .picker__frame .picker__box .picker__header .picker__year {

    color: var(--primary);

    font-style: inherit;

    font-size: 20px;

}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev,

.picker .picker__frame .picker__box .picker__header .picker__nav--next {

    width: 40px;

    height: 40px;

    padding: 0;

    line-height: 40px;

    border-radius: 2px;

}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:before,

.picker .picker__frame .picker__box .picker__header .picker__nav--next:before {

    content: none !important;

}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after,

.picker .picker__frame .picker__box .picker__header .picker__nav--next:after {

    font-family: fontawesome;

    border: 0;

    margin: 0 auto;

    font-size: 22px;

}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:hover,

.picker .picker__frame .picker__box .picker__header .picker__nav--next:hover {

    background-color: var(--rgba-primary-3) !important;

    color: var(--primary) !important;

}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev {

    left: 0;

}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after {

    content: "\f0d9";

}

.picker .picker__frame .picker__box .picker__header .picker__nav--next {

    right: 0;

}

.picker .picker__frame .picker__box .picker__header .picker__nav--next:after {

    content: "\f0da";

}

.picker .picker__frame .picker__box .picker__table .picker__weekday {

    padding: 10px 0;

    font-size: 16px;

}

.picker .picker__frame .picker__box .picker__table .picker__day {

    width: 40px;

    height: 40px;

    border-radius: 50px;

    padding: 0 !important;

    font-size: 16px;

    line-height: 40px;

    margin: auto;

    border: 0 !important;

}

.picker

    .picker__frame

    .picker__box

    .picker__table

    .picker__day.picker__day--today:before {

    content: none !important;

}

.picker

    .picker__frame

    .picker__box

    .picker__table

    .picker__day.picker__day--highlighted {

    border: 0 !important;

    padding: 0;

    background-color: var(--primary) !important;

    color: #fff !important;

}

.picker .picker__frame .picker__box .picker__table .picker__day:hover {

    background-color: var(--primary) !important;

    color: #fff !important;

}

.picker .picker__frame .picker__box .picker__footer .picker__button--today {

    background-color: var(--primary) !important;

    color: #fff !important;

}

.picker

    .picker__frame

    .picker__box

    .picker__footer

    .picker__button--today:before {

    content: none !important;

}

.picker .picker__frame .picker__box .picker__footer .picker__button--clear,

.picker .picker__frame .picker__box .picker__footer .picker__button--close,

.picker .picker__frame .picker__box .picker__footer .picker__button--today {

    border: 0;

    border-radius: 2px;

    font-size: 16px;

}

.picker

    .picker__frame

    .picker__box

    .picker__footer

    .picker__button--clear:hover,

.picker

    .picker__frame

    .picker__box

    .picker__footer

    .picker__button--close:hover,

.picker

    .picker__frame

    .picker__box

    .picker__footer

    .picker__button--today:hover {

    background-color: var(--primary) !important;

    color: #fff !important;

}

@media only screen and (max-width: 575px) {

    .picker .picker__frame {

        min-width: 100% !important;

        max-width: 100% !important;

    }

    .picker .picker__frame .picker__box {

        padding: 15px;

        margin: 0 10px;

    }

}



.card-list {

    overflow: unset;

    height: calc(100% - 50px);

}

.card-list .card-header {

    padding-top: 0;

    padding-bottom: 0;

}

.card-list .card-header .photo {

    overflow: hidden;

    border-radius: 5px;

    width: 100%;

}

@media only screen and (max-width: 1199px) {

    .card-list {

        height: calc(100% - 40px);

    }

}

.card-list.list-left {

    margin-top: 15px;

    margin-left: 15px;

}

.card-list.list-left .card-header {

    padding-left: 0;

}

.card-list.list-left .card-header .photo {

    margin: -15px 15px 0 -15px;

}

.card-list.list-right {

    margin-top: 15px;

    margin-right: 15px;

    text-align: right;

}

.card-list.list-right .card-header {

    padding-right: 0;

}

.card-list.list-right .card-header .photo {

    margin: -15px -15px 0 15px;

}

.card-list.list-right .card-header .photo img {

    width: 100%;

}

.card-list.list-center {

    margin-top: 15px;

}

.card-list.list-center .card-header .photo {

    margin: -15px 0 0 0;

}

.card-list .photo img {

    width: 100%;

}



.card-profile .profile-photo {

    margin-top: -20px;

}



.social-graph-wrapper {

    text-align: center;

    padding: 20px;

    position: relative;

    color: #fff;

    border-top-left-radius: 0.25rem;

    border-top-right-radius: 0.25rem;

}

.social-graph-wrapper.widget-facebook {

    background-color: #3b5998;

}

.social-graph-wrapper.widget-twitter {

    background-color: #1da1f2;

}

.social-graph-wrapper.widget-linkedin {

    background-color: #007bb6;

}

.social-graph-wrapper.widget-googleplus {

    background-color: #db4439;

}

.social-graph-wrapper .s-icon {

    font-size: 24px;

    position: relative;

    padding: 0 10px;

}



.widget-media .timeline .timeline-panel {

    display: flex;

    align-items: center;

    border-bottom: 1px solid #eaeaea;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.widget-media .timeline .timeline-panel .media {

    width: 50px;

    height: 50px;

    background: #eee;

    border-radius: 12px;

    overflow: hidden;

    font-size: 20px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 700;

    align-self: start;

}

.widget-media .timeline .timeline-panel .media-primary {

    background: var(--rgba-primary-1);

    color: var(--primary);

}

[data-theme-version="dark"]

    .widget-media

    .timeline

    .timeline-panel

    .media-primary {

    background-color: var(--rgba-primary-1);

}

.widget-media .timeline .timeline-panel .media-info {

    background: #e2f0fd;

    color: #51a6f5;

}

[data-theme-version="dark"]

    .widget-media

    .timeline

    .timeline-panel

    .media-info {

    background-color: rgba(81, 166, 245, 0.1);

}

.widget-media .timeline .timeline-panel .media-warning {

    background: #fff0da;

    color: #ffab2d;

}

[data-theme-version="dark"]

    .widget-media

    .timeline

    .timeline-panel

    .media-warning {

    background-color: rgba(255, 171, 45, 0.1);

}

.widget-media .timeline .timeline-panel .media-danger {

    background: #ffefee;

    color: #ff4c41;

}

[data-theme-version="dark"]

    .widget-media

    .timeline

    .timeline-panel

    .media-danger {

    background-color: rgba(255, 76, 65, 0.1);

}

.widget-media .timeline .timeline-panel .media-success {

    background: #ecfae4;

    color: #68cf29;

}

[data-theme-version="dark"]

    .widget-media

    .timeline

    .timeline-panel

    .media-success {

    background-color: rgba(104, 207, 41, 0.1);

}

.widget-media .timeline .timeline-panel .media-body p {

    font-size: 14px;

    line-height: 1.5;

}

.widget-media .timeline .timeline-panel .dropdown {

    align-self: self-end;

    margin-top: 5px;

}

.widget-media .timeline li:last-child .timeline-panel {

    margin-bottom: 0;

    border-bottom: 0;

    padding-bottom: 0;

}



.card[class*="bg-"] .timeline .timeline-panel {

    border-color: rgba(255, 255, 255, 0.2) !important;

}



.table {

    color: strong;

    color-color: #6e6e6e;

}

.table th,

.table td {

    border-color: #eeeeee;

    padding: 12px 9px;

}

[data-theme-version="dark"] .table th,

[data-theme-version="dark"] .table td {

    border-color: #473f72;

}

.table.table-striped tbody tr:nth-of-type(odd),

.table.table-hover tr:hover {

    background-color: #f2f4fa;

}

[data-theme-version="dark"] .table.table-striped tbody tr:nth-of-type(odd),

[data-theme-version="dark"] .table.table-hover tr:hover {

    background-color: #2c254a;

}

.table.shadow-hover tbody tr:hover {

    background-color: #fff;

    box-shadow: 0 0px 30px var(--rgba-primary-1);

}

[data-theme-version="dark"] .table.shadow-hover tbody tr:hover {

    background-color: #2c254a;

}

.table.tr-rounded tr td:first-child,

.table.tr-rounded tr th:first-child {

    border-radius: 0.35rem 0 0 0.35rem;

}

.table.tr-rounded tr td:last-child,

.table.tr-rounded tr th:last-child {

    border-radius: 0 0.35rem 0.35rem 0;

}

.table.bg-primary-hover th,

.table.bg-primary-hover td {

    border: none;

    font-weight: 500;

}

.table.bg-primary-hover td {

    color: #000;

}

.table.bg-primary-hover th {

    color: #6c6c6c;

}

.table.bg-primary-hover tr:hover td,

.table.bg-primary-hover tr:hover th {

    background: var(--primary);

    color: #fff !important;

}

.table.bg-secondary-hover th,

.table.bg-secondary-hover td {

    border: none;

    font-weight: 500;

}

.table.bg-secondary-hover td {

    color: #000;

}

.table.bg-secondary-hover th {

    color: #6c6c6c;

}

.table.bg-secondary-hover tr:hover td,

.table.bg-secondary-hover tr:hover th {

    background: rgba(100, 24, 195, 0.1);

    color: #036111 !important;

}

.table.bg-info-hover th,

.table.bg-info-hover td {

    border: none;

    font-weight: 500;

}

.table.bg-info-hover td {

    color: #000;

}

.table.bg-info-hover th {

    color: #6c6c6c;

}

.table.bg-info-hover tr:hover td,

.table.bg-info-hover tr:hover th {

    background: #374c98;

    color: #fff !important;

}

.table.bg-success-hover th,

.table.bg-success-hover td {

    border: none;

    font-weight: 500;

}

.table.bg-success-hover td {

    color: #000;

}

.table.bg-success-hover th {

    color: #6c6c6c;

}

.table.bg-success-hover tr:hover td,

.table.bg-success-hover tr:hover th {

    background: #68cf29;

    color: #fff !important;

}

.table.bg-warning-hover th,

.table.bg-warning-hover td {

    border: none;

    font-weight: 500;

}

.table.bg-warning-hover td {

    color: #000;

}

.table.bg-warning-hover th {

    color: #6c6c6c;

}

.table.bg-warning-hover tr:hover td,

.table.bg-warning-hover tr:hover th {

    background: #ffab2d;

    color: #fff !important;

}

.table.bg-danger-hover th,

.table.bg-danger-hover td {

    border: none;

    font-weight: 500;

}

.table.bg-danger-hover td {

    color: #000;

}

.table.bg-danger-hover th {

    color: #6c6c6c;

}

.table.bg-danger-hover tr:hover td,

.table.bg-danger-hover tr:hover th {

    background: #ff4c41;

    color: #fff !important;

}

.table.border-no td {

    border: 0;

}

.table.short-one tr td:first-child,

.table.short-one tr th:first-child {

    width: 60px !important;

}

.table thead th {

    border-bottom-width: 1px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.5px;

    border-color: #eeeeee;

}

[data-theme-version="dark"] .table thead th {

    border-color: #473f72;

}

.table tbody tr td {

    vertical-align: middle;

    border-color: #eeeeee;

}

[data-theme-version="dark"] .table tbody tr td {

    border-color: #473f72;

}

.table:not(.table-bordered) thead th {

    border-top: none;

}

.table .thead-primary th {

    background-color: var(--primary);

    color: #fff;

}

.table .thead-info th {

    background-color: #51a6f5;

    color: #fff;

}

.table .thead-warning th {

    background-color: #ffab2d;

    color: #fff;

}

.table .thead-danger th {

    background-color: #ff4c41;

    color: #fff;

}

.table .thead-success th {

    background-color: #68cf29;

    color: #fff;

}

.table.primary-table-bordered {

    border: 1px solid #eeeeee;

}

[data-theme-version="dark"] .table.primary-table-bordered {

    border-color: #473f72;

}

.table.primary-table-bg-hover thead th {

    background-color: var(--primary-dark);

    color: #fff;

    border-bottom: none;

}

.table.primary-table-bg-hover tbody tr {

    background-color: var(--primary);

    color: #fff;

    transition: all 0.1s ease;

}

.table.primary-table-bg-hover tbody tr:hover {

    background-color: var(--primary-light);

}

.table.primary-table-bg-hover tbody tr:not(:last-child) td,

.table.primary-table-bg-hover tbody tr:not(:last-child) th {

    border-bottom: 1px solid var(--primary-dark);

}

.table-responsive-tiny {

    min-width: 18.75rem;

}

.table-responsive-sm {

    min-width: 30rem !important;

}

.table-responsive-md {

    min-width: 36rem !important;

}

.table-responsive-lg {

    min-width: 60.9375rem !important;

}

.table-responsive-xl {

    min-width: 70.9375rem !important;

}



.table-primary,

.table-primary > th,

.table-primary > td {

    background-color: var(--rgba-primary-1);

    color: var(--primary);

}

[data-theme-version="dark"] .table-primary,

[data-theme-version="dark"] .table-primary > th,

[data-theme-version="dark"] .table-primary > td {

    background-color: var(--rgba-primary-1);

}



.table-success,

.table-success > th,

.table-success > td {

    background-color: #ecfae4;

    color: #68cf29;

}

[data-theme-version="dark"] .table-success,

[data-theme-version="dark"] .table-success > th,

[data-theme-version="dark"] .table-success > td {

    background-color: rgba(104, 207, 41, 0.1);

}



.table-info,

.table-info > th,

.table-info > td {

    background-color: #e2f0fd;

    color: #51a6f5;

}

[data-theme-version="dark"] .table-info,

[data-theme-version="dark"] .table-info > th,

[data-theme-version="dark"] .table-info > td {

    background-color: rgba(81, 166, 245, 0.1);

}



.table-warning,

.table-warning > th,

.table-warning > td {

    background-color: #fff0da;

    color: #ffab2d;

}

[data-theme-version="dark"] .table-warning,

[data-theme-version="dark"] .table-warning > th,

[data-theme-version="dark"] .table-warning > td {

    background-color: rgba(255, 171, 45, 0.1);

}



.table-danger,

.table-danger > th,

.table-danger > td {

    background-color: #ffefee;

    color: #ff4c41;

}

[data-theme-version="dark"] .table-danger,

[data-theme-version="dark"] .table-danger > th,

[data-theme-version="dark"] .table-danger > td {

    background-color: rgba(255, 76, 65, 0.1);

}



.table-active,

.table-active > th,

.table-active > td {

    background-color: #f2f4fa;

}

[data-theme-version="dark"] .table-active,

[data-theme-version="dark"] .table-active > th,

[data-theme-version="dark"] .table-active > td {

    background-color: #2c254a;

}



.card-table th:first-child,

.card-table td:first-child {

    padding-left: 30px;

}

@media only screen and (max-width: 575px) {

    .card-table th:first-child,

    .card-table td:first-child {

        padding-left: 15px;

    }

}

.card-table th:last-child,

.card-table td:last-child {

    padding-right: 30px;

}

@media only screen and (max-width: 575px) {

    .card-table th:last-child,

    .card-table td:last-child {

        padding-right: 15px;

    }

}



.bootgrid-header {

    padding: 0 !important;

    margin: 0;

}

@media only screen and (max-width: 575px) {

    .bootgrid-header .actionBar {

        padding: 0;

    }

    .bootgrid-header .search {

        margin: 0 0 10px 0;

    }

}



table#example {

    padding: 0rem 0 2rem 0;

}



table.dataTable {

    font-size: 14px;

}



#example2_wrapper .dataTables_scrollBody {

    max-height: 33.25rem !important;

}



#employees,

#custommers {

    padding: 0.5rem 0 1rem 0;

}



.dataTables_wrapper .dataTables_paginate {

    padding-top: 0.75em;

    padding-bottom: 0.75em;

}



table.dataTable thead th,

table.dataTable thead td {

    border-bottom: 0;

    border-top: 0;

}



table.dataTable tfoot th,

table.dataTable tfoot td {

    border-top: 0;

}



table.dataTable tbody tr,

table.dataTable tbody td {

    background: transparent !important;

}



table.dataTable thead th {

    color: #000;

    white-space: nowrap;

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 500;

    padding: 20px 15px;

}

[data-theme-version="dark"] table.dataTable thead th {

    color: #fff;

}

@media only screen and (max-width: 1400px) {

    table.dataTable thead th {

        font-size: 16px;

    }

}



table.dataTable tbody td {

    padding: 18px 15px;

    font-size: 16px;

}

@media only screen and (max-width: 575px) {

    table.dataTable tbody td {

        padding: 8px 5px;

    }

}

@media only screen and (max-width: 1400px) {

    table.dataTable tbody td {

        font-size: 14px;

        padding: 8px 15px;

    }

}



table.dataTable tr.selected {

    color: var(--primary);

}



table.dataTable tfoot th {

    color: #6e6e6e;

    font-weight: 600;

}

[data-theme-version="dark"] table.dataTable tfoot th {

    color: #fff;

}



table.dataTable.style-1 tbody td {

    font-size: 0.875rem;

    padding: 18px ​15px;

}

table.dataTable.style-1 thead th {

    font-size: 0.85rem;

    background: none;

    font-weight: 600;

    color: #797979;

    position: relative;

}

table.dataTable.style-1 thead th.sorting_asc:after {

    color: var(--primary);

    content: "\f062";

    position: absolute;

    font-family: "Line Awesome Free";

    font-size: 18px;

    top: 50%;

    transform: translateY(-50%);

}

table.dataTable.style-1 thead th.sorting_desc:after {

    color: var(--primary);

    content: "\f063";

    position: absolute;

    font-family: "Line Awesome Free";

    font-size: 18px;

    top: 50%;

    transform: translateY(-50%);

}



.dataTables_wrapper .dataTables_paginate {

    display: flex;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {

    height: 48px;

    width: 48px;

    padding: 0;

    margin: 0 5px;

    border: 0 !important;

    font-weight: 500;

    font-size: 1.5rem;

    color: #000 !important;

    text-align: center;

    line-height: 48px;

    border-radius: 4px;

    background: #efefef !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,

.dataTables_wrapper .dataTables_paginate .paginate_button:focus,

.dataTables_wrapper .dataTables_paginate .paginate_button.current {

    background: var(--primary) !important;

    color: #fff !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {

    background: #efefef !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus,

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.current {

    background: #efefef !important;

}

.dataTables_wrapper .dataTables_paginate span {

    display: inline-flex;

    padding: 4px 5px;

    background: #efefef;

    border-radius: 4px;

}

.dataTables_wrapper .dataTables_paginate span .paginate_button {

    height: 40px;

    width: 40px;

    padding: 0;

    margin: 0 2px;

    border: 0 !important;

    font-weight: 500;

    font-size: 1rem;

    color: #000 !important;

    text-align: center;

    line-height: 40px;

    border-radius: 4px;

    background: transparent !important;

}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current,

.dataTables_wrapper .dataTables_paginate span .paginate_button:hover,

.dataTables_wrapper .dataTables_paginate span .paginate_button:focus,

.dataTables_wrapper .dataTables_paginate span .paginate_button:active {

    background: var(--primary) !important;

    color: #fff !important;

}



.dataTables_wrapper .dataTables_paginate .paginate_button.current,

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    color: #fff !important;

}



.dataTables_wrapper input[type="search"],

.dataTables_wrapper input[type="text"],

.dataTables_wrapper select {

    border: 1px solid #e2e2e2;

    padding: 0.3rem 0.5rem;

    color: #715d5d;

    border-radius: 5px;

}

[data-theme-version="dark"] .dataTables_wrapper input[type="search"],

[data-theme-version="dark"] .dataTables_wrapper input[type="text"],

[data-theme-version="dark"] .dataTables_wrapper select {

    background: #2c254a;

    border-color: #473f72;

    color: #fff;

}

.dataTables_wrapper .dataTables_length {

    margin-bottom: 15px;

}

.dataTables_wrapper .dataTables_length .bootstrap-select {

    width: 80px !important;

    margin: 0 5px;

}



table.dataTable.no-footer {

    border-bottom: 0;

}



.rounded-lg {

    min-width: 30px;

}



.dataTables_scroll {

    padding: 1rem 0;

}

.dataTables_scrollFoot {

    padding-top: 1rem;

}



.dataTablesCard {

    background-color: #fff;

    border-radius: 0.35rem;

}

.dataTablesCard.border-no td {

    border-top: 0 !important;

}



@media (max-width: 991.98px) {

    .dataTables_wrapper .dataTables_length,

    .dataTables_wrapper .dataTables_filter {

        text-align: left;

    }

}



.dataTables_wrapper .dataTables_info {

    padding-top: 1.75em;

    padding-bottom: 0.755em;

}



.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

    color: #7e7e7e !important;

}



.dataTables_wrapper .dataTables_length,

.dataTables_wrapper .dataTables_filter,

.dataTables_wrapper .dataTables_info,

.dataTables_wrapper .dataTables_processing,

.dataTables_wrapper .dataTables_paginate {

    color: #7e7e7e;

}



table.dataTable.row-border tbody th,

table.dataTable.row-border tbody td,

table.dataTable.display tbody th,

table.dataTable.display tbody td {

    border-color: #eeeeee;

}

[data-theme-version="dark"] table.dataTable.row-border tbody th,

[data-theme-version="dark"] table.dataTable.row-border tbody td,

[data-theme-version="dark"] table.dataTable.display tbody th,

[data-theme-version="dark"] table.dataTable.display tbody td {

    border-color: #473f72;

}



.dataTables_wrapper .dataTables_length .bootstrap-select .dropdown-toggle {

    font-size: 0.813rem !important;

    padding: 0.625rem 1rem;

}



.fooicon {

    font-size: 1.25rem;

    color: #6e6e6e;

}



.jsgrid-table .jsgrid-header-row > .jsgrid-header-cell {

    color: #6e6e6e;

}

.jsgrid-table > tbody > tr > td {

    padding: 1.2em;

}

.jsgrid-table .jsgrid-insert-row input,

.jsgrid-table .jsgrid-insert-row select,

.jsgrid-table .jsgrid-edit-row input,

.jsgrid-table .jsgrid-edit-row select {

    border: 1px solid #dddfe1;

}



.jsgrid .jsgrid-button {

    border: 0 !important;

    margin-left: 10px;

}



.error-page .error-text {

    font-size: 150px;

    line-height: 1;

}

@media only screen and (max-width: 575px) {

    .error-page .error-text {

        font-size: 80px;

    }

}

.error-page h4 {

    font-size: 40px;

    margin-bottom: 5px;

}

@media only screen and (max-width: 575px) {

    .error-page h4 {

        font-size: 20px;

    }

}

.error-page p {

    font-size: 16px;

}

@media only screen and (max-width: 575px) {

    .error-page p {

        font-size: 14px;

    }

}



.authincation-content {

    background: #fff;

    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);

    border-radius: 5px;

}

[data-theme-version="dark"] .authincation-content {

    background: #3b3363;

    box-shadow: none;

}



.welcome-content {

    background: url("../images/1.jpg");

    background-size: cover;

    background-position: center;

    height: 100%;

    padding: 75px 50px;

    position: relative;

    z-index: 1;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}

.welcome-content::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: var(--primary);

    opacity: 0.75;

    z-index: -1;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}

.welcome-content .welcome-title {

    color: #fff;

    font-weight: 500;

    font-size: 20px;

}

.welcome-content p {

    color: #fff;

}

.welcome-content .brand-logo a {

    display: inline-block;

    margin-bottom: 20px;

    font-weight: 700;

    color: #fff;

    font-size: 20px;

}

.welcome-content .brand-logo a img {

    width: 100px;

}

.welcome-content .intro-social {

    position: absolute;

    bottom: 75px;

}

.welcome-content .intro-social ul {

    margin-bottom: 0;

}

.welcome-content .intro-social ul li {

    display: inline-block;

}

.welcome-content .intro-social ul li a {

    color: #fff;

    font-size: 14px;

    padding: 0px 7px;

}



.auth-form {

    padding: 50px 50px;

}

@media only screen and (max-width: 575px) {

    .auth-form {

        padding: 30px;

    }

}

.auth-form .btn {

    height: 50px;

    font-weight: 700;

}

.auth-form .page-back {

    display: inline-block;

    margin-bottom: 15px;

}



.pricing_table_content {

    background: #fff;

    text-align: center;

    border: 1px solid #e7e7e7;

    border-radius: 3px;

    padding: 25px;

    -webkit-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.pricing_table_content .package {

    font-weight: 700;

    font-size: 18px;

}

.pricing_table_content .price {

    font-weight: 700;

    font-size: 50px;

    line-height: 100px;

    color: #6e6e6e;

}

.pricing_table_content hr {

    margin: 0;

}

.pricing_table_content .price_list {

    padding: 30px 0;

    text-align: left;

    max-width: 175px;

    margin: 0 auto;

}

.pricing_table_content .price_list li {

    color: #909093;

    font-size: 14px;

    line-height: 25px;

    padding: 7px 0;

}

.pricing_table_content .price_list li i {

    margin-right: 15px;

}

.pricing_table_content .price-btn {

    padding: 15px 50px;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 1px solid #eaeaea;

    border-radius: 5px;

    font-weight: 700;

    font-size: 14px;

    margin-bottom: 25px;

    -webkit-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

}

.pricing_table_content:focus,

.pricing_table_content:hover {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);

}

.pricing_table_content:focus .price-btn,

.pricing_table_content:hover .price-btn {

    color: #ff4c41;

}



.page-timeline .timeline {

    list-style: none;

    padding: 40px 0;

    position: relative;

}

.page-timeline .timeline-workplan.page-timeline .timeline {

    padding-bottom: 0;

    margin-bottom: 0;

}

.page-timeline

    .timeline-workplan.page-timeline

    .timeline.timeline

    > li

    > .timeline-badge {

    top: 4.5rem;

}

.page-timeline .timeline-workplan.page-timeline .timeline > li {

    margin-bottom: 2.6rem;

}

@media only screen and (min-width: 1200px) and (max-width: 1650px) {

    .page-timeline .timeline-workplan.page-timeline .timeline li > p {

        max-width: 8rem;

    }

}

@media only screen and (max-width: 1199px) {

    .page-timeline .timeline-workplan.page-timeline .timeline li > p {

        max-width: 7rem;

    }

}

@media only screen and (max-width: 991px) {

    .page-timeline .timeline-workplan.page-timeline .timeline li > p {

        max-width: 100%;

    }

}

@media only screen and (max-width: 575px) {

    .page-timeline .timeline-workplan.page-timeline .timeline li > p {

        max-width: 7rem;

    }

}

.page-timeline .timeline-workplan.page-timeline .timeline::before {

    left: 20%;

    top: 6rem;

}

[direction="rtl"]

    .page-timeline

    .timeline-workplan.page-timeline

    .timeline::before {

    right: 22%;

    left: auto;

}

@media only screen and (max-width: 575px) {

    .page-timeline .timeline-workplan.page-timeline .timeline::before {

        left: 22%;

    }

}

.page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {

    left: 21.4%;

    height: 0.9rem;

    width: 0.9rem;

    background-color: var(--primary);

}

[direction="rtl"]

    .page-timeline

    .timeline-workplan.page-timeline

    .timeline

    .timeline-badge {

    right: 19.2%;

    left: auto;

}

@media only screen and (min-width: 1200px) and (max-width: 1650px) {

    .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {

        left: 22.4%;

    }

}

@media only screen and (max-width: 1199px) {

    .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {

        left: 22.4%;

    }

}

@media only screen and (max-width: 991px) {

    .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {

        left: 21.7%;

    }

}

@media only screen and (max-width: 767px) {

    .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {

        left: 19.5%;

    }

}

@media only screen and (max-width: 575px) {

    .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {

        left: 21.4%;

    }

}

.page-timeline

    .timeline-workplan.page-timeline

    .timeline

    .timeline-badge::after {

    position: absolute;

    width: 1.9rem;

    height: 1.9rem;

    background-color: var(--rgba-primary-1);

    content: "";

    border-radius: 50%;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

.page-timeline .timeline-workplan.page-timeline .timeline .timeline-panel {

    width: 70%;

}

.page-timeline .timeline:before {

    top: 0;

    bottom: 0;

    position: absolute;

    content: " ";

    width: 2px;

    background-color: #eceff2;

    left: 50%;

    margin-left: -1.5px;

}

.page-timeline .timeline > li {

    margin-bottom: 20px;

    position: relative;

}

.page-timeline .timeline > li:after,

.page-timeline .timeline > li:before {

    content: " ";

    display: table;

}

.page-timeline .timeline > li:after {

    clear: both;

}

.page-timeline .timeline > li:after,

.page-timeline .timeline > li:before {

    content: " ";

    display: table;

}

.page-timeline .timeline > li:after {

    clear: both;

}

.page-timeline .timeline > li > .timeline-panel {

    width: 46%;

    float: left;

    border-radius: 2px;

    position: relative;

}

.page-timeline .timeline > li > .timeline-badge {

    background-color: #f2f4fa;

    border: 1px solid #dddfe1;

    border-radius: 50%;

    color: #6e6e6e;

    height: 40px;

    left: 50%;

    line-height: 40px;

    margin-left: -13px;

    position: absolute;

    text-align: center;

    top: 30px;

    width: 40px;

    z-index: 1;

    transform: translate(-25%, -3rem);

}

@media (min-width: 576px) {

    .page-timeline .timeline > li > .timeline-badge {

        width: 50px;

        height: 50px;

        line-height: 50px;

    }

}

.page-timeline .timeline > li.timeline-inverted > .timeline-panel {

    float: right;

}

.page-timeline .timeline > li.timeline-inverted > .timeline-panel:before {

    border-left-width: 0;

    border-right-width: 15px;

    left: -15px;

    right: auto;

}

.page-timeline .timeline > li.timeline-inverted > .timeline-panel:after {

    border-left-width: 0;

    border-right-width: 14px;

    left: -14px;

    right: auto;

}

.page-timeline .timeline-title {

    margin-top: 0;

    color: inherit;

}

.page-timeline .event_time {

    font-size: 14px;

    font-weight: 600;

}

.page-timeline .event_vanue {

    font-size: 14px;

    margin: 5px 0;

    font-weight: 600;

}

.page-timeline .timeline_img {

    height: 100px;

    width: 100px;

}

.page-timeline .timeline-body > p,

.page-timeline .timeline-body > ul {

    margin-bottom: 0;

}

@media (max-width: 767px) {

    .page-timeline ul.timeline:before {

        left: 40px;

    }

    .page-timeline ul.timeline > li > .timeline-panel {

        width: calc(100% - 90px);

        width: -webkit-calc(100% - 90px);

    }

    .page-timeline ul.timeline > li > .timeline-badge {

        left: 28px;

        margin-left: 0;

        top: 16px;

    }

    .page-timeline ul.timeline > li > .timeline-panel {

        float: right;

    }

    .page-timeline ul.timeline > li > .timeline-panel:before {

        border-left-width: 0;

        border-right-width: 15px;

        left: -15px;

        right: auto;

    }

    .page-timeline ul.timeline > li > .timeline-panel:after {

        border-left-width: 0;

        border-right-width: 14px;

        left: -14px;

        right: auto;

    }

    .page-timeline .timeline_img {

        height: 30%;

        width: 30%;

    }

}

.page-timeline .timeline-timestamp {

    text-align: center;

}

.page-timeline .timeline-timestamp .badge {

    padding: 0.8rem 2rem;

    border-radius: 50px;

    font-size: 0.8125rem;

}



@media only screen and (max-width: 767px) {

    .doctor-info-details {

        display: block !important;

    }

}

.doctor-info-details .media {

    position: relative;

}

@media only screen and (max-width: 1400px) {

    .doctor-info-details .media img {

        width: 100%;

    }

}

@media only screen and (max-width: 767px) {

    .doctor-info-details .media {

        float: left;

    }

}

@media only screen and (max-width: 1400px) {

    .doctor-info-details .media {

        width: 80px;

        height: 80px;

        margin-right: 20px;

    }

}

.doctor-info-details .media i {

    width: 64px;

    height: 64px;

    border-radius: 60px;

    border: 3px solid #fff;

    line-height: 58px;

    text-align: center;

    background: var(--primary);

    position: absolute;

    right: -15px;

    bottom: -15px;

    color: #fff;

    font-size: 24px;

}

@media only screen and (max-width: 1400px) {

    .doctor-info-details .media i {

        width: 50px;

        height: 50px;

        font-size: 18px;

        line-height: 46px;

    }

}

@media only screen and (max-width: 575px) {

    .doctor-info-details .media i {

        width: 35px;

        height: 35px;

        font-size: 16px;

        line-height: 33px;

        right: -7px;

        bottom: -7px;

    }

}

.doctor-info-details .media-body {

    padding-left: 40px;

}

@media only screen and (max-width: 1400px) {

    .doctor-info-details .media-body {

        padding-left: 20px;

    }

}

@media only screen and (max-width: 767px) {

    .doctor-info-details .media-body {

        padding-left: 0;

    }

}

.doctor-info-details .media-body h2 {

    font-size: 40px;

    line-height: 1.2;

    font-weight: 600;

    color: #000;

}

@media only screen and (max-width: 1400px) {

    .doctor-info-details .media-body h2 {

        font-size: 28px;

    }

}

@media only screen and (max-width: 575px) {

    .doctor-info-details .media-body h2 {

        font-size: 20px;

    }

}

.doctor-info-details .media-body p {

    font-size: 18px;

    font-weight: 500;

    color: #3e4954;

}

.doctor-info-details .media-body span {

    color: #333333;

}

.doctor-info-details .media-body span i {

    transform: scale(1.3);

    display: inline-block;

    margin-right: 10px;

}

.doctor-info-details .star-review i {

    font-size: 22px;

}

@media only screen and (max-width: 1400px) {

    .doctor-info-details .star-review i {

        font-size: 16px;

    }

}



.doctor-info-content p {

    line-height: 1.4;

}



.review-box {

    border: 1px solid #f0f0f0;

    border-radius: 18px;

    padding: 20px 30px 30px 30px;

}

@media only screen and (max-width: 1400px) {

    .review-box {

        padding: 15px 15px 20px 15px;

    }

}

@media only screen and (max-width: 767px) {

    .review-box {

        display: block !important;

    }

}

.review-box h4 {

    font-size: 20px;

}

.review-box p {

    font-size: 14px;

    line-height: 1.4;

}

@media only screen and (max-width: 767px) {

    .review-box img {

        width: 60px;

        float: left;

    }

}

.review-box .media-footer {

    min-width: 150px;

}

@media only screen and (max-width: 1400px) {

    .review-box .media-footer {

        min-width: 110px;

    }

}

@media only screen and (max-width: 767px) {

    .review-box .star-review {

        margin-top: 15px;

    }

}

.review-box .star-review span {

    display: block;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 15px;

    line-height: 1.3;

}

@media only screen and (max-width: 767px) {

    .review-box .star-review span {

        font-size: 16px;

        display: inline-block;

        margin-bottom: 0;

    }

}

.review-box .star-review i {

    font-size: 18px;

    margin: 0 2px;

}

@media only screen and (max-width: 1400px) {

    .review-box .star-review i {

        font-size: 16px;

        margin: 0 1px;

    }

}



@media only screen and (max-width: 767px) {

    .patient-box {

        display: block !important;

    }

}

.patient-box .up-sign i {

    font-size: 50px;

    line-height: 0.7;

}

@media only screen and (max-width: 767px) {

    .patient-box .up-sign {

        float: right;

    }

}

@media only screen and (max-width: 767px) {

    .patient-box img {

        width: 100px;

        float: left;

    }

}



.patient-calender {

    color: #fff;

}

.patient-calender .bootstrap-datetimepicker-widget table td,

.patient-calender .bootstrap-datetimepicker-widget table th {

    padding: 15px 5px;

    border-radius: 0.35rem;

}

.patient-calender .bootstrap-datetimepicker-widget table th {

    height: 20px;

    line-height: 20px;

    width: 20px;

    font-weight: 400;

    opacity: 0.7;

    font-size: 14px;

}

.patient-calender .bootstrap-datetimepicker-widget table td.active,

.patient-calender .bootstrap-datetimepicker-widget table td.active:hover,

.patient-calender .bootstrap-datetimepicker-widget table span,

.patient-calender .bootstrap-datetimepicker-widget table i {

    color: #fff;

}

.patient-calender

    .bootstrap-datetimepicker-widget

    table

    thead

    tr:first-child

    th {

    font-size: 18px;

    font-weight: 600;

    opacity: 1;

}

.patient-calender .bootstrap-datetimepicker-widget table .btn-primary {

    border: 0;

    padding: 10px;

}

.patient-calender .bootstrap-datetimepicker-widget table .btn-primary,

.patient-calender .bootstrap-datetimepicker-widget table td span.active,

.patient-calender .bootstrap-datetimepicker-widget table td i.active,

.patient-calender

    .bootstrap-datetimepicker-widget

    table

    thead

    tr:first-child

    th:hover,

.patient-calender .bootstrap-datetimepicker-widget table td span:hover,

.patient-calender .bootstrap-datetimepicker-widget table td i:hover,

.patient-calender .bootstrap-datetimepicker-widget table td.day:hover,

.patient-calender .bootstrap-datetimepicker-widget table td.hour:hover,

.patient-calender .bootstrap-datetimepicker-widget table td.minute:hover,

.patient-calender .bootstrap-datetimepicker-widget table td.second:hover {

    background: rgba(0, 0, 0, 0.2);

}

.patient-calender .datepicker table tr td.active,

.patient-calender .datepicker table tr td.today {

    background: rgba(0, 0, 0, 0.2) !important;

}



.abilities-chart .ct-chart .ct-label {

    font-size: 16px;

    fill: #000;

}

.abilities-chart .ct-chart .ct-series.ct-series-a .ct-slice-donut {

    stroke: #209f84;

}

.abilities-chart .ct-chart .ct-series.ct-series-b .ct-slice-donut {

    stroke: #07654e;

}

.abilities-chart .ct-chart .ct-series.ct-series-c .ct-slice-donut {

    stroke: #93cbff;

}

.abilities-chart .chart-point {

    font-size: 16px;

    justify-content: space-between;

    margin-top: 40px;

}

.abilities-chart .chart-point .a,

.abilities-chart .chart-point .b,

.abilities-chart .chart-point .c {

    width: 32px;

    height: 8px;

    display: block;

    border-radius: 8px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 10px;

}

.abilities-chart .chart-point .a {

    background: #07654e;

}

.abilities-chart .chart-point .b {

    background: #209f84;

}

.abilities-chart .chart-point .c {

    background: #93cbff;

}



.patient-map-area {

    position: relative;

    border-radius: 12px;

    overflow: hidden;

}

.patient-map-area a {

    position: absolute;

    bottom: 30px;

    left: 30px;

}

.patient-map-area i {

    background: #3e4954;

    position: absolute;

    top: 30px;

    right: 30px;

    width: 56px;

    height: 56px;

    text-align: center;

    line-height: 56px;

    font-size: 24px;

    color: #fff;

    border-radius: 56px;

}

.patient-map-area img {

    width: 100%;

}



.iconbox {

    position: relative;

    padding-left: 70px;

}

.iconbox i {

    background: #f9f7fa;

    width: 56px;

    height: 56px;

    line-height: 56px;

    border-radius: 56px;

    text-align: center;

    font-size: 32px;

    color: var(--primary);

    position: absolute;

    left: 0;

    top: 0;

}

.iconbox p {

    margin: 0;

    color: #484848;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 500;

}

.iconbox small {

    margin-bottom: 5px;

    font-size: 16px;

    display: block;

}



.widget-timeline-icon li {

    padding-left: 45px;

    position: relative;

    margin-left: 28px;

    border-left: 3px solid var(--primary);

    min-height: 80px;

    padding-top: 1px;

}

.widget-timeline-icon li .icon {

    position: absolute;

    width: 56px;

    height: 56px;

    font-size: 24px;

    color: #fff;

    text-align: center;

    line-height: 56px;

    border-radius: 56px;

    left: -30px;

    top: 0;

}

.widget-timeline-icon li:last-child {

    border-left: 3px solid transparent;

}



.assigned-doctor {

    position: relative;

}

.assigned-doctor .owl-item img {

    width: 90px;

}

.assigned-doctor .owl-next,

.assigned-doctor .owl-prev {

    position: absolute;

    width: 60px;

    height: 60px;

    line-height: 60px;

    border-radius: 0.75rem;

    top: 50%;

    background: #fff;

    color: var(--primary);

    font-size: 18px;

    margin-top: -30px;

    text-align: center;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    cursor: pointer;

    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.13);

}

@media only screen and (max-width: 575px) {

    .assigned-doctor .owl-next,

    .assigned-doctor .owl-prev {

        width: 45px;

        height: 45px;

        line-height: 45px;

    }

}

.assigned-doctor .owl-next:hover,

.assigned-doctor .owl-prev:hover {

    background: #450b5a;

    color: #fff;

}

.assigned-doctor .owl-next {

    right: -45px;

}

@media only screen and (max-width: 575px) {

    .assigned-doctor .owl-next {

        right: -25px;

    }

}

.assigned-doctor .owl-prev {

    left: -45px;

}

@media only screen and (max-width: 575px) {

    .assigned-doctor .owl-prev {

        left: -25px;

    }

}



.review-table {

    padding: 25px;

    box-shadow: none;

    border-radius: 0;

    border-bottom: 1px solid #eee;

    height: auto;

    margin-bottom: 0;

}

.review-table .disease {

    border-left: 1px solid #eee;

    padding-left: 20px;

}

@media only screen and (max-width: 991px) {

    .review-table .disease {

        border-left: 0;

        padding-left: 0;

        margin-right: 10px !important;

        margin-left: 0;

    }

}

.review-table .star-review i {

    font-size: 20px;

}

@media only screen and (max-width: 991px) {

    .review-table .star-review i {

        font-size: 216x;

    }

}

.review-table .media-body p {

    color: #3e4954;

    font-size: 18px;

    line-height: 1.5;

}

@media only screen and (max-width: 991px) {

    .review-table .media-body p {

        font-size: 14px;

    }

}

.review-table .media-footer {

    min-width: 500px;

}

@media only screen and (max-width: 1400px) {

    .review-table .media-footer {

        min-width: 300px;

        margin-left: 10px;

    }

}

@media only screen and (max-width: 991px) {

    .review-table .media-footer {

        margin-left: 0;

        margin-top: 25px;

    }

}

@media only screen and (max-width: 991px) {

    .review-table img {

        float: left;

        width: 80px;

    }

}

@media only screen and (max-width: 991px) {

    .review-table .media {

        display: block !important;

    }

}

@media only screen and (max-width: 1199px) {

    .review-table .custom-control {

        float: right;

    }

}

@media only screen and (max-width: 991px) {

    .review-table {

        padding: 15px;

    }

}



.review-tab.nav-pills {

    margin-bottom: 0;

}

.review-tab.nav-pills li {

    display: inline-block;

}

.review-tab.nav-pills li a.nav-link {

    color: #6b6b6b;

    background: #e9e9e9;

    box-shadow: none;

    border-radius: 0;

    font-weight: 600;

    font-size: 16px;

    padding: 15px 40px;

    margin-right: 1px;

}

.review-tab.nav-pills li a.nav-link.active {

    color: var(--primary);

    background: #fff;

}

@media only screen and (max-width: 991px) {

    .review-tab.nav-pills li a.nav-link {

        font-size: 14px;

        padding: 10px 15px;

    }

}

.review-tab.nav-pills li:first-child a.nav-link {

    border-radius: 0.35rem 0 0 0;

}

.review-tab.nav-pills li:last-child a.nav-link {

    border-radius: 0 0.35rem 0 0;

}



.dashboard-calendar .fc-theme-standard td,

.dashboard-calendar .fc-theme-standard th {

    border: 0;

    padding: 5px;

}

@media only screen and (max-width: 575px) {

    .dashboard-calendar .fc-theme-standard td,

    .dashboard-calendar .fc-theme-standard th {

        padding: 2px;

    }

}

.dashboard-calendar .fc-theme-standard tbody td {

    height: 120px;

}

@media only screen and (max-width: 575px) {

    .dashboard-calendar .fc-theme-standard tbody td {

        height: 90px;

    }

}

.dashboard-calendar .fc-theme-standard .fc-scrollgrid {

    border: 0;

}

.dashboard-calendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {

    border-radius: 0.35rem;

    border: 1px solid #eeeeee;

    padding: 10px 10px;

}

@media only screen and (max-width: 575px) {

    .dashboard-calendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {

        padding: 5px 3px;

    }

}

.dashboard-calendar .fc-theme-standard th {

    color: #000;

}

.dashboard-calendar .fc .fc-daygrid-day-top {

    justify-content: flex-end;

    font-size: 20px;

    color: #000;

    font-weight: 600;

}

@media only screen and (max-width: 575px) {

    .dashboard-calendar .fc .fc-daygrid-day-top {

        font-size: 14px;

    }

}

.dashboard-calendar .fc .fc-non-business,

.dashboard-calendar .fc .fc-highlight {

    border-radius: 0.35rem;

    background: var(--rgba-primary-1);

    margin: -2px;

}

.dashboard-calendar .fc .fc-daygrid-more-link {

    font-size: 14px;

    color: var(--primary);

    font-weight: 600;

}

.dashboard-calendar .fc .fc-toolbar-title {

    text-transform: capitalize;

    color: #000;

}

.dashboard-calendar .fc-button.fc-button-primary.fc-today-button {

    background: transparent;

    border: 1px solid var(--primary);

    color: var(--primary);

    border-radius: 0.35rem;

    padding: 10px 25px;

}

.dashboard-calendar .fc-button.fc-button-primary.fc-today-button:hover {

    background: var(--primary);

    color: #fff;

}

.dashboard-calendar .fc-button.fc-button-primary.fc-today-button:focus {

    box-shadow: none;

}

.dashboard-calendar .fc-direction-ltr .fc-daygrid-event.fc-event-end,

.dashboard-calendar .fc-direction-rtl .fc-daygrid-event.fc-event-start {

    margin: 6px 6px;

    border-radius: 40px;

}

@media only screen and (max-width: 575px) {

    .dashboard-calendar .fc .fc-toolbar.fc-header-toolbar {

        text-align: center;

    }

    .dashboard-calendar .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk {

        justify-content: center;

    }

}



/* .form-head{

	padding: 45px 0 130px 0;

    margin-bottom: -130px;

	background-size:cover;

	&>div{

		

	}

} */

.plus-icon {

    height: 60px;

    width: 60px;

    line-height: 60px;

    font-size: 24px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    min-width: 60px;

    text-align: center;

    border-radius: 0.35rem;

    background: rgba(255, 255, 255, 0.2);

    color: #fff;

}

.plus-icon:hover {

    color: #fff;

}



.deznav .copyright {

    font-size: 14px;

    padding: 0 45px;

    margin-top: 40px;

    color: #969ba0;

    margin-bottom: 40px;

}



.currency-icon {

    margin-top: -34px;

}



.caret a {

    height: 40px;

    width: 50px;

    background: #036111;

    display: block;

    line-height: 40px;

    text-align: center;

    font-size: 26px;

    margin-right: auto;

    margin-left: auto;

    color: white;

    border-radius: 0.35rem;

    margin-bottom: -18px;

}

.caret a:hover {

    color: #fff;

}

@media only screen and (max-width: 575px) {

    .caret a {

        margin-bottom: -10px !important;

        height: 35px;

        width: 38px;

        font-size: 20px;

        border-radius: 10px;

        line-height: 40px;

    }

}



.card-bx img {

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 0;

    border-radius: 1.25rem;

    object-fit: cover;

}

.card-bx .card-info {

    position: relative;

    padding: 40px 30px;

}

.card-bx .card-info .num-text {

    font-size: 28px;

}



.stacked {

    position: relative;

    z-index: 1;

}



.plus-icon {

    height: 60px;

    width: 60px;

    line-height: 60px;

    font-size: 24px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    min-width: 60px;

    text-align: center;

    border-radius: 0.35rem;

    background: rgba(255, 255, 255, 0.2);

    color: #fff;

}

.plus-icon:hover {

    color: #fff;

}



.deznav .copyright {

    font-size: 14px;

    padding: 0 30px;

    margin-top: 650px;

    color: #969ba0;

    margin-bottom: 40px;

}



.card-tabs .nav-tabs.style-1 {

    padding: 0;

}

.card-tabs .nav-tabs.style-1 .nav-item .nav-link {

    padding: 0;

    padding-right: 25px;

    color: #b5b5b5;

    font-size: 18px;

    font-weight: 500;

}

.card-tabs .nav-tabs.style-1 .nav-item .nav-link.active {

    background: transparent;

    color: #000;

}

@media only screen and (max-width: 1400px) {

    .card-tabs .nav-tabs.style-1 .nav-item .nav-link {

        font-size: 14px;

        padding-right: 16px;

    }

}

.card-tabs .nav-tabs.style-2 {

    border-bottom: 0;

}

.card-tabs .nav-tabs.style-2 .nav-item .nav-link {

    border-radius: 5rem;

    padding: 15px 20px;

    font-weight: 500;

    font-size: 17px;

    border: 0;

}

.card-tabs .nav-tabs.style-2 .nav-item .nav-link .badge {

    margin-left: 5px;

    color: #fff;

}

.card-tabs .nav-tabs.style-2 .nav-item .nav-link.active {

    color: #000;

}

@media only screen and (max-width: 1400px) {

    .card-tabs .nav-tabs.style-2 .nav-item .nav-link {

        font-size: 14px;

    }

}

@media only screen and (max-width: 1199px) {

    .card-tabs .nav-tabs.style-2 .nav-item .nav-link {

        padding: 10px 15px;

    }

}

@media only screen and (max-width: 575px) {

    .card-tabs .nav-tabs.style-2 {

        margin-bottom: 10px;

    }

    .card-tabs .nav-tabs.style-2 .nav-item .nav-link {

        padding: 5px 10px;

    }

}



.currency-icon {

    margin-top: -65px;

    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);

    border-radius: 100%;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

@media only screen and (max-width: 1600px) {

    .currency-icon {

        height: 65px;

        width: 65px;

    }

}

@media only screen and (max-width: 575px) {

    .currency-icon {

        margin-top: -50px;

    }

}



.card-coin:hover {

    transform: translateY(-10px);

}

.card-coin:hover .currency-icon {

    box-shadow: none;

}

.card-coin h2 {

    font-size: 30px;

}

@media only screen and (max-width: 1600px) {

    .card-coin h2 {

        font-size: 22px;

    }

}



.card-bx img {

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 0;

    border-radius: 0.35rem;

    object-fit: cover;

}

.card-bx .card-info {

    position: relative;

    padding: 25px 30px;

}



.stacked {

    position: relative;

    z-index: 1;

}



.form-wrapper .form-group {

    margin-bottom: 12px;

}

.form-wrapper .input-group {

    border-radius: 0.35rem;

}

.form-wrapper .input-group .input-group-prepend .input-group-text {

    background: #5b5288;

    border: 0;

    justify-content: left;

    font-size: 16px;

    font-weight: 500;

    padding-left: 30px;

    min-width: 170px;

    color: white;

    border-top-left-radius: 0.35rem;

    border-bottom-left-radius: 0.35rem;

}

@media only screen and (max-width: 575px) {

    .form-wrapper .input-group .input-group-prepend .input-group-text {

        min-width: 115px;

    }

}

.form-wrapper .input-group .form-control {

    font-size: 20px;

    height: 55px;

    border: 1px solid #eeeeee;

    text-align: right;

    border-top-right-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

@media only screen and (max-width: 1400px) {

    .form-wrapper .input-group .input-group-prepend .input-group-text {

        font-size: 14px;

        padding-left: 20px;

    }

}

@media only screen and (max-width: 1400px) and (max-width: 575px) {

    .form-wrapper .input-group .input-group-prepend .input-group-text {

        font-size: 12px;

    }

}

@media only screen and (max-width: 1400px) {

    .form-wrapper .input-group .form-control {

        font-size: 16px;

        height: 50px;

    }

}



.card-tabs.style-1 .nav-tabs {

    border: 0;

    border-radius: 0.35rem;

    background-color: #f7f7f7;

}

.card-tabs.style-1 .nav-tabs .nav-item {

    margin-bottom: 0;

}

.card-tabs.style-1 .nav-tabs .nav-link {

    border: 0;

    border-radius: 0.35rem;

}

.card-tabs.style-1 .nav-tabs .nav-link.active {

    background-color: var(--primary);

    color: #fff;

}



.tbl-btn tr td a {

    min-width: 110px;

    padding: 10px 0;

}



.amount {

    display: block;

    text-align: center;

    align-items: center;

}

.amount .form-control {

    text-align: right;

    background: transparent;

    border-left: 0;

    font-size: 24px;

    height: 75px;

}

.amount label {

    width: 210px;

    background: #5b5288;

    margin: 0;

    padding-left: 30px;

    border: 0;

    border-radius: 14px;

}



.theme-colors .btn {

    height: 35px;

    width: 35px;

    cursor: pointer;

    border-radius: 35px !important;

    padding: 0;

    text-align: center;

    margin-right: 12px;

    padding: 3px;

}

.theme-colors .btn i {

    font-size: 28px;

    color: #fff;

    display: none;

}

.theme-colors .btn.active i {

    display: block;

}



.donut-chart-sale small {

    font-size: 20px;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    display: flex;

    align-items: center;

    top: 0;

    justify-content: center;

    font-weight: 600;

    z-index: 1;

    color: black !important;

}

.donut-chart-sale small:after {

    content: "";

    position: absolute;

    height: 76%;

    width: 76%;

    top: 50%;

    transform: translate(-50%, -50%);

    left: 50%;

    background: white;

    border-radius: 100%;

    z-index: -1;

}



.default-select.style-1 {

    width: auto !important;

    border-radius: 0.35rem;

    left: 0;

    top: 0;

    height: auto !important;

}

.default-select.style-1 .btn {

    color: #fff !important;

    border: 0 !important;

}

.default-select.style-1 .btn:after {

    margin-left: 0.5em;

    font-size: 16px;

}

.default-select.style-1 .dropdown-menu {

    z-index: 1;

}

.default-select.style-1 .dropdown-menu .dropdown-item {

    font-size: 16px;

}

@media only screen and (max-width: 1400px) {

    .default-select.style-1 .btn {

        padding: 0.625rem 1rem;

        font-size: 0.813rem !important;

    }

    .default-select.style-1 .dropdown-menu .dropdown-item {

        font-size: 0.813rem !important;

    }

}

.default-select.style-2 {

    width: auto !important;

    left: 0;

    top: 0;

    height: auto !important;

}

.default-select.style-2 .btn {

    padding: 0.938rem 1.5rem;

    border-radius: 0.75rem;

    font-weight: 500;

    font-size: 1rem;

    color: var(--primary) !important;

    border: 1px solid #eeeeee !important;

}

.default-select.style-2 .btn:after {

    margin-left: 0.5em;

    font-size: 16px;

}

.default-select.style-2 .dropdown-menu {

    z-index: 1;

}

.default-select.style-2 .dropdown-menu .dropdown-item {

    font-size: 1rem;

}



.underline {

    text-decoration: underline;

}



.ic-icon {

    height: 63px;

    width: 63px;

    min-width: 63px;

    display: inline-block;

    line-height: 63px;

    text-align: center;

    border-radius: 14px;

    margin-right: 12px;

}

@media only screen and (max-width: 575px) {

    .ic-icon {

        height: 45px;

        width: 45px;

        min-width: 45px;

        line-height: 45px;

    }

}



.coin-tabs .nav-tabs {

    border: 0;

}

.coin-tabs .nav-tabs .nav-link {

    border: 0;

    border-bottom: 2px solid var(--rgba-primary-2);

}

.coin-tabs .nav-tabs .nav-link.active {

    color: #000;

    border-color: var(--primary);

}



.detault-daterange {

    width: auto;

    border: 1px solid #cfcfcf;

    border-radius: 0.35rem;

    overflow: hidden;

}

.detault-daterange .form-control {

    border: 0;

    padding: 0;

    height: 40px;

    font-weight: 600;

}

.detault-daterange .input-group-text {

    padding: 0;

    background: transparent;

    padding-right: 0;

    color: var(--primary);

    border-radius: 0;

}

.detault-daterange .input-group-text i {

    font-size: 28px;

}

@media only screen and (max-width: 1400px) {

    .detault-daterange .form-control,

    .detault-daterange .input-group-text {

        height: 40px;

    }

}



.coin-holding {

    padding: 15px 20px;

    align-items: center;

    border-radius: 15px;

    position: relative;

    margin-right: 0;

    margin-left: 0;

    z-index: 1;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.coin-holding:after {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    z-index: -1;

    border-radius: 15px;

    background: -moz-linear-gradient(

        left,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.46) 100%

    );

    /* FF3.6-15 */

    background: -webkit-linear-gradient(

        left,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.46) 100%

    );

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0) 0%,

        rgba(255, 255, 255, 0.46) 100%

    );

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#75ffffff',GradientType=1 );

    /* IE6-9 */

}

.coin-holding .coin-font {

    font-size: 28px;

}

@media only screen and (max-width: 1600px) {

    .coin-holding .coin-font {

        font-size: 16px;

    }

}

@media only screen and (max-width: 1199px) {

    .coin-holding .coin-font {

        font-size: 16px;

    }

}

@media only screen and (max-width: 575px) {

    .coin-holding .coin-font {

        font-size: 20px;

    }

}

.coin-holding .coin-font-1 {

    font-size: 30px;

    font-weight: 600;

}

@media only screen and (max-width: 1600px) {

    .coin-holding .coin-font-1 {

        font-size: 16px;

    }

}

@media only screen and (max-width: 1199px) {

    .coin-holding .coin-font-1 {

        font-size: 16px;

    }

}

@media only screen and (max-width: 1600px) {

    .coin-holding .coin-bx svg {

        width: 50px;

    }

}

@media only screen and (max-width: 575px) {

    .coin-holding .coin-bx {

        width: 100%;

    }

    .coin-holding .coin-bx svg {

        width: 50px;

    }

}

@media only screen and (max-width: 575px) {

    .coin-holding .coin-bx-one svg {

        width: 20px;

    }

}

@media only screen and (max-width: 575px) {

    .coin-holding p {

        font-size: 11px;

    }

}



.my-profile {

    position: relative;

    display: inline-block;

}

.my-profile img {

    height: 195px;

    width: 195px;

    border-radius: 15px;

}

@media only screen and (max-width: 1199px) {

    .my-profile img {

        height: 100px;

        width: 100px;

    }

}

.my-profile a {

    position: absolute;

    height: 52px;

    width: 52px;

    background: var(--primary);

    text-align: center;

    line-height: 52px;

    border-radius: 15px;

    color: white;

    font-size: 20px;

    top: -20px;

    right: -20px;

}

@media only screen and (max-width: 1199px) {

    .my-profile a {

        height: 35px;

        width: 35px;

        line-height: 35px;

        font-size: 14px;

        border-radius: 10px;

    }

}



.name-text {

    font-size: 20px;

}

@media only screen and (max-width: 1199px) {

    .name-text {

        font-size: 16px;

    }

}



.portofolio-social {

    display: flex;

    justify-content: center;

    margin-top: 30px;

}

.portofolio-social li a {

    height: 52px;

    width: 52px;

    border: 1px solid;

    border-color: var(--primary);

    line-height: 52px;

    font-size: 24px;

    display: block;

    text-align: center;

    color: var(--primary);

    margin: 0 8px;

    border-radius: 15px;

}

@media only screen and (max-width: 1199px) {

    .portofolio-social li a {

        height: 40px;

        width: 40px;

        line-height: 40px;

        font-size: 20px;

    }

}



.rank-ic {

    height: 55px;

    width: 55px;

    line-height: 55px;

    display: block;

    border-radius: 0.35rem;

    text-align: center;

}

@media only screen and (max-width: 575px) {

    .rank-ic {

        height: 50px;

        width: 50px;

        line-height: 50px;

        font-size: 16px !important;

    }

}



.weather-btn {

    background: #fff;

    display: flex;

    padding: 10px 10px;

    align-items: center;

    border-radius: 0.35rem;

    margin-right: 20px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);

}

.weather-btn .bootstrap-select .btn {

    background: transparent !important;

    border: 0 !important;

    padding: 0;

    color: #000 !important;

}



.tbl-orders {

    background: #f4f4f4;

    border-radius: 0.35rem;

}



.m-t35 {

    margin-top: 35px;

}



@media only screen and (max-width: 575px) {

    .svg-btn {

        width: max-content;

        padding: 5px 10px;

    }

}

@media only screen and (max-width: 575px) {

    .svg-btn svg {

        height: 30px;

        width: 30px;

    }

}



@media only screen and (max-width: 575px) {

    .m-t25 {

        margin-top: 25px;

    }

}



.custom-dropdown .bootstrap-select button {

    padding: 0px;

    border: 0 !important;

}



.tbl-orders-style svg path {

    stroke: #000;

}

.tbl-orders-style tr td {

    color: black;

}



.chart-content {

    padding: 14px 0;

}



.wspace-no {

    white-space: nowrap;

}



.about-coin .title {

    font-size: 24px;

}

@media only screen and (max-width: 575px) {

    .about-coin .title {

        font-size: 16px;

    }

}

.about-coin .sub-title {

    font-size: 14px;

}

@media only screen and (max-width: 575px) {

    .about-coin .sub-title {

        font-size: 12px;

    }

}

@media only screen and (max-width: 575px) {

    .about-coin img {

        width: 60px;

    }

    .about-coin .sub-title {

        margin-bottom: 0;

    }

}

.about-coin span {

    font-size: 14px;

}

@media only screen and (max-width: 575px) {

    .about-coin span {

        font-size: 12px;

    }

}



.card-table {

    overflow: hidden;

}

@media only screen and (max-width: 575px) {

    .card-table tbody tr td span svg {

        width: 40px;

    }

}



.form-head h2 {

    font-size: 34px;

}

@media only screen and (max-width: 575px) {

    .form-head h2 {

        font-size: 24px;

    }

}



.current-chart {

    margin-bottom: -40px;

}



.swiper-box {

    position: relative;

    height: 920px;

}

.swiper-box .swiper-container {

    width: 100%;

    height: 100%;

}

.swiper-box .card {

    height: auto;

}

.swiper-box .swiper-slide {

    font-size: 18px;

    height: auto;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding-left: 23px;

}

.swiper-box .swiper-container-vertical > .swiper-scrollbar {

    right: auto;

    left: 4px;

    width: 2px;

}

.swiper-box .swiper-scrollbar-drag {

    width: 8px;

    left: -3px;

    background: #036111;

}

.swiper-box:after {

    content: "";

    height: 200px;

    width: 100%;

    z-index: 1;

    position: absolute;

    left: 0;

    bottom: 0;

    background: -moz-linear-gradient(

        top,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(249, 249, 249, 0.43) 53%,

        #f9f9f9 79%

    );

    background: -webkit-linear-gradient(

        top,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(249, 249, 249, 0.43) 53%,

        #f9f9f9 79%

    );

    background: linear-gradient(

        to bottom,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(249, 249, 249, 0.43) 53%,

        #f9f9f9 79%

    );

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#f9f9f9',GradientType=0 );

}

@media only screen and (max-width: 1600px) {

    .swiper-box {

        height: 1100px;

    }

}

@media only screen and (max-width: 1199px) {

    .swiper-box {

        height: auto;

        margin-bottom: 25px;

    }

    .swiper-box:after {

        content: none;

    }

    .swiper-box .swiper-slide {

        padding-left: 0;

        padding: 0 10px;

    }

}

@media only screen and (max-width: 575px) {

    .swiper-box .card {

        margin-bottom: 25px;

    }

}



.action-button .btn-info svg path {

    stroke: #51a6f5;

}

.action-button .btn-danger svg path {

    stroke: #ff4c41;

}

.action-button .btn:hover svg path,

.action-button .btn:focus svg path {

    stroke: #fff;

}



.apexcharts-tooltip.apexcharts-theme-light {

    border-radius: 0.35rem;

    background: #ffffff;

    border: 0 !important;

    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);

}



.apexcharts-xaxistooltip.apexcharts-theme-light {

    border-radius: 0.42rem !important;

    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;

    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;

    border: 0 !important;

    background: #ffffff !important;

}



.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {

    background: #f3f6f9 !important;

    border: 0 !important;

}



.apexcharts-tooltip .apexcharts-tooltip-title {

    padding: 0.5rem 1rem;

}



.apexcharts-xaxistooltip.apexcharts-theme-light:before {

    border-bottom: 0 !important;

}



.apexcharts-xaxistooltip.apexcharts-theme-light:after {

    border-bottom-color: #ffffff !important;

}



/*

===================================

    Product detail

===================================*/

.produtct-detail-tag {

    display: inline-block;

}

.produtct-detail-tag a {

    font-style: 13px;

    color: #6e6e6e;

}



.product-detail-content .item-tag {

    background: #828690;

    border-radius: 6px;

    display: inline-block;

    font-size: 12px;

    margin-right: 4px;

    padding: 2px 12px;

    color: #fff;

}



.filtaring-area h4 {

    color: #1d1d1d;

    font-size: 16px;

    font-weight: 400;

    text-transform: lowercase;

}



.plus-minus-input .input-icon {

    font-size: 13px;

    color: #6e6e6e;

}



.plus-minus-input {

    display: flex;

    width: 120px;

}

.plus-minus-input .custom-btn {

    border-radius: 0;

    height: 40px;

    padding: 12px 8px;

    background: #fff;

    border: 1px solid #eeeeee;

}

.plus-minus-input .form-control:hover,

.plus-minus-input .form-control:focus,

.plus-minus-input .form-control:active {

    border: 1px solid #eeeeee;

}



.btn-reveal-trigger .avatar-xl {

    min-width: 30px;

}



.share-view {

    display: inline-block;

}

.share-view ul li {

    display: inline-block;

}

.share-view .share-icon {

    width: 40px;

    height: 40px;

    display: inline-block;

    border: 1px solid #eeeeee;

    text-align: center;

    line-height: 40px;

    font-style: 16px;

    color: #eeeeee;

    margin-right: 8px;

}



/*--------tab----------*/

.veritical-line {

    padding: 20px 30px;

    border-top: 1px solid #eeeeee;

    border-right: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;

    position: relative;

}

.veritical-line:before {

    background: #eeeeee;

    bottom: 0;

    content: "";

    height: 100%;

    left: -1px;

    max-height: 40%;

    position: absolute;

    width: 1px;

}



.tab-content-text p {

    color: #6e6e6e;

    font-size: 13px;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 25px;

}



.tab-item-list li a {

    background: #fff;

    border-top: 1px solid #eeeeee;

    border-left: 1px solid #eeeeee;

    border-right: 1px solid #eeeeee;

    color: #6e6e6e;

    display: block;

    font-size: 16px;

    padding: 16px;

    text-transform: uppercase;

}

.tab-item-list li a:hover,

.tab-item-list li a:focus {

    background: #fff;

    color: #6e6e6e;

    border-right: 0px;

}

.tab-item-list li:last-child {

    border-bottom: 1px solid #eeeeee;

}



.tab-list li {

    margin-bottom: 7px;

    font-size: 13px;

}

.tab-list li i {

    font-size: 13px;

    margin-right: 14px;

}



.slide-item-list {

    text-align: center;

    margin: 0 -5px;

}

.slide-item-list li {

    display: inline-block;

    flex: 0 0 25%;

    width: 25%;

    padding: 0 5px;

}

.slide-item-list li a {

    display: inline-block;

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

    background: transparent;

    padding-bottom: 0px;

}

.slide-item-list li a:hover,

.slide-item-list li a:focus {

    background: transparent;

}

.slide-item-list li a img {

    width: 100%;

}



.product-detail-text {

    padding-top: 28px;

    padding-left: 30px;

    padding-right: 30px;

    padding-bottom: 70px;

}



.star-rating .product-review {

    font-style: 13px;

    color: #6e6e6e;

    font-weight: 400;

    text-decoration: underline !important;

}



.product-detail .tab-content img {

    display: inline-block;

    width: 100%;

}



.popular-tag ul {

    margin: 0px;

    padding: 0px;

}

.popular-tag ul li {

    display: inline-block;

    padding: 8px 15px;

    background: #f8f8f8;

    font-size: 13px;

    color: #fff;

    margin-right: 10px;

    margin-bottom: 10px;

}



.size-filter ul li {

    display: inline-block;

}



.intro {

    border: 1px solid red;

    color: #1d1d1d;

}



#listResults .slider {

    margin: 25px 0;

}

#listResults .slider-box {

    width: 90%;

    margin: 25px auto;

}

#listResults input {

    width: 10%;

}

#listResults label {

    border: none;

    display: inline-block;

    margin-right: -4px;

    vertical-align: top;

    width: 30%;

}



.plus-minus-input .input-icon {

    font-size: 13px;

    color: #aaaaaa;

}

.plus-minus-input .custom-btn {

    border-radius: 0;

    height: 40px;

    padding: 8px 12px;

    background: #ffffff;

    border: 1px solid #c8c8c8;

}

.plus-minus-input .custom-btn:hover,

.plus-minus-input .custom-btn:focus,

.plus-minus-input .custom-btn.active {

    box-shadow: none;

    outline: none;

}

.plus-minus-input .form-control {

    height: 40px;

    border-top: 1px solid #c8c8c8;

    border-bottom: 1px solid #c8c8c8;

    border-left: 0px solid #c8c8c8;

    border-right: 1px solid #c8c8c8;

}

.plus-minus-input .form-control:hover,

.plus-minus-input .form-control:focus,

.plus-minus-input .form-control:active {

    border-top: 1px solid #c8c8c8;

    border-bottom: 1px solid #c8c8c8;

    border-left: 0px solid #c8c8c8;

    border-right: 0px solid #c8c8c8;

}



.new-arrival-product .new-arrivals-img-contnent {

    overflow: hidden;

}

.new-arrival-product .new-arrivals-img-contnent img {

    width: 100%;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.new-arrival-product:hover .new-arrivals-img-contnent img {

    transform: scale(1.5) translateY(12%);

    -moz-transform: scale(1.5) translateY(12%);

    -webkit-transform: scale(1.5) translateY(12%);

    -ms-transform: scale(1.5) translateY(12%);

    -o-transform: scale(1.5) translateY(12%);

}



/*

===================================

    list view

===================================*/

.new-arrival-content .item {

    font-size: 12px;

    color: #6e6e6e;

}

.new-arrival-content h4 {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

}

.new-arrival-content h4 a {

    color: #000;

}

.new-arrival-content .price {

    font-weight: 600;

    color: var(--primary);

    font-size: 24px;

    margin-bottom: 0;

    float: right;

}

@media only screen and (max-width: 575px) {

    .new-arrival-content .price {

        float: none;

        margin-top: 10px;

    }

}

.new-arrival-content p {

    font-size: 14px;

    color: #828690;

    margin-bottom: 6px;

    line-height: 24px;

}

.new-arrival-content .text-content {

    margin-top: 18px;

}



.new-arrival-content.text-center .price {

    float: unset;

}



.success-icon {

    color: #68cf29;

    font-size: 16px;

}



.comment-review {

    margin-bottom: 15px;

    display: table;

    width: 100%;

}

.comment-review .client-review {

    color: #828690;

    padding-right: 20px;

    text-decoration: underline !important;

    font-size: 14px;

}

.comment-review .span {

    color: #828690;

    font-size: 14px;

}

@media only screen and (max-width: 575px) {

    .comment-review {

        margin-bottom: 0;

    }

}



.star-rating li {

    display: inline-block;

}

.star-rating li i {

    color: gold;

}



.user-card .dz-media {

    height: 80px;

    width: 80px;

    min-width: 80px;

    border-radius: 10px;

    overflow: hidden;

    border: 4px solid #fff;

    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);

}

.user-card .dz-media img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.user-card .icon-placeholder {

    font-size: 24px;

    text-transform: uppercase;

    line-height: 70px;

    font-weight: 500;

    display: block;

    letter-spacing: 2px;

    text-align: center;

    height: 100%;

}

.user-card .title a {

    color: #000;

}

.user-card .title a:hover {

    color: var(--primary);

}

.user-card .list-group {

    margin: 0 -30px;

}

.user-card .list-group .list-group-item {

    padding: 10px 30px;

}



.profile-wrapper .profile-img {

    height: 150px;

    width: 150px;

    min-width: 150px;

    display: inline-block;

    border-radius: 0.35rem;

}

.profile-wrapper .profile-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 0.35rem;

}

.profile-wrapper .profile-img.active {

    position: relative;

}

.profile-wrapper .profile-img.active:after {

    content: "";

    position: absolute;

    right: -5px;

    top: -5px;

    border-radius: 50%;

    border: 3px solid #fff;

    height: 18px;

    width: 18px;

    background: #68cf29;

}

.profile-wrapper .user-list-detail {

    display: flex;

}

.profile-wrapper .user-list-detail li {

    padding-right: 12px;

    margin-right: 12px;

    border-right: 1px solid #eeeeee;

}

.profile-wrapper .user-list-detail li:last-child {

    border-right: 0;

}

.profile-wrapper .user-list-detail li svg {

    width: 20px;

    fill: rgba(0, 23, 55, 0.08);

}



.user-states-info {

    background: #f7f7f7;

    border-radius: 0.35rem;

    text-align: center;

    padding: 15px 10px;

    border: 1px solid #dedede;

    border-style: dashed;

}

.user-states-info .user-states-info-name {

    font-size: 16px;

    color: black;

    font-weight: 600;

    display: block;

}

.user-states-info .user-states-value {

    font-size: 15px;

}



.default-progress {

    height: 20px;

}

.default-progress .progress-bar {

    border-radius: 20px;

}

.default-progress .progress-title {

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 14px;

    padding: 0 15px;

}



.bg-gradient-1 {

    background: #ac39d4;

    background: -moz-linear-gradient(left, #ac39d4 0%, #f04cf3 100%);

    background: -webkit-linear-gradient(left, #ac39d4 0%, #f04cf3 100%);

    background: linear-gradient(to right, #ac39d4 0%, #f04cf3 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac39d4', endColorstr='#f04cf3',GradientType=1 );

}



@media only screen and (max-width: 767px) {

    .chat-body {

        min-height: auto !important;

    }

}



.chat-wrapper {

    display: flex;

    overflow: hidden;

    position: relative;

}

.chat-wrapper .chat-left-sidebar {

    width: 320px;

    min-width: 320px;

    -webkit-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s;

}

.chat-wrapper .chat-left-sidebar .chat-fix-search {

    padding: 12px 20px;

    border-bottom: 1px solid #eeeeee;

    border-right: 1px solid #eeeeee;

}

.chat-wrapper .chat-left-sidebar .chat-fix-search img {

    height: 42px;

    width: 42px;

}

.chat-wrapper

    .chat-left-sidebar

    .chat-fix-search

    .message-search-area

    .form-control {

    border-right: 0;

    height: 42px;

    border-top-left-radius: 42px;

    border-bottom-left-radius: 42px;

}

.chat-wrapper

    .chat-left-sidebar

    .chat-fix-search

    .message-search-area

    .input-group-text {

    height: 42px;

    background: transparent;

    border-left: 0;

    border: 1px solid #eeeeee;

    border-top-right-radius: 42px;

    border-bottom-right-radius: 42px;

}

.chat-wrapper

    .chat-left-sidebar

    .chat-fix-search

    .message-search-area

    .input-group-text

    i {

    font-weight: 600;

}

@media only screen and (max-width: 1199px) {

    .chat-wrapper .chat-left-sidebar {

        width: 280px;

        min-width: 280px;

    }

}

.chat-wrapper .chart-right-sidebar {

    flex: 1;

}

.chat-wrapper .chat-box-header {

    padding: 12px 20px;

}

.chat-wrapper .chat-box-header .main-img {

    height: 42px;

    width: 42px;

}

.chat-wrapper .chat-hamburger {

    display: none;

}

.chat-wrapper .chat {

    display: none;

}

.chat-wrapper .chat.active-chat {

    display: block;

}

@media only screen and (max-width: 767px) {

    .chat-wrapper .chat-left-sidebar {

        position: absolute;

        left: -280px;

        background: #fff;

        z-index: 5;

    }

    .chat-wrapper .chat-left-sidebar.show {

        left: 0;

    }

    .chat-wrapper .chat-hamburger {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        position: absolute;

        height: 45px;

        width: 45px;

        line-height: 45px;

        text-align: center;

        background-color: #036111;

        color: #fff;

        border-radius: 50%;

        right: 10px;

        top: 75px;

        z-index: 5;

    }

    .chat-wrapper .chat-hamburger span {

        display: block;

        height: 2px;

        margin: 2px auto;

        width: 20px;

        border-radius: 3px;

        background-color: #fff;

    }

}



.message-bx .tab-content {

    height: 624px;

}

@media only screen and (max-width: 767px) {

    .message-bx .tab-content {

        height: calc(100vh - 380px);

    }

}

.message-bx .image-bx {

    position: relative;

    display: inline-block;

}

.message-bx .image-bx .img-1 {

    width: 42px;

    height: 42px;

    height: 42px;

}

@media only screen and (max-width: 575px) {

    .message-bx .image-bx .img-1 {

        height: 45px;

        width: 45px;

    }

}

.message-bx .image-bx span.active {

    position: absolute;

    bottom: -2px;

    right: 1px;

    height: 12px;

    width: 12px;

    background: #68cf29;

    border: 2px solid #fff;

    border-radius: 3rem;

}

@media only screen and (max-width: 575px) {

    .message-bx .image-bx span.active {

        bottom: 0px;

        right: 0px;

        height: 15px;

        width: 15px;

        border: 3px solid #fff;

    }

}

.message-bx p {

    font-size: 14px;

}

@media only screen and (max-width: 1199px) {

    .message-bx p {

        font-size: 12px;

    }

}



.chat-box .message-sent {

    width: 62%;

    text-align: right;

}

.chat-box .message-sent p {

    background: #8850ff;

    text-align: left;

    border-radius: 0.35rem 0.35rem 0 0.35rem;

    padding: 10px 20px;

    color: #fff;

    font-size: 14px;

    font-weight: 300;

    display: inline-block;

}

.chat-box .message-sent span {

    display: block;

}

@media only screen and (max-width: 575px) {

    .chat-box .message-sent {

        width: 100%;

        /* p{

      	padding: 5px 8px;

      	font-size:12px;

      } */

    }

}

.chat-box .message-received {

    width: 62%;

    text-align: left;

}

.chat-box .message-received p {

    background: #fff;

    text-align: left;

    font-size: 14px;

    display: inline-block;

    border-radius: 0 0.35rem 0.35rem 0.35rem;

    padding: 10px 20px;

    color: #000;

    font-weight: 400;

    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);

}

.chat-box .message-received span {

    display: block;

}

@media only screen and (max-width: 575px) {

    .chat-box .message-received {

        width: 100%;

        /* p{

      	font-size:12px;

      	padding: 5px 8px;

      } */

    }

}

.chat-box .type-massage {

    margin: 15px 15px;

    padding: 5px;

    border-radius: 0.35rem;

    border-width: 1px !important;

    border-style: dashed !important;

}

.chat-box .type-massage .form-control {

    border: 0;

    height: 43px;

    resize: none;

    padding: 10px;

}

.chat-box .type-massage .btn:focus {

    box-shadow: none;

}

.chat-box .type-massage .send-btn {

    border-radius: 0.35rem;

    padding: 10px 18px;

}

@media only screen and (max-width: 575px) {

    .chat-box .type-massage {

        margin: 5px 15px 15px;

        padding: 5px 8px;

    }

    .chat-box .type-massage textarea {

        font-size: 12px;

        padding: 11px 5px;

        height: 40px;

    }

}

.chat-box .title-nm {

    font-size: 20px;

}

@media only screen and (max-width: 1199px) {

    .chat-box .title-nm {

        font-size: 16px;

    }

}



.chat-box-area {

    position: relative;

    padding: 20px 20px;

    background: #f1f1f1;

    z-index: 1;

    height: 630px;

    background-size: 30%;

    background-position: bottom;

}

@media only screen and (max-width: 767px) {

    .chat-box-area {

        height: calc(100vh - 380px);

    }

}



.chat-list-area {

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

    padding: 20px 20px;

    cursor: pointer;

}

.chat-list-area .image-bx {

    float: left;

    margin-right: 10px;

}

.chat-list-area p {

    margin-bottom: 0;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.chat-list-area.active {

    background: var(--rgba-primary-1);

}

.chat-list-area:hover {

    background: #f7f7f7;

}

@media only screen and (max-width: 1199px) {

    .chat-list-area .user-name {

        font-size: 14px !important;

    }

}

@media only screen and (max-width: 575px) {

    .chat-list-area {

        padding: 15px 15px;

    }

}



.card-tabs .nav-tabs.style-3 {

    border-bottom: 3px solid #eeeeee;

}

.card-tabs .nav-tabs.style-3 .nav-link {

    font-size: 14px;

    border: 0;

    margin-bottom: -2px;

    border-radius: 0;

    position: relative;

    padding: 12px 20px;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

.card-tabs .nav-tabs.style-3 .nav-link:after {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    content: "";

    border-radius: 5px;

    height: 3px;

    width: 0px;

    background: var(--primary);

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    transition: all 0.5s;

}

@media only screen and (max-width: 1199px) {

    .card-tabs .nav-tabs.style-3 .nav-link {

        padding: 12px 14px;

    }

}

.card-tabs .nav-tabs.style-3 .nav-link.active {

    background: transparent;

    color: var(--primary);

}

.card-tabs .nav-tabs.style-3 .nav-link.active:after {

    width: 100%;

}



.project-list-group .card {

    margin-bottom: 17px;

    border: 1px solid;

    border-style: dashed;

    border-width: 2px;

    border-color: transparent;

}

.project-list-group .card:hover {

    border-color: #cccccc;

}



.project-media img {

    height: 48px;

    width: 48px;

    border-radius: 50px;

}

@media only screen and (max-width: 575px) {

    .project-media img {

        height: 44px;

        width: 44px;

    }

}

.project-media .img-placeholder {

    height: 48px;

    width: 48px;

    border-radius: 50px;

    line-height: 48px;

    font-weight: 600;

    font-size: 20px;

    text-align: center;

    display: inline-block;

}



.project-info {

    padding: 5px 15px;

    flex-flow: wrap;

    display: flex;

    align-items: center;

}

@media only screen and (max-width: 1600px) {

    .project-info {

        font-size: 13px;

    }

    .project-info h5 {

        font-size: 15px;

    }

}

@media only screen and (max-width: 575px) {

    .project-info {

        padding: 10px 0px;

    }

}



.project-nav {

    margin-bottom: 30px;

    border-bottom: 2px solid #eeeeee;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 20px;

}

@media only screen and (max-width: 1199px) {

    .project-nav {

        margin-bottom: 20px;

        padding-bottom: 20px;

    }

}

@media only screen and (max-width: 767px) {

    .project-nav {

        display: block;

    }

}

@media only screen and (max-width: 575px) {

    .project-nav {

        margin-bottom: 15px;

        padding-bottom: 15px;

    }

}



.power-ic i {

    font-size: 34px;

    height: 48px;

    width: 48px;

    text-align: center;

    line-height: 48px;

    border-radius: 50px;

    color: white;

    font-weight: bold;

    background: var(--primary);

}

@media only screen and (max-width: 575px) {

    .power-ic i {

        font-size: 24px;

        height: 44px;

        width: 44px;

        line-height: 44px;

    }

}



.project-status {

    justify-content: space-between;

}



.project-card .dz-media {

    height: 80px;

    width: 80px;

    min-width: 80px;

    border-radius: 0.35rem;

    overflow: hidden;

}

.project-card .dz-media img {

    height: 100%;

}

.project-card .border-bx {

    border: 1px solid;

    padding: 7px 13px;

    border-radius: 0.35rem;

    border-color: #c1c1c1;

    border-style: dashed;

}



.dt-icon {

    height: 45px;

    width: 45px;

    min-width: 45px;

    border-radius: 0.35rem;

    line-height: 45px;

    text-align: center;

}



.users-lg {

    display: flex;

}

.users-lg li {

    margin-right: -10px;

}

.users-lg li img {

    height: 40px;

    width: 40px;

    border-radius: 45px;

    border: 2px solid #fff;

}



.contact-bx {

    border-width: 2px;

    border-color: #fff;

    text-align: center;

    border-style: dashed;

}

.contact-bx .image-bx {

    display: inline-block;

    position: relative;

    margin-bottom: 10px;

}

.contact-bx .image-bx span.active {

    height: 24px;

    width: 24px;

    position: absolute;

    bottom: 3px;

    right: 3px;

    border-radius: 2rem;

    background: #68cf29;

    border: 4px solid #fff;

}

.contact-bx ul {

    display: flex;

    justify-content: center;

}

.contact-bx ul li a {

    color: var(--primary);

    font-size: 25px;

    width: 48px;

    height: 48px;

    background: var(--rgba-primary-1);

    display: block;

    line-height: 48px;

    border-radius: 50px;

    text-align: center;

    margin: 0 5px;

}

.contact-bx ul li a:hover {

    background: var(--primary);

    color: white;

}

.contact-bx:hover {

    border-color: #d0d0d0;

    box-shadow: 0px 0px 20px var(--rgba-primary-1);

}

@media only screen and (max-width: 767px) {

    .contact-bx .media {

        display: block;

        text-align: center;

    }

    .contact-bx .media .image-bx {

        margin-right: 0px !important;

        margin-bottom: 10px;

    }

    .contact-bx ul {

        justify-content: center;

    }

    .contact-bx ul li a {

        padding: 0 10px;

    }

}

.contact-bx .card-header {

    position: absolute;

    right: 0;

    top: 0;

}

.contact-bx .card-header .dropdown {

    margin-left: auto;

}

.contact-bx .card-body .image-bx img {

    height: 120px;

    width: 120px;

}

.contact-bx .card-body .image-bx .icon-placeholder {

    height: 120px;

    width: 120px;

    display: inline-block;

    line-height: 120px;

    font-weight: 600;

    font-size: 30px;

    text-transform: uppercase;

}

.contact-bx .media-body h6 {

    margin-top: 5px;

}

.contact-bx .media-body p {

    margin-bottom: 30px;

}

@media only screen and (max-width: 1199px) {

    .contact-bx .card-body .image-bx img,

    .contact-bx .card-body .image-bx .icon-placeholder {

        height: 80px;

        width: 80px;

        line-height: 80px;

    }

    .contact-bx .card-body .image-bx span.active {

        height: 16px;

        border-width: 2px;

        width: 16px;

    }

    .contact-bx .card-header {

        padding: 15px;

    }

    .contact-bx .media-body h6 {

        font-size: 16px !important;

    }

    .contact-bx ul li a {

        width: 40px;

        height: 40px;

        line-height: 40px;

        font-size: 22px;

    }

}



.image-placeholder {

    position: relative;

    max-width: 130px;

    margin: 10px auto;

}

.image-placeholder .avatar-edit {

    position: absolute;

    right: 12px;

    z-index: 1;

    top: 10px;

}

.image-placeholder .avatar-edit input {

    display: none;

}

.image-placeholder .avatar-edit input + label {

    display: inline-block;

    width: 34px;

    height: 34px;

    margin-bottom: 0;

    border-radius: 100%;

    background: #ffffff;

    border: 1px solid transparent;

    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    font-weight: normal;

    transition: all 0.2s ease-in-out;

}

.image-placeholder .avatar-edit input + label:hover {

    background: #f1f1f1;

    border-color: #d6d6d6;

}

.image-placeholder .avatar-edit input + label:after {

    content: "\f040";

    font-family: "FontAwesome";

    color: #757575;

    position: absolute;

    top: 4px;

    left: 0;

    right: 0;

    text-align: center;

    margin: auto;

}

.image-placeholder .avatar-preview {

    width: 120px;

    height: 120px;

    position: relative;

    border-radius: 100%;

    border: 6px solid #f8f8f8;

    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);

}

.image-placeholder .avatar-preview > div {

    width: 100%;

    height: 100%;

    border-radius: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.rtl {

    text-align: right;

    direction: rtl;

}

.rtl .nav {

    padding-right: 0;

}

.rtl .navbar-nav .nav-item {

    float: right;

}

.rtl .navbar-nav .nav-item + .nav-item {

    margin-right: 1rem;

    margin-left: inherit;

}

.rtl th {

    text-align: right;

}

.rtl .alert-dismissible {

    padding-right: 1.25rem;

    padding-left: 4rem;

}

.rtl .dropdown-menu {

    right: 0;

    text-align: right;

}

.rtl .checkbox label {

    padding-right: 1.25rem;

    padding-left: inherit;

}

.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-radius: 0 0.75rem 0.75rem 0;

}

.rtl .btn-group > .btn:last-child:not(:first-child),

.rtl .btn-group > .dropdown-toggle:not(:first-child) {

    border-radius: 0.75rem 0 0 0.75rem;

}

.rtl .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {

    border-radius: 0.75rem 0 0 0.75rem;

}

.rtl .custom-control-label::after,

.rtl .custom-control-label::before {

    right: 0;

    left: inherit;

}

.rtl .custom-select {

    padding: 0.375rem 0.75rem 0.375rem 1.75rem;

    background: #fff

        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")

        no-repeat left 0.75rem center;

    background-size: 8px 10px;

}

.rtl

    .input-group

    > .input-group-append:last-child

    > .btn:not(:last-child):not(.dropdown-toggle),

.rtl

    .input-group

    > .input-group-append:last-child

    > .input-group-text:not(:last-child),

.rtl .input-group > .input-group-append:not(:last-child) > .btn,

.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text,

.rtl .input-group > .input-group-prepend > .btn,

.rtl .input-group > .input-group-prepend > .input-group-text {

    border-radius: 0 0.75rem 0.75rem 0;

}

.rtl .input-group > .input-group-append > .btn,

.rtl .input-group > .input-group-append > .input-group-text,

.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child),

.rtl

    .input-group

    > .input-group-prepend:first-child

    > .input-group-text:not(:first-child),

.rtl .input-group > .input-group-prepend:not(:first-child) > .btn,

.rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text {

    border-radius: 0.75rem 0 0 0.75rem;

}

.rtl .input-group > .custom-select:not(:first-child),

.rtl .input-group > .form-control:not(:first-child) {

    border-radius: 0.75rem 0 0 0.75rem;

}

.rtl .input-group > .custom-select:not(:last-child),

.rtl .input-group > .form-control:not(:last-child) {

    border-radius: 0 0.75rem 0.75rem 0;

}

.rtl .input-group > .custom-select:not(:last-child):not(:first-child),

.rtl .input-group > .form-control:not(:last-child):not(:first-child) {

    border-radius: 0;

}

.rtl .custom-control {

    padding-right: 1.5rem;

    padding-left: inherit;

    margin-right: inherit;

    margin-left: 1rem;

}

.rtl .custom-control-indicator {

    right: 0;

    left: inherit;

}

.rtl .custom-file-label::after {

    right: initial;

    left: -1px;

    border-radius: 0.25rem 0 0 0.25rem;

}

.rtl .radio input,

.rtl .radio-inline,

.rtl .checkbox input,

.rtl .checkbox-inline input {

    margin-right: -1.25rem;

    margin-left: inherit;

}

.rtl .list-group {

    padding-right: 0;

    padding-left: 40px;

}

.rtl .close {

    float: left;

}

.rtl .modal-header .close {

    margin: -15px auto -15px -15px;

}

.rtl .modal-footer > :not(:first-child) {

    margin-right: 0.25rem;

}

.rtl .alert-dismissible .close {

    right: inherit;

    left: 0;

}

.rtl .dropdown-toggle::after {

    margin-right: 0.255em;

    margin-left: 0;

}

.rtl .form-check-input {

    margin-right: -1.25rem;

    margin-left: inherit;

}

.rtl .form-check-label {

    padding-right: 1.25rem;

    padding-left: inherit;

}

.rtl .offset-1 {

    margin-right: 8.3333333333%;

    margin-left: 0;

}

.rtl .offset-2 {

    margin-right: 16.6666666667%;

    margin-left: 0;

}

.rtl .offset-3 {

    margin-right: 25%;

    margin-left: 0;

}

.rtl .offset-4 {

    margin-right: 33.3333333333%;

    margin-left: 0;

}

.rtl .offset-5 {

    margin-right: 41.6666666667%;

    margin-left: 0;

}

.rtl .offset-6 {

    margin-right: 50%;

    margin-left: 0;

}

.rtl .offset-7 {

    margin-right: 58.3333333333%;

    margin-left: 0;

}

.rtl .offset-8 {

    margin-right: 66.6666666667%;

    margin-left: 0;

}

.rtl .offset-9 {

    margin-right: 75%;

    margin-left: 0;

}

.rtl .offset-10 {

    margin-right: 83.3333333333%;

    margin-left: 0;

}

.rtl .offset-11 {

    margin-right: 91.6666666667%;

    margin-left: 0;

}

@media (min-width: 576px) {

    .rtl .offset-sm-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-sm-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-sm-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-sm-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-sm-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-sm-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-sm-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-sm-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-sm-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-sm-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-sm-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-sm-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

@media (min-width: 768px) {

    .rtl .offset-md-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-md-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-md-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-md-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-md-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-md-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-md-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-md-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-md-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-md-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-md-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-md-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

@media (min-width: 992px) {

    .rtl .offset-lg-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-lg-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-lg-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-lg-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-lg-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-lg-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-lg-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-lg-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-lg-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-lg-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-lg-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-lg-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

@media (min-width: 1200px) {

    .rtl .offset-xl-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-xl-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xl-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xl-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-xl-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xl-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xl-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-xl-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xl-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xl-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-xl-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xl-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

@media (min-width: 1440) {

    .rtl .offset-xxl-0 {

        margin-right: 0;

        margin-left: 0;

    }

    .rtl .offset-xxl-1 {

        margin-right: 8.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xxl-2 {

        margin-right: 16.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xxl-3 {

        margin-right: 25%;

        margin-left: 0;

    }

    .rtl .offset-xxl-4 {

        margin-right: 33.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xxl-5 {

        margin-right: 41.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xxl-6 {

        margin-right: 50%;

        margin-left: 0;

    }

    .rtl .offset-xxl-7 {

        margin-right: 58.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xxl-8 {

        margin-right: 66.6666666667%;

        margin-left: 0;

    }

    .rtl .offset-xxl-9 {

        margin-right: 75%;

        margin-left: 0;

    }

    .rtl .offset-xxl-10 {

        margin-right: 83.3333333333%;

        margin-left: 0;

    }

    .rtl .offset-xxl-11 {

        margin-right: 91.6666666667%;

        margin-left: 0;

    }

}

.rtl .mr-0,

.rtl .mx-0 {

    margin-right: 0 !important;

    margin-left: 0 !important;

}

.rtl .ml-0,

.rtl .mx-0 {

    margin-left: 0 !important;

    margin-right: 0 !important;

}

.rtl .mr-1,

.rtl .mx-1 {

    margin-right: 0 !important;

    margin-left: 0.25rem !important;

}

.rtl .ml-1,

.rtl .mx-1 {

    margin-left: 0 !important;

    margin-right: 0.25rem !important;

}

.rtl .mr-2,

.rtl .mx-2 {

    margin-right: 0 !important;

    margin-left: 0.5rem !important;

}

.rtl .ml-2,

.rtl .mx-2 {

    margin-left: 0 !important;

    margin-right: 0.5rem !important;

}

.rtl .mr-3,

.rtl .mx-3 {

    margin-right: 0 !important;

    margin-left: 1rem !important;

}

.rtl .ml-3,

.rtl .mx-3 {

    margin-left: 0 !important;

    margin-right: 1rem !important;

}

.rtl .mr-4,

.rtl .mx-4 {

    margin-right: 0 !important;

    margin-left: 1.5rem !important;

}

.rtl .ml-4,

.rtl .mx-4 {

    margin-left: 0 !important;

    margin-right: 1.5rem !important;

}

.rtl .mr-5,

.rtl .mx-5 {

    margin-right: 0 !important;

    margin-left: 3rem !important;

}

.rtl .ml-5,

.rtl .mx-5 {

    margin-left: 0 !important;

    margin-right: 3rem !important;

}

.rtl .pr-0,

.rtl .px-0 {

    padding-right: 0 !important;

    padding-left: 0 !important;

}

.rtl .pl-0,

.rtl .px-0 {

    padding-left: 0 !important;

    padding-right: 0 !important;

}

.rtl .pr-1,

.rtl .px-1 {

    padding-right: 0 !important;

    padding-left: 0.25rem !important;

}

.rtl .pl-1,

.rtl .px-1 {

    padding-left: 0 !important;

    padding-right: 0.25rem !important;

}

.rtl .pr-2,

.rtl .px-2 {

    padding-right: 0 !important;

    padding-left: 0.5rem !important;

}

.rtl .pl-2,

.rtl .px-2 {

    padding-left: 0 !important;

    padding-right: 0.5rem !important;

}

.rtl .pr-3,

.rtl .px-3 {

    padding-right: 0 !important;

    padding-left: 1rem !important;

}

.rtl .pl-3,

.rtl .px-3 {

    padding-left: 0 !important;

    padding-right: 1rem !important;

}

.rtl .pr-4,

.rtl .px-4 {

    padding-right: 0 !important;

    padding-left: 1.5rem !important;

}

.rtl .pl-4,

.rtl .px-4 {

    padding-left: 0 !important;

    padding-right: 1.5rem !important;

}

.rtl .pr-5,

.rtl .px-5 {

    padding-right: 0 !important;

    padding-left: 3rem !important;

}

.rtl .pl-5,

.rtl .px-5 {

    padding-left: 0 !important;

    padding-right: 3rem !important;

}

.rtl .mr-auto {

    margin-right: 0 !important;

    margin-left: auto !important;

}

.rtl .ml-auto {

    margin-right: auto !important;

    margin-left: 0 !important;

}

.rtl .mx-auto {

    margin-right: auto !important;

    margin-left: auto !important;

}

@media (min-width: 576px) {

    .rtl .mr-sm-0,

    .rtl .mx-sm-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-sm-0,

    .rtl .mx-sm-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-sm-1,

    .rtl .mx-sm-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-sm-1,

    .rtl .mx-sm-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-sm-2,

    .rtl .mx-sm-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-sm-2,

    .rtl .mx-sm-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-sm-3,

    .rtl .mx-sm-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-sm-3,

    .rtl .mx-sm-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-sm-4,

    .rtl .mx-sm-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-sm-4,

    .rtl .mx-sm-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-sm-5,

    .rtl .mx-sm-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-sm-5,

    .rtl .mx-sm-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-sm-0,

    .rtl .px-sm-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-sm-0,

    .rtl .px-sm-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-sm-1,

    .rtl .px-sm-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-sm-1,

    .rtl .px-sm-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-sm-2,

    .rtl .px-sm-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-sm-2,

    .rtl .px-sm-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-sm-3,

    .rtl .px-sm-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-sm-3,

    .rtl .px-sm-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-sm-4,

    .rtl .px-sm-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-sm-4,

    .rtl .px-sm-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-sm-5,

    .rtl .px-sm-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-sm-5,

    .rtl .px-sm-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-sm-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-sm-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-sm-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 768px) {

    .rtl .mr-md-0,

    .rtl .mx-md-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-md-0,

    .rtl .mx-md-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-md-1,

    .rtl .mx-md-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-md-1,

    .rtl .mx-md-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-md-2,

    .rtl .mx-md-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-md-2,

    .rtl .mx-md-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-md-3,

    .rtl .mx-md-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-md-3,

    .rtl .mx-md-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-md-4,

    .rtl .mx-md-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-md-4,

    .rtl .mx-md-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-md-5,

    .rtl .mx-md-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-md-5,

    .rtl .mx-md-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-md-0,

    .rtl .px-md-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-md-0,

    .rtl .px-md-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-md-1,

    .rtl .px-md-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-md-1,

    .rtl .px-md-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-md-2,

    .rtl .px-md-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-md-2,

    .rtl .px-md-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-md-3,

    .rtl .px-md-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-md-3,

    .rtl .px-md-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-md-4,

    .rtl .px-md-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-md-4,

    .rtl .px-md-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-md-5,

    .rtl .px-md-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-md-5,

    .rtl .px-md-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-md-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-md-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-md-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 992px) {

    .rtl .mr-lg-0,

    .rtl .mx-lg-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-lg-0,

    .rtl .mx-lg-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-lg-1,

    .rtl .mx-lg-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-lg-1,

    .rtl .mx-lg-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-lg-2,

    .rtl .mx-lg-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-lg-2,

    .rtl .mx-lg-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-lg-3,

    .rtl .mx-lg-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-lg-3,

    .rtl .mx-lg-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-lg-4,

    .rtl .mx-lg-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-lg-4,

    .rtl .mx-lg-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-lg-5,

    .rtl .mx-lg-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-lg-5,

    .rtl .mx-lg-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-lg-0,

    .rtl .px-lg-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-lg-0,

    .rtl .px-lg-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-lg-1,

    .rtl .px-lg-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-lg-1,

    .rtl .px-lg-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-lg-2,

    .rtl .px-lg-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-lg-2,

    .rtl .px-lg-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-lg-3,

    .rtl .px-lg-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-lg-3,

    .rtl .px-lg-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-lg-4,

    .rtl .px-lg-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-lg-4,

    .rtl .px-lg-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-lg-5,

    .rtl .px-lg-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-lg-5,

    .rtl .px-lg-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-lg-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-lg-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-lg-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 1200px) {

    .rtl .mr-xl-0,

    .rtl .mx-xl-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-xl-0,

    .rtl .mx-xl-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-xl-1,

    .rtl .mx-xl-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-xl-1,

    .rtl .mx-xl-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-xl-2,

    .rtl .mx-xl-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-xl-2,

    .rtl .mx-xl-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-xl-3,

    .rtl .mx-xl-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-xl-3,

    .rtl .mx-xl-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-xl-4,

    .rtl .mx-xl-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-xl-4,

    .rtl .mx-xl-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-xl-5,

    .rtl .mx-xl-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-xl-5,

    .rtl .mx-xl-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-xl-0,

    .rtl .px-xl-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-xl-0,

    .rtl .px-xl-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-xl-1,

    .rtl .px-xl-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-xl-1,

    .rtl .px-xl-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-xl-2,

    .rtl .px-xl-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-xl-2,

    .rtl .px-xl-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-xl-3,

    .rtl .px-xl-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-xl-3,

    .rtl .px-xl-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-xl-4,

    .rtl .px-xl-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-xl-4,

    .rtl .px-xl-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-xl-5,

    .rtl .px-xl-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-xl-5,

    .rtl .px-xl-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-xl-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-xl-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-xl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 1440) {

    .rtl .mr-xxl-0,

    .rtl .mx-xxl-0 {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .rtl .ml-xxl-0,

    .rtl .mx-xxl-0 {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .rtl .mr-xxl-1,

    .rtl .mx-xxl-1 {

        margin-right: 0 !important;

        margin-left: 0.25rem !important;

    }

    .rtl .ml-xxl-1,

    .rtl .mx-xxl-1 {

        margin-left: 0 !important;

        margin-right: 0.25rem !important;

    }

    .rtl .mr-xxl-2,

    .rtl .mx-xxl-2 {

        margin-right: 0 !important;

        margin-left: 0.5rem !important;

    }

    .rtl .ml-xxl-2,

    .rtl .mx-xxl-2 {

        margin-left: 0 !important;

        margin-right: 0.5rem !important;

    }

    .rtl .mr-xxl-3,

    .rtl .mx-xxl-3 {

        margin-right: 0 !important;

        margin-left: 1rem !important;

    }

    .rtl .ml-xxl-3,

    .rtl .mx-xxl-3 {

        margin-left: 0 !important;

        margin-right: 1rem !important;

    }

    .rtl .mr-xxl-4,

    .rtl .mx-xxl-4 {

        margin-right: 0 !important;

        margin-left: 1.5rem !important;

    }

    .rtl .ml-xxl-4,

    .rtl .mx-xxl-4 {

        margin-left: 0 !important;

        margin-right: 1.5rem !important;

    }

    .rtl .mr-xxl-5,

    .rtl .mx-xxl-5 {

        margin-right: 0 !important;

        margin-left: 3rem !important;

    }

    .rtl .ml-xxl-5,

    .rtl .mx-xxl-5 {

        margin-left: 0 !important;

        margin-right: 3rem !important;

    }

    .rtl .pr-xxl-0,

    .rtl .px-xxl-0 {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .rtl .pl-xxl-0,

    .rtl .px-xxl-0 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }

    .rtl .pr-xxl-1,

    .rtl .px-xxl-1 {

        padding-right: 0 !important;

        padding-left: 0.25rem !important;

    }

    .rtl .pl-xxl-1,

    .rtl .px-xxl-1 {

        padding-left: 0 !important;

        padding-right: 0.25rem !important;

    }

    .rtl .pr-xxl-2,

    .rtl .px-xxl-2 {

        padding-right: 0 !important;

        padding-left: 0.5rem !important;

    }

    .rtl .pl-xxl-2,

    .rtl .px-xxl-2 {

        padding-left: 0 !important;

        padding-right: 0.5rem !important;

    }

    .rtl .pr-xxl-3,

    .rtl .px-xxl-3 {

        padding-right: 0 !important;

        padding-left: 1rem !important;

    }

    .rtl .pl-xxl-3,

    .rtl .px-xxl-3 {

        padding-left: 0 !important;

        padding-right: 1rem !important;

    }

    .rtl .pr-xxl-4,

    .rtl .px-xxl-4 {

        padding-right: 0 !important;

        padding-left: 1.5rem !important;

    }

    .rtl .pl-xxl-4,

    .rtl .px-xxl-4 {

        padding-left: 0 !important;

        padding-right: 1.5rem !important;

    }

    .rtl .pr-xxl-5,

    .rtl .px-xxl-5 {

        padding-right: 0 !important;

        padding-left: 3rem !important;

    }

    .rtl .pl-xxl-5,

    .rtl .px-xxl-5 {

        padding-left: 0 !important;

        padding-right: 3rem !important;

    }

    .rtl .mr-xxl-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .ml-xxl-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-xxl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

.rtl .text-right {

    text-align: left !important;

}

.rtl .text-left {

    text-align: right !important;

}

@media (min-width: 576px) {

    .rtl .text-sm-right {

        text-align: left !important;

    }

    .rtl .text-sm-left {

        text-align: right !important;

    }

}

@media (min-width: 768px) {

    .rtl .text-md-right {

        text-align: left !important;

    }

    .rtl .text-md-left {

        text-align: right !important;

    }

}

@media (min-width: 992px) {

    .rtl .text-lg-right {

        text-align: left !important;

    }

    .rtl .text-lg-left {

        text-align: right !important;

    }

}

@media (min-width: 1200px) {

    .rtl .text-xl-right {

        text-align: left !important;

    }

    .rtl .text-xl-left {

        text-align: right !important;

    }

}

@media (min-width: 1440) {

    .rtl .text-xxl-right {

        text-align: left !important;

    }

    .rtl .text-xxl-left {

        text-align: right !important;

    }

}



.rtl .mx-0 {

    margin-right: auto;

    margin-left: 0 !important;

}

.rtl .mx-0 {

    margin-left: auto;

    margin-right: 0 !important;

}

.rtl .mx-1 {

    margin-right: auto;

    margin-left: 0.25rem !important;

}

.rtl .mx-1 {

    margin-left: auto;

    margin-right: 0.25rem !important;

}

.rtl .mx-2 {

    margin-right: auto;

    margin-left: 0.5rem !important;

}

.rtl .mx-2 {

    margin-left: auto;

    margin-right: 0.5rem !important;

}

.rtl .mx-3 {

    margin-right: auto;

    margin-left: 1rem !important;

}

.rtl .mx-3 {

    margin-left: auto;

    margin-right: 1rem !important;

}

.rtl .mx-4 {

    margin-right: auto;

    margin-left: 1.5rem !important;

}

.rtl .mx-4 {

    margin-left: auto;

    margin-right: 1.5rem !important;

}

.rtl .mx-5 {

    margin-right: auto;

    margin-left: 3rem !important;

}

.rtl .mx-5 {

    margin-left: auto;

    margin-right: 3rem !important;

}

.rtl .px-0 {

    padding-right: auto;

    padding-left: 0 !important;

}

.rtl .px-0 {

    padding-left: auto;

    padding-right: 0 !important;

}

.rtl .px-1 {

    padding-right: auto;

    padding-left: 0.25rem !important;

}

.rtl .px-1 {

    padding-left: auto;

    padding-right: 0.25rem !important;

}

.rtl .px-2 {

    padding-right: auto;

    padding-left: 0.5rem !important;

}

.rtl .px-2 {

    padding-left: auto;

    padding-right: 0.5rem !important;

}

.rtl .px-3 {

    padding-right: auto;

    padding-left: 1rem !important;

}

.rtl .px-3 {

    padding-left: auto;

    padding-right: 1rem !important;

}

.rtl .px-4 {

    padding-right: auto;

    padding-left: 1.5rem !important;

}

.rtl .px-4 {

    padding-left: auto;

    padding-right: 1.5rem !important;

}

.rtl .px-5 {

    padding-right: auto;

    padding-left: 3rem !important;

}

.rtl .px-5 {

    padding-left: auto;

    padding-right: 3rem !important;

}

.rtl .mr-auto {

    margin-right: 0 !important;

    margin-left: auto !important;

}

.rtl .mx-auto {

    margin-right: auto !important;

    margin-left: auto !important;

}

.rtl .ml-auto {

    margin-right: auto !important;

    margin-left: 0 !important;

}

.rtl .mx-auto {

    margin-right: auto !important;

    margin-left: auto !important;

}

@media (min-width: 576px) {

    .rtl .mx-sm-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-sm-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-sm-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-sm-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-sm-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-sm-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-sm-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-sm-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-sm-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-sm-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-sm-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-sm-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-sm-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-sm-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-sm-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-sm-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-sm-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-sm-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-sm-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-sm-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-sm-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-sm-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-sm-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-sm-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-sm-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-sm-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-sm-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-sm-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 768px) {

    .rtl .mx-md-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-md-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-md-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-md-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-md-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-md-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-md-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-md-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-md-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-md-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-md-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-md-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-md-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-md-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-md-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-md-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-md-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-md-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-md-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-md-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-md-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-md-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-md-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-md-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-md-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-md-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-md-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-md-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 992px) {

    .rtl .mx-lg-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-lg-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-lg-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-lg-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-lg-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-lg-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-lg-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-lg-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-lg-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-lg-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-lg-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-lg-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-lg-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-lg-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-lg-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-lg-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-lg-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-lg-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-lg-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-lg-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-lg-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-lg-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-lg-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-lg-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-lg-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-lg-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-lg-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-lg-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 1200px) {

    .rtl .mx-xl-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-xl-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-xl-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-xl-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-xl-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-xl-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-xl-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-xl-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-xl-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-xl-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-xl-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-xl-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-xl-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-xl-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-xl-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-xl-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-xl-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-xl-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-xl-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-xl-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-xl-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-xl-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-xl-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-xl-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-xl-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-xl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-xl-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-xl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

@media (min-width: 1440) {

    .rtl .mx-xxl-0 {

        margin-right: auto;

        margin-left: 0 !important;

    }

    .rtl .mx-xxl-0 {

        margin-left: auto;

        margin-right: 0 !important;

    }

    .rtl .mx-xxl-1 {

        margin-right: auto;

        margin-left: 0.25rem !important;

    }

    .rtl .mx-xxl-1 {

        margin-left: auto;

        margin-right: 0.25rem !important;

    }

    .rtl .mx-xxl-2 {

        margin-right: auto;

        margin-left: 0.5rem !important;

    }

    .rtl .mx-xxl-2 {

        margin-left: auto;

        margin-right: 0.5rem !important;

    }

    .rtl .mx-xxl-3 {

        margin-right: auto;

        margin-left: 1rem !important;

    }

    .rtl .mx-xxl-3 {

        margin-left: auto;

        margin-right: 1rem !important;

    }

    .rtl .mx-xxl-4 {

        margin-right: auto;

        margin-left: 1.5rem !important;

    }

    .rtl .mx-xxl-4 {

        margin-left: auto;

        margin-right: 1.5rem !important;

    }

    .rtl .mx-xxl-5 {

        margin-right: auto;

        margin-left: 3rem !important;

    }

    .rtl .mx-xxl-5 {

        margin-left: auto;

        margin-right: 3rem !important;

    }

    .rtl .px-xxl-0 {

        padding-right: auto;

        padding-left: 0 !important;

    }

    .rtl .px-xxl-0 {

        padding-left: auto;

        padding-right: 0 !important;

    }

    .rtl .px-xxl-1 {

        padding-right: auto;

        padding-left: 0.25rem !important;

    }

    .rtl .px-xxl-1 {

        padding-left: auto;

        padding-right: 0.25rem !important;

    }

    .rtl .px-xxl-2 {

        padding-right: auto;

        padding-left: 0.5rem !important;

    }

    .rtl .px-xxl-2 {

        padding-left: auto;

        padding-right: 0.5rem !important;

    }

    .rtl .px-xxl-3 {

        padding-right: auto;

        padding-left: 1rem !important;

    }

    .rtl .px-xxl-3 {

        padding-left: auto;

        padding-right: 1rem !important;

    }

    .rtl .px-xxl-4 {

        padding-right: auto;

        padding-left: 1.5rem !important;

    }

    .rtl .px-xxl-4 {

        padding-left: auto;

        padding-right: 1.5rem !important;

    }

    .rtl .px-xxl-5 {

        padding-right: auto;

        padding-left: 3rem !important;

    }

    .rtl .px-xxl-5 {

        padding-left: auto;

        padding-right: 3rem !important;

    }

    .rtl .mr-xxl-auto {

        margin-right: 0 !important;

        margin-left: auto !important;

    }

    .rtl .mx-xxl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

    .rtl .ml-xxl-auto {

        margin-right: auto !important;

        margin-left: 0 !important;

    }

    .rtl .mx-xxl-auto {

        margin-right: auto !important;

        margin-left: auto !important;

    }

}

.rtl .float-left {

    float: right !important;

}

.rtl .float-right {

    float: left !important;

}

.rtl .float-none {

    float: none !important;

}

@media (min-width: 576px) {

    .rtl .float-sm-left {

        float: right !important;

    }

    .rtl .float-sm-right {

        float: left !important;

    }

    .rtl .float-sm-none {

        float: none !important;

    }

}

@media (min-width: 768px) {

    .rtl .float-md-left {

        float: right !important;

    }

    .rtl .float-md-right {

        float: left !important;

    }

    .rtl .float-md-none {

        float: none !important;

    }

}

@media (min-width: 992px) {

    .rtl .float-lg-left {

        float: right !important;

    }

    .rtl .float-lg-right {

        float: left !important;

    }

    .rtl .float-lg-none {

        float: none !important;

    }

}

@media (min-width: 1200px) {

    .rtl .float-xl-left {

        float: right !important;

    }

    .rtl .float-xl-right {

        float: left !important;

    }

    .rtl .float-xl-none {

        float: none !important;

    }

}

@media (min-width: 1440) {

    .rtl .float-xxl-left {

        float: right !important;

    }

    .rtl .float-xxl-right {

        float: left !important;

    }

    .rtl .float-xxl-none {

        float: none !important;

    }

}



[direction="rtl"] {

    /* .text-right {

          text-align: left !important;

      }



      .text-left {

          text-align: right !important;

      } */

}

[direction="rtl"][data-theme-version="dark"] .border,

[direction="rtl"][data-theme-version="dark"] .border-left,

[direction="rtl"][data-theme-version="dark"] .border-right {

    border-color: #473f72 !important;

}

[direction="rtl"] .border-right {

    border-left: 1px solid #eeeeee !important;

    border-right: 0 !important;

}

[direction="rtl"] .border-left {

    border-right: 1px solid #eeeeee !important;

    border-left: 0 !important;

}

[direction="rtl"] .dropdown-menu {

    left: auto;

}

[direction="rtl"] .dropdown-menu-right {

    left: 0;

    right: auto;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .dropdown-menu-right {

        left: 15px;

    }

}

[direction="rtl"] .notification_dropdown .dropdown-menu-right .media > span {

    margin-left: 10px;

    margin-right: 0;

}



[direction="rtl"]:not([data-container="boxed"]) .nav-header {

    left: auto;

    right: 0;

}

[direction="rtl"][data-container="wide-boxed"] .nav-header {

    left: auto;

    right: auto;

}

[direction="rtl"] .nav-header {

    text-align: right;

    right: auto;

}

[direction="rtl"] .nav-header .brand-title {

    margin-left: 0;

    margin-right: 15px;

}

[direction="rtl"] .nav-header .brand-logo {

    padding-left: 0px;

    padding-right: 20px;

}

[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo {

    padding-right: 0;

}

[data-sidebar-style="compact"][direction="rtl"]

    .nav-header

    .brand-logo[data-layout="horizontal"] {

    padding-right: 30px;

}

[data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo {

    padding-right: 0;

}

[data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {

    padding-right: 0;

}

[data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"]

    .nav-header

    .brand-logo {

    padding-right: 30px;

}

@media (max-width: 767.98px) {

    [direction="rtl"] .nav-header .brand-logo {

        padding-right: 0;

    }

}

[direction="rtl"] .nav-control {

    right: auto;

    left: 10px;

}

@media (max-width: 767.98px) {

    [direction="rtl"] .nav-control {

        left: -4.0625rem;

    }

}

@media (max-width: 575.98px) {

    [direction="rtl"] .nav-control {

        left: -2.0625rem;

    }

}

[direction="rtl"][data-sidebar-style="overlay"]

    .nav-header

    .hamburger.is-active {

    right: 0;

}



[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]

    .nav-header

    .brand-logo {

    padding-right: 40px;

}



[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]

    .nav-header {

    width: 16rem;

}



[direction="rtl"][data-sidebar-style="modern"] .nav-header .nav-control {

    right: unset;

    left: -60px;

}



[direction="rtl"] .header {

    padding: 0;

    padding-right: 17.5rem;

}

@media only screen and (max-width: 1023px) {

    [direction="rtl"] .header {

        padding-right: 0;

    }

}

@media (max-width: 767.98px) {

    [direction="rtl"] .header {

        padding-right: 0rem;

        padding-left: 0;

    }

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .header .header-content {

        padding-right: 3.5rem;

        padding-left: 0.938rem;

    }

}

[data-sidebar-style="compact"][direction="rtl"] .header .header-content {

    padding-right: 0;

}

[data-sidebar-style="modern"][direction="rtl"] .header .header-content {

    padding-right: 0;

}

@media only screen and (max-width: 575px) {

    [data-sidebar-style="overlay"][direction="rtl"] .header .header-content {

        padding-right: 0.5rem;

    }

}

[direction="rtl"] .header .nav-control {

    right: 0.4375rem;

    left: auto;

}

[direction="rtl"] .header-right > li:not(:first-child) {

    padding-left: 0;

    padding-right: 0.5rem;

    margin-right: 0 !important;

}

@media only screen and (max-width: 767px) {

    [direction="rtl"] .header-right > li:not(:first-child) {

        padding-right: 0.5rem;

    }

}

[direction="rtl"] .header-right .header-profile > a.nav-link {

    margin-left: auto;

    padding-left: auto;

    margin-right: 15px;

    padding-right: 30px;

    border-right: 1px solid #eeeeee;

    border-left: 0;

}

[direction="rtl"] .header-right .header-profile > a.nav-link .header-info {

    padding-right: 20px;

    padding-left: auto;

    text-align: right;

}

@media only screen and (max-width: 1400px) {

    [direction="rtl"] .header-right .header-profile > a.nav-link .header-info {

        padding-right: 10px;

        padding-left: 0;

    }

}

@media only screen and (max-width: 1400px) {

    [direction="rtl"] .header-right .header-profile > a.nav-link {

        margin-right: 10px;

        padding-right: 20px;

        padding-left: 0;

    }

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .header-right .header-profile > a.nav-link {

        margin-right: 0px;

        padding-right: 0px;

        border-right: 0;

    }

}

[direction="rtl"] .header-left .search_bar .dropdown-menu,

[direction="rtl"] .header-left .search_bar .dropdown-menu.show {

    right: 40px !important;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .header-left .search_bar .dropdown-menu,

    [direction="rtl"] .header-left .search_bar .dropdown-menu.show {

        right: -100px !important;

    }

}

[direction="rtl"] .header-left .search_bar .search_icon {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 5rem;

    border-bottom-right-radius: 5rem;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .header-left .search_bar .search_icon {

        border-radius: 5rem;

    }

}

[direction="rtl"][data-layout="horizontal"] .header {

    padding: 0;

    padding-right: 21.563rem;

}

[direction="rtl"][data-layout="horizontal"] .header .header-content {

    padding-right: 2.5rem;

    padding-left: 2.5rem;

}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"]

    .nav-header

    .brand-logo {

    padding-right: 2.5rem;

}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header {

    padding-right: 7.75rem;

}

[direction="rtl"][data-sidebar-style="mini"] .header {

    padding-right: 5rem;

}

[direction="rtl"][data-sidebar-style="compact"] .header {

    padding: 0 0;

    padding-right: 11.25rem;

}

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]

    .header {

    padding: 0;

    padding-right: 21.563rem;

}

[direction="rtl"][data-sidebar-style="modern"] .header {

    padding: 0 0;

    padding-right: 9.375rem;

}

[direction="rtl"][data-sidebar-style="modern"] .header .navbar {

    padding-left: 40px;

    padding-right: 80px;

}

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]

    .header {

    padding: 0;

    padding-right: 16rem;

}



[direction="rtl"] {

    text-align: right;

}

[direction="rtl"] .deznav {

    text-align: right;

}

[direction="rtl"] .deznav .metismenu ul:after {

    left: auto;

    right: 25px;

}

[direction="rtl"] .deznav .metismenu ul a:before {

    left: auto;

    right: 65px;

}

[direction="rtl"] .deznav .metismenu ul a .badge {

    float: left;

    margin-right: 0;

    margin-left: 12px;

}

[direction="rtl"] .deznav .metismenu li > a i {

    padding: 0 0 0 1.5rem;

}

[direction="rtl"] .deznav .metismenu li > a svg {

    margin-left: 5px;

    margin-right: 0;

}

[data-sidebar-style="compact"][direction="rtl"] .deznav .metismenu li > a svg {

    left: auto;

    margin-left: auto;

    margin-right: auto;

}

[data-sidebar-style="icon-hover"][direction="rtl"]

    .deznav

    .metismenu

    li

    > a

    svg {

    margin-left: 0;

}

[direction="rtl"] .deznav .metismenu li ul a {

    padding-right: 6.4rem;

    padding-left: 2rem;

}

[direction="rtl"] .deznav .metismenu li.active > .has-arrow:after {

    transform: rotate(45deg) translateY(-50%);

}

[direction="rtl"] .deznav .metismenu .has-arrow:after {

    left: 1.5625rem;

    right: auto;

}

[data-layout="horizontal"][direction="rtl"]

    .deznav

    .metismenu

    .has-arrow:after {

    left: 1.125rem;

}

[data-sidebar-style="modern"][direction="rtl"]

    .deznav

    .metismenu

    .has-arrow:after {

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    .has-arrow:after {

    left: 1.5rem;

    right: auto;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > a:before {

    left: auto;

    right: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-top-left-radius: 15px;

    border-bottom-left-radius: 15px;

}

[direction="rtl"][data-sidebar-style="mini"] .deznav .metismenu > li > a > i {

    padding: 0;

}

[direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"]

    .deznav

    .metismenu

    > li

    > ul

    a.has-arrow:after {

    left: 1.5625rem;

    right: auto;

}

[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li > a i {

    padding: 0;

}

[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li ul a {

    padding-right: 0.625rem;

    padding-left: 0.625rem;

}

[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:before {

    left: auto;

    right: 65px;

}

[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    li

    ul

    a {

    padding-right: 4.5rem;

    padding-left: 0.625rem;

}

[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"]

    .deznav

    .metismenu

    li

    ul

    a:before {

    left: auto;

    right: 40px;

}

[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    ul

    a:before {

    left: auto;

    right: 65px;

}

[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    li

    ul

    a {

    padding-right: 3.5rem;

    padding-left: 0.625rem;

}

[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"]

    .deznav

    .metismenu

    li

    ul

    a:before {

    left: auto;

    right: 30px;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .deznav

    .metismenu

    li

    > ul

    li:hover

    ul {

    right: 11.8125rem;

    left: 0;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .header

    .navbar {

    padding-left: 0;

    padding-right: 60px;

}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"]

    .menu-toggle

    .nav-header

    .nav-control {

    right: auto;

    left: -50px;

}

[direction="rtl"][data-layout="horizontal"] .deznav {

    left: unset;

    right: 40px;

}

[direction="rtl"][data-layout="horizontal"]

    .deznav

    .metismenu

    > li:nth-child(2)

    > a {

    border-right: 0;

}

@media only screen and (max-width: 1023px) {

    [direction="rtl"][data-sidebar-style="overlay"] .header .navbar {

        padding-left: 40px;

        padding-right: 145px;

    }

}



[direction="rtl"] {

    /* ===== Light gallery ===== */

}

[direction="rtl"]

    .select2-container--default

    .select2-selection--single

    .select2-selection__arrow {

    left: 15px;

    right: auto;

}

[direction="rtl"]

    .input-group

    > .bootstrap-select:not(:first-child)

    .dropdown-toggle {

    border-radius: 0.75rem 0 0 0.75rem;

}

[direction="rtl"] .list-group {

    padding-left: 0;

}

[direction="rtl"] .form-check-input {

    margin-left: -1.25rem;

    margin-right: inherit;

}

[direction="rtl"] .form-check-inline .form-check-input {

    margin-right: 0;

    margin-left: 10px;

}

[direction="rtl"] .radio input,

[direction="rtl"] .radio-inline,

[direction="rtl"] .checkbox input,

[direction="rtl"] .checkbox-inline input {

    margin-left: 0;

    margin-right: 0;

}

[direction="rtl"] .content-body {

    margin-right: 17.5rem;

    margin-left: auto;

}

[data-sidebar-style="modern"][direction="rtl"] .content-body {

    margin-right: 9.375rem;

}

[direction="rtl"] .content-body .page-titles {

    text-align: right;

}

[direction="rtl"] .doctor-info-details .media-body span i,

[direction="rtl"] .recovered-chart-deta .col [class*="bg-"] {

    margin-right: 0;

    margin-left: 10px;

}

[direction="rtl"] .patients-chart-deta .col,

[direction="rtl"] .patients-chart-deta .col [class*="bg-"],

[direction="rtl"] .recovered-chart-deta .col {

    margin-right: 0;

    margin-left: 15px;

}

[direction="rtl"] .best-doctor .timeline .timeline-panel .media .number {

    left: auto;

    right: -13px;

}

[direction="rtl"] .doctor-info-details .media i {

    right: 0;

    left: -15px;

}

[direction="rtl"] .review-table .disease {

    border-left: 0;

    border-right: 1px solid #eee;

    padding-left: 0;

    padding-right: 20px;

}

[direction="rtl"] .apexcharts-legend-text {

    margin: 4px;

}

[direction="rtl"] .doctor-info-details .media-body {

    padding-left: 0;

    padding-right: 40px;

}

[direction="rtl"] .custom-control {

    margin-left: 0;

}

[direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link {

    border-radius: 0 0.75rem 0 0;

}

[direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link {

    border-radius: 0.75rem 0 0 0;

}

[direction="rtl"] .form-head .btn i {

    margin-left: 5px;

    margin-right: 0;

}

[direction="rtl"] .iconbox {

    padding-left: 0;

    padding-right: 70px;

}

[direction="rtl"] .iconbox i {

    left: auto;

    right: 0;

}

[direction="rtl"] .table.tr-rounded tr td:first-child,

[direction="rtl"] .table.tr-rounded tr th:first-child {

    border-radius: 0 0.35rem 0.35rem 0;

}

[direction="rtl"] .table.tr-rounded tr td:last-child,

[direction="rtl"] .table.tr-rounded tr th:last-child {

    border-radius: 0.35rem 0 0 0.35rem;

}

[direction="rtl"] .custom-switch.toggle-switch.text-right {

    padding-left: 48px;

    padding-right: 0;

}

[direction="rtl"] .toggle-switch.text-right .custom-control-label:before {

    right: auto !important;

    left: -47px;

}

[direction="rtl"] .toggle-switch.text-right .custom-control-label:after {

    right: auto !important;

    left: -28px;

}

[direction="rtl"]

    .toggle-switch.text-right

    .custom-control-input:checked

    ~ .custom-control-label:after {

    left: -62px;

    right: auto !important;

}

[direction="rtl"] .check-switch {

    padding-right: 40px;

}

[direction="rtl"] .check-switch .custom-control-label:after,

[direction="rtl"] .check-switch .custom-control-label:before {

    right: -35px !important;

}

[direction="rtl"] .bar-chart .apexcharts-yaxis {

    transform: translatex(101%);

}

[direction="rtl"] .detault-daterange .input-group-text {

    padding: 0.532rem 0.75rem;

    padding-right: auto;

    padding-left: 0;

}

[direction="rtl"] .form-wrapper .input-group .form-control {

    text-align: left;

}

[direction="rtl"] .timeline-chart .apexcharts-yaxis {

    transform: translateX(0);

}

[direction="rtl"] .card-table td:first-child {

    padding-right: 30px;

    padding-left: 10px;

}

[direction="rtl"] .card-table td:last-child {

    padding-left: 30px;

    padding-right: 10px;

}

[direction="rtl"] .chatbox .img_cont {

    margin-right: 0px;

    margin-left: 10px;

}

[direction="rtl"] .profile-tab .nav-item .nav-link {

    margin-right: 0;

    margin-left: 30px;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .profile-tab .nav-item .nav-link {

        margin-left: 0px;

    }

}

[direction="rtl"] .widget-timeline .timeline > li > .timeline-panel {

    margin-left: 0px;

    margin-right: 40px;

}

[direction="rtl"]

    .widget-timeline.style-1

    .timeline

    .timeline-badge.timeline-badge

    + .timeline-panel {

    padding: 5px 15px 5px 10px;

    border-width: 0px 5px 0px 0px;

}

[direction="rtl"]

    .widget-timeline.style-1

    .timeline

    .timeline-badge.timeline-badge

    + .timeline-panel:after {

    border: 0;

    right: -9px;

    width: 7px;

    left: auto;

    height: 7px;

}

[direction="rtl"] .widget-timeline .timeline > li > .timeline-badge {

    left: auto;

    right: 0px;

}

[direction="rtl"] .widget-timeline .timeline > li > .timeline-panel:after {

    left: auto;

    right: -5px;

}

[direction="rtl"] .chatbox .msg_cotainer {

    margin-left: 0;

    margin-right: 10px;

    border-radius: 1.375rem 0 1.375rem 1.375rem;

}

[direction="rtl"] .chatbox .msg_cotainer:after {

    left: auto;

    right: -10px;

    transform: rotate(-90deg);

}

[direction="rtl"] .chatbox .type_msg .input-group .input-group-append .btn {

    border-top-right-radius: 38px !important;

    border-bottom-right-radius: 38px !important;

}

[direction="rtl"] .chatbox .msg_cotainer_send {

    margin-right: 0px;

    margin-left: 10px;

    border-radius: 0 6px 6px 6px;

}

[direction="rtl"] .chatbox .msg_cotainer_send:after {

    right: auto;

    left: -10px;

    transform: rotate(90deg);

}

[direction="rtl"] .new-arrival-content .price {

    float: left;

}

[direction="rtl"]

    .input-group

    > .bootstrap-select:not(:first-child)

    .dropdown-toggle {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-top-left-radius: 0.35rem;

    border-bottom-left-radius: 0.35rem;

}

[direction="rtl"]

    .input-group

    > .bootstrap-select:not(:last-child)

    .dropdown-toggle {

    border-top-right-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

[direction="rtl"] .breadcrumb-item + .breadcrumb-item {

    padding-right: 0.5rem;

    padding-left: 0;

}

[direction="rtl"] .breadcrumb-item + .breadcrumb-item::before {

    padding-right: 0;

    padding-left: 0.5rem;

}

[direction="rtl"] .chatbox .chatbox-close {

    left: 340px;

    right: auto;

}

[direction="rtl"] .message-search-area .input-group-text {

    padding-left: 25px;

    padding-right: 10px;

    border-left: 1px solid #eeeeee;

    border-right: 0;

    border-radius: 2rem;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

[direction="rtl"] .message-search-area .form-control {

    border-right: 1px solid #eeeeee;

    border-left: 0;

    border-radius: 2rem;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

[direction="rtl"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link {

    padding-right: 0;

    padding-left: 25px;

}

[direction="rtl"] .chat-box .message-sent p {

    border-radius: 20px 20px 20px 0;

}

[direction="rtl"] .chat-box .message-received p {

    border-radius: 20px 0 20px 20px;

}

[direction="rtl"] .mail-list .list-group-item i {

    padding-right: 0;

    padding-left: 0.625rem;

}

[direction="rtl"] .dataTables_wrapper .dataTables_filter input {

    margin-left: 0;

    margin-right: 0.5em;

}

[direction="rtl"][data-layout="horizontal"] .content-body {

    margin-right: 0;

}

[direction="rtl"][data-layout="horizontal"]

    .deznav

    .metismenu

    li

    li

    .has-arrow:after {

    -webkit-transform: rotate(-4deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

[direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"])

    .content-body {

    margin-right: 5rem;

}

[direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"])

    .content-body {

    margin-right: 11.25rem;

}

[direction="rtl"][data-sidebar-style="overlay"] .content-body {

    margin-right: 0;

}

[direction="rtl"] #external-events .external-event:before {

    margin-right: 0;

    margin-left: 0.9rem;

}

[direction="rtl"] .post-input a i {

    margin-left: 15px;

    margin-right: 0;

}

[direction="rtl"] .deznav .metismenu .has-arrow:after {

    -webkit-transform: rotate(-45deg) translateY(-50%);

    transform: rotate(-45deg) translateY(-50%);

}

[direction="rtl"] .deznav .metismenu .has-arrow[aria-expanded="true"]:after,

[direction="rtl"] .deznav .metismenu .mm-active > .has-arrow:after {

    -webkit-transform: rotate(-135deg) translateY(-50%);

    transform: rotate(-135deg);

}

[direction="rtl"][data-layout="horizontal"]

    .deznav

    .metismenu

    .has-arrow:after {

    -webkit-transform: rotate(225deg) translateY(-50%);

    transform: rotate(225deg) translateY(-50%);

}

[direction="rtl"] .chatbox {

    left: -500px;

    right: auto;

}

[direction="rtl"] .chatbox.active {

    left: 0;

    right: auto;

}

@media only screen and (max-width: 575px) {

    [direction="rtl"] .best-doctor .timeline .timeline-panel .media {

        float: right;

        margin-right: 0 !important;

        margin-left: 15px !important;

    }

}

[direction="rtl"] .default-select.style-1 .btn:after {

    margin-left: 0;

    margin-right: 0.5em;

}

[direction="rtl"] .pagination .page-indicator {

    transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

}

[direction="rtl"] .lg-outer.lg-visible {

    direction: ltr;

}

[direction="rtl"] .chart-point .chart-point-list {

    margin: 0;

    padding-right: 20px;

}

[direction="rtl"] .noUi-target {

    direction: rtl;

}

[direction="rtl"] .noUi-vertical .noUi-pips-vertical {

    left: -20px;

}

[direction="rtl"] .noUi-vertical .noUi-value-vertical {

    padding-left: 0;

    padding-right: 25px;

}

[direction="rtl"] .sidebar-right .ps--active-x > .ps__rail-x {

    display: none;

}

[direction="rtl"] .form-wizard .nav-wizard li .nav-link:after {

    right: 50%;

    left: auto;

}

[direction="rtl"] .dtp > .dtp-content {

    right: 50%;

    left: auto;

}

[direction="rtl"] .modal-header .close {

    margin: 0;

    left: 0;

    top: 0px;

    right: auto;

}

[direction="rtl"] .input-group-prepend .btn + .btn {

    border-radius: 0 !important;

}

[direction="rtl"] .form-control + .input-group-append .btn:first-child {

    border-top-right-radius: 0 !important;

    border-bottom-right-radius: 0 !important;

}

[direction="rtl"]

    .input-group

    > .custom-file:not(:first-child)

    .custom-file-label {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0.35rem;

    border-top-left-radius: 0.35rem;

}

[direction="rtl"] .custom-file-label::after {

    border-radius: 0.35rem 0 0 0.35rem;

}

[direction="rtl"]

    .input-group

    > .custom-file:not(:last-child)

    .custom-file-label {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-top-right-radius: 0.35rem;

    border-bottom-right-radius: 0.35rem;

}

[direction="rtl"]

    .input-group

    > .custom-file:not(:last-child)

    .custom-file-label::after {

    border-radius: 0;

}

[direction="rtl"] .weather-btn {

    margin-left: 20px;

}

[direction="rtl"] .coin-holding:after {

    background: -moz-linear-gradient(

        left,

        rgba(255, 255, 255, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* FF3.6-15 */

    background: -webkit-linear-gradient(

        left,

        rgba(255, 255, 255, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(

        to right,

        rgba(255, 255, 255, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ffffff', endColorstr='#00ffffff',GradientType=1 );

    /* IE6-9 */

}

[direction="rtl"][data-theme-version="dark"] .coin-holding:after {

    background: -moz-linear-gradient(

        left,

        rgba(5, 5, 5, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* FF3.6-15 */

    background: -webkit-linear-gradient(

        left,

        rgba(5, 5, 5, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(

        to right,

        rgba(5, 5, 5, 0.27) 0%,

        rgba(255, 255, 255, 0) 100%

    );

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45050505', endColorstr='#00ffffff',GradientType=1 );

    /* IE6-9 */

}

[direction="rtl"] .market-line .apexcharts-yaxis {

    transform: translateX(-10px);

}

[direction="rtl"] .current-chart .apexcharts-datalabels-group text:last-child {

    fill: #fff;

}

[direction="rtl"] .swiper-box .swiper-slide {

    padding-left: 0;

    padding-right: 23px;

}

[direction="rtl"] .swiper-box .swiper-scrollbar-drag {

    left: auto;

    right: -3px;

}

[direction="rtl"] .swiper-box .swiper-container-vertical > .swiper-scrollbar {

    right: 4px;

    left: auto;

}



@media only screen and (max-width: 1350px) and (min-width: 1200px) {

    [direction="rtl"] .content-body {

        margin-right: 17rem;

    }

}

[direction="rtl"] .sidebar-right {

    left: -50rem;

    right: auto;

    box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);

}

[direction="rtl"] .sidebar-right.show {

    left: 5.25rem;

    right: auto;

}

[direction="rtl"] .sidebar-right .sidebar-right-trigger {

    left: 100%;

    right: auto;

    border-radius: 0 5px 5px 0;

    box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);

}

[direction="rtl"] .sidebar-right .sidebar-close-trigger {

    left: -48px;

    right: auto;

}

[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option {

    text-align: right;

}

[direction="rtl"] .dz-demo-panel {

    right: unset;

    left: -100%;

}

[direction="rtl"] .dz-demo-panel.show {

    right: unset;

    left: 0;

}

[direction="rtl"] .dz-demo-panel .dz-demo-trigger {

    left: 100%;

    right: unset;

    border-radius: 0 5px 5px 0;

}



html[dir="rtl"] [direction="rtl"] .footer {

    padding-right: 17.1875rem;

    padding-left: 0;

}

@media (max-width: 767.98px) {

    html[dir="rtl"] [direction="rtl"] .footer {

        padding-right: 0;

    }

}

html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer {

    padding-right: 0;

}

html[dir="rtl"] [direction="rtl"] .menu-toggle .footer {

    padding-right: 3.75rem;

}

html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer {

    padding-right: 0;

}

html[dir="rtl"]

    [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"])

    .footer {

    padding-right: 3.75rem;

}

html[dir="rtl"]

    [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"])

    .footer {

    padding-right: 9.375rem;

}



:root {

    --primary: #077c23;

    --secondary: #036111;

    --primary-hover: #077c23;

    --primary-light: #fbe5dc;

    --primary-dark: #943911;

    --rgba-primary-1: rgba(235, 129, 83, 0.1);

    --rgba-primary-2: rgba(235, 129, 83, 0.2);

    --rgba-primary-3: rgba(235, 129, 83, 0.3);

    --rgba-primary-4: rgba(235, 129, 83, 0.4);

    --rgba-primary-5: rgba(235, 129, 83, 0.5);

    --rgba-primary-6: rgba(235, 129, 83, 0.6);

    --rgba-primary-7: rgba(235, 129, 83, 0.7);

    --rgba-primary-8: rgba(235, 129, 83, 0.8);

    --rgba-primary-9: rgba(235, 129, 83, 0.9);

    --font-family-base: Roboto, sans-serif;

    --font-family-title: Roboto, sans-serif;

}



[data-theme-version="dark"] {

    background: #2c254a;

    color: #828690;

    --nav-headbg: #3b3363;

    --sidebar-bg: #3b3363;

    --headerbg: #3b3363;

}

[data-theme-version="dark"] h1,

[data-theme-version="dark"] h2,

[data-theme-version="dark"] h3,

[data-theme-version="dark"] h4,

[data-theme-version="dark"] h5,

[data-theme-version="dark"] h6 {

    color: #fff !important;

}

[data-theme-version="dark"] a.link {

    color: #ddd;

}

[data-theme-version="dark"] a.link:focus,

[data-theme-version="dark"] a.link:hover {

    color: #51a6f5;

}

[data-theme-version="dark"] a:hover {

    color: #fff;

}

[data-theme-version="dark"] .text-secondary {

    color: #fff !important;

}

[data-theme-version="dark"] .border-right {

    border-right: 1px solid #473f72 !important;

}

[data-theme-version="dark"] .border-left {

    border-left: 1px solid #473f72 !important;

}

[data-theme-version="dark"] .border-top {

    border-top: 1px solid #473f72 !important;

}

[data-theme-version="dark"] .border-bottom {

    border-bottom: 1px solid #473f72 !important;

}

[data-theme-version="dark"] .border {

    border: 1px solid #fff !important;

}



[data-theme-version="dark"] .dropdown-menu {

    background-color: #3b3363;

    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1);

}

[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected,

[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active,

[data-theme-version="dark"] .dropdown-menu .dropdown-item.active,

[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover,

[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus {

    background-color: #3b3363;

    color: #7e7e7e;

}

[data-theme-version="dark"] .btn-link g [fill] {

    fill: #fff;

}

[data-theme-version="dark"] .btn-light:active,

[data-theme-version="dark"] .btn-light:focus,

[data-theme-version="dark"] .btn-light:hover {

    color: #000;

}

[data-theme-version="dark"] .form-control {

    background-color: transparent;

    border-color: #5b5289;

    color: #fff;

}

[data-theme-version="dark"] .card {

    background-color: #3b3363;

    box-shadow: none;

}

[data-theme-version="dark"] .btn-outline-dark:hover {

    background-color: #2c254a;

    border-color: #2c254a;

}

[data-theme-version="dark"] .tdl-holder input[type="text"],

[data-theme-version="dark"] .tdl-holder li {

    background-color: #3b3363;

    border-color: #473f72;

}

[data-theme-version="dark"] .tdl-holder input[type="text"]::placeholder {

    color: #828690;

}

[data-theme-version="dark"] .tdl-holder label:hover {

    background-color: #473f72;

    color: #fff;

}

[data-theme-version="dark"] .text-muted {

    color: #828690;

}

[data-theme-version="dark"] .modal-content {

    background: #3b3363;

}

[data-theme-version="dark"] .modal-footer,

[data-theme-version="dark"] .modal-header {

    border-color: #473f72;

}

[data-theme-version="dark"] .close {

    font-weight: 400;

    color: #fff;

    text-shadow: none;

}

[data-theme-version="dark"] .close:hover {

    color: #fff;

}

[data-theme-version="dark"] .header-left .dashboard_bar,

[data-theme-version="dark"] .star-review span,

[data-theme-version="dark"] .table strong {

    color: #fff;

}

[data-theme-version="dark"] .text-dark {

    color: #828690;

}

[data-theme-version="dark"] .star-rating .product-review,

[data-theme-version="dark"] .new-arrival-content .item {

    color: #fff;

}

[data-theme-version="dark"] .custom-dropdown .dropdown-menu {

    border-color: #473f72;

}

[data-theme-version="dark"] .widget-stat .media > span {

    background: #473f72;

    border-color: #473f72;

    color: #fff;

}

[data-theme-version="dark"] .plus-minus-input .custom-btn {

    background: #2c254a;

    border-color: #473f72;

}

[data-theme-version="dark"] .dropdown-divider,

[data-theme-version="dark"] .size-filter ul li {

    border-color: #473f72;

}

[data-theme-version="dark"] .custom-select {

    border-color: #473f72;

    color: #828690;

    background: #2c254a;

}

[data-theme-version="dark"] .nav-tabs {

    border-color: #473f72;

}

[data-theme-version="dark"] .mail-list .list-group-item.active i {

    color: #fff;

}

[data-theme-version="dark"] hr {

    border-color: #473f72;

}

[data-theme-version="dark"] .grid-col {

    background: #2c254a;

}

[data-theme-version="dark"] .noUi-target {

    border-color: #473f72;

    border-radius: 8px;

    box-shadow: none;

}

[data-theme-version="dark"] .noUi-target .noUi-connects {

    background: #473f72;

}

[data-theme-version="dark"] .noUi-marker-large,

[data-theme-version="dark"] .noUi-marker {

    background: #473f72;

}

[data-theme-version="dark"] .input-group-text {

    background: #473f72;

    color: #7e7e7e;

}

[data-theme-version="dark"] .note-editor.note-frame {

    border-color: #473f72;

}

[data-theme-version="dark"] .note-editor.note-frame .btn {

    color: #fff;

}

[data-theme-version="dark"]

    .note-editor.note-frame

    .note-editing-area

    .note-editable {

    color: #fff;

}

[data-theme-version="dark"] .widget-media .timeline .timeline-panel {

    border-color: #473f72;

}

[data-theme-version="dark"]

    .notification_dropdown

    .dropdown-menu-right

    .all-notification {

    border-color: #473f72;

}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link {

    border-color: #473f72;

}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active {

    background: #2c254a;

    color: #fff;

}

[data-theme-version="dark"] .list-group-item-action {

    color: #7e7e7e;

}

[data-theme-version="dark"] .list-group-item-action:focus,

[data-theme-version="dark"] .list-group-item-action:hover,

[data-theme-version="dark"] .list-group-item-action:focus {

    background-color: #2c254a;

    border-color: #2c254a;

}

[data-theme-version="dark"] .list-group-item.active {

    color: #fff;

    border-color: var(--primary);

}

[data-theme-version="dark"] .list-group-item.active:focus,

[data-theme-version="dark"] .list-group-item.active:hover,

[data-theme-version="dark"] .list-group-item.active:focus {

    background-color: var(--primary);

    border-color: var(--primary);

    color: #fff;

}

[data-theme-version="dark"] .swal2-popup {

    background: #3b3363;

}

[data-theme-version="dark"] .form-head .btn-outline-primary {

    border-color: #473f72;

}

[data-theme-version="dark"] .form-head .btn-outline-primary:hover {

    border-color: var(--primary);

}

[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link {

    background: #453c74;

}

[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link {

    background: #453c74;

}

[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link.active {

    color: #fff;

    background: var(--primary);

}

[data-theme-version="dark"]

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    span,

[data-theme-version="dark"] .review-table .media-body p,

[data-theme-version="dark"] .iconbox small,

[data-theme-version="dark"] .doctor-info-details .media-body p {

    color: #fff;

}

[data-theme-version="dark"] .iconbox p,

[data-theme-version="dark"] .doctor-info-details .media-body span {

    color: rgba(255, 255, 255, 0.7);

}

[data-theme-version="dark"] .best-doctor .timeline .timeline-panel {

    background: #3b3363;

}

[data-theme-version="dark"] .doctor-list .accordion__header-line {

    background: #473f72;

}

[data-theme-version="dark"] .review-table .disease,

[data-theme-version="dark"] .review-table,

[data-theme-version="dark"] .review-box {

    border-color: #473f72;

}

[data-theme-version="dark"] .form-head .search-area .form-control {

    border: 1px solid #473f72;

}

[data-theme-version="dark"]

    .form-head

    .search-area

    .input-group-append

    .input-group-text {

    background: #473f72;

}

[data-theme-version="dark"] .patient-activity tbody tr {

    box-shadow: 0 1px 0 0 #473f72;

}

[data-theme-version="dark"] .plus-box {

    background: rgba(255, 255, 255, 0.05);

    color: #fff;

}

[data-theme-version="dark"] .default-select.style-1 .btn {

    color: #fff;

}

[data-theme-version="dark"] .text-black {

    color: #fff !important;

}

[data-theme-version="dark"] .new-arrival-content h4 a {

    color: #fff;

}

[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label {

    fill: #fff;

}

[data-theme-version="dark"] .apexcharts-legend-text {

    color: #fff;

}

[data-theme-version="dark"] .morris_chart_height text tspan {

    fill: #fff;

}

[data-theme-version="dark"]

    .toggle-switch.text-right

    .custom-control-label:before {

    background-color: #ffffff29;

}

[data-theme-version="dark"]

    .toggle-switch

    .custom-control-input:checked

    ~ .custom-control-label:before {

    background-color: #fff;

}

[data-theme-version="dark"] .btn-link {

    color: #fff;

}

[data-theme-version="dark"] .amount-bx .form-control {

    background-color: transparent;

    color: #fff;

}

[data-theme-version="dark"] .amount-bx .form-control::placeholder {

    color: #fff;

}

[data-theme-version="dark"] .table.bg-info-hover td {

    color: #fff;

}

[data-theme-version="dark"] .table.bg-primary-hover td {

    color: #757878;

}

[data-theme-version="dark"] .table.bg-warning-hover td {

    color: #fff;

}

[data-theme-version="dark"] .table.bg-secondary-hover td {

    color: #757878;

}

[data-theme-version="dark"] .order-bg {

    background: #7970a3;

}

[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a:after {

    border-color: var(--primary);

}

[data-theme-version="dark"] .detault-daterange .input-group-text {

    background: transparent;

    color: #fff;

}

[data-theme-version="dark"] .form-wrapper .input-group {

    background: transparent;

    border: 0;

}

[data-theme-version="dark"]

    .form-wrapper

    .input-group

    .input-group-prepend

    .input-group-text {

    color: #fff;

}

[data-theme-version="dark"] .search-area-2 .form-control {

    background-color: #3b3363;

}

[data-theme-version="dark"]

    .search-area-2

    .input-group-append

    .input-group-text {

    background-color: #3b3363;

}

[data-theme-version="dark"] .dataTablesCard {

    background-color: #3b3363;

}

[data-theme-version="dark"] .compose-content .dropzone {

    background: #2c254a !important;

}

[data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button {

    color: #fff;

}

[data-theme-version="dark"] .daterangepicker {

    background: #2c254a;

    border-color: var(--primary);

}

[data-theme-version="dark"] .daterangepicker .calendar-table {

    border-color: var(--primary);

    background: #2c254a;

}

[data-theme-version="dark"]

    .daterangepicker

    .calendar-table

    .table-condensed

    td:hover {

    background-color: var(--primary);

    color: #fff;

}

[data-theme-version="dark"] .daterangepicker:after {

    border-bottom: 6px solid #2c254a;

}

[data-theme-version="dark"] .daterangepicker select.hourselect,

[data-theme-version="dark"] .daterangepicker select.minuteselect,

[data-theme-version="dark"] .daterangepicker select.secondselect,

[data-theme-version="dark"] .daterangepicker select.ampmselect {

    background: #2c254a;

    border: 1px solid #473f72;

    color: #fff;

}

[data-theme-version="dark"] .daterangepicker td.off,

[data-theme-version="dark"] .daterangepicker td.off.in-range,

[data-theme-version="dark"] .daterangepicker td.off.start-date,

[data-theme-version="dark"] .daterangepicker td.off.end-date {

    background-color: #3b3363;

}

[data-theme-version="dark"] .daterangepicker td.off:hover,

[data-theme-version="dark"] .daterangepicker td.off.in-range:hover,

[data-theme-version="dark"] .daterangepicker td.off.start-date:hover,

[data-theme-version="dark"] .daterangepicker td.off.end-date:hover {

    background-color: var(--primary);

    color: #fff;

}

[data-theme-version="dark"] .app-fullcalendar .fc-button {

    background-color: #2c254a;

    border-color: #473f72;

    color: #fff;

    text-shadow: none;

}

[data-theme-version="dark"] .app-fullcalendar .fc-button:hover,

[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-stat-hover {

    background-color: var(--primary);

}

[data-theme-version="dark"] .swal2-popup .swal2-styled:focus {

    outline: 0;

    box-shadow: 0 0 0 2px #473f72, 0 0 0 4px var(--rgba-primary-1);

}

[data-theme-version="dark"] .dd-handle {

    border-color: #473f72;

}

[data-theme-version="dark"] .menu-toggle .deznav .metismenu li > ul {

    background: #3b3363 !important;

}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {

    border-color: #473f72;

}

[data-theme-version="dark"] .nav-tabs .nav-link {

    color: white;

}

[data-theme-version="dark"] .nav-tabs .nav-link:hover,

[data-theme-version="dark"] .nav-tabs .nav-link.active {

    color: #fff;

    background: transparent;

    border-color: #036111;

}

[data-theme-version="dark"] .card-tabs .nav-tabs,

[data-theme-version="dark"] .card-tabs .nav-link,

[data-theme-version="dark"] .card-tabs .active {

    border-bottom: 0;

}

[data-theme-version="dark"] .clockpicker-popover .popover-content {

    background-color: #3b3363;

}

[data-theme-version="dark"] .clockpicker-plate {

    background-color: #2c254a;

}

[data-theme-version="dark"] .clockpicker-popover .popover-title {

    background-color: #2c254a;

    color: #fff;

}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span {

    background-color: #2c254a;

}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link:after {

    background: #2c254a;

}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active:after,

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done:after {

    background: var(--primary);

}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active span,

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done span {

    background: var(--primary);

}

[data-theme-version="dark"] .amount-bx {

    border-top: 1px solid #473f72;

    border-bottom: 1px solid #473f72;

}

[data-theme-version="dark"] .bar-chart line {

    stroke: #473f72;

    stroke-dasharray: 6;

}

[data-theme-version="dark"] #lineChart line {

    stroke: #473f72;

    stroke-dasharray: 6;

}

[data-theme-version="dark"] .activity-icon {

    border-color: #f0f0f063;

}

[data-theme-version="dark"] .check-switch .custom-control-label:after,

[data-theme-version="dark"] .check-switch .custom-control-label:before {

    border-color: #fff;

}

[data-theme-version="dark"] .fc-unthemed .fc-today {

    background: #2c254a;

}

[data-theme-version="dark"] .fc-unthemed .fc-divider,

[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,

[data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header {

    background: #473f72;

}

[data-theme-version="dark"] .picker__box {

    background: #2c254a;

}

[data-theme-version="dark"] .picker__box .picker__button--clear,

[data-theme-version="dark"] .picker__box .picker__button--close,

[data-theme-version="dark"] .picker__box .picker__button--today {

    background: #3b3363;

    color: #fff;

}

[data-theme-version="dark"] .picker__box .picker__button--clear:hover:before,

[data-theme-version="dark"] .picker__box .picker__button--close:hover:before,

[data-theme-version="dark"] .picker__box .picker__button--today:hover:before {

    color: #fff;

}

[data-theme-version="dark"] .picker {

    color: #999;

}

[data-theme-version="dark"] .dtp > .dtp-content {

    background: #2c254a;

}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr > td > a {

    color: #68686a;

}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr > td > a.selected {

    color: #fff;

}

[data-theme-version="dark"] .monthly-project-chart circle {

    fill: #2c254a;

}

[data-theme-version="dark"]

    .monthly-project-chart

    .apexcharts-datalabels-group

    text {

    fill: #fff;

}

[data-theme-version="dark"]

    .monthly-project-chart

    .apexcharts-radialbar-track

    path {

    stroke: #2c254a;

}

[data-theme-version="dark"] .timeline-chart .apexcharts-series rect {

    fill: #2c254a;

}

[data-theme-version="dark"] .kanbanPreview-bx {

    background: transparent;

}

[data-theme-version="dark"] .kanbanPreview-bx .card-body .sub-card {

    background: #3b3363;

}

[data-theme-version="dark"] .message-bx .image-bx span.active,

[data-theme-version="dark"] .contact-bx .image-bx span.active {

    border-color: #3b3363;

}

[data-theme-version="dark"] .users li img {

    border-color: #3b3363;

}

[data-theme-version="dark"] .donut-chart-sale .peity path:last-child {

    fill: #2c254a;

}

[data-theme-version="dark"]

    .card-tabs

    .nav-tabs.style-2

    .nav-item

    .nav-link.active {

    background: transparent;

    color: #fff;

}

[data-theme-version="dark"] .project-nav {

    border-color: #473f72;

}

[data-theme-version="dark"] .contact-bx {

    border-color: #3b3363;

}

[data-theme-version="dark"] .contact-bx:hover {

    border-color: var(--primary);

}

[data-theme-version="dark"] .btn-light,

[data-theme-version="dark"] .btn-light:active {

    background: #2c254a;

    border-color: #2c254a;

}

[data-theme-version="dark"] .users-lg li img {

    border-color: #3b3363;

}

[data-theme-version="dark"] .draggable.draggable-mirror {

    background: #3b3363;

    border: 2px dashed #473f72;

}

[data-theme-version="dark"] .chat-list-area:hover,

[data-theme-version="dark"] .chat-list-area.active {

    background: #2c254a;

}

[data-theme-version="dark"] .message-search-area .input-group-text {

    background: #2c254a;

    border-color: #473f72;

}

[data-theme-version="dark"]

    .card-tabs

    .nav-tabs.style-1

    .nav-item

    .nav-link.active {

    color: #fff;

}

[data-theme-version="dark"] .chat-box .message-received p {

    color: #b7b7b7;

}

[data-theme-version="dark"] .chat-box .type-massage textarea {

    background: transparent;

}

[data-theme-version="dark"] .chatbox .type_msg .form-control {

    background: transparent;

    resize: none;

}

[data-theme-version="dark"] .message-search-area .form-control {

    border-color: #473f72;

}

[data-theme-version="dark"] .daterangepicker td.in-range {

    background: #3b3363;

    color: #797c87;

}

[data-theme-version="dark"] .daterangepicker .calendar-table .next span,

[data-theme-version="dark"] .daterangepicker .calendar-table .prev span {

    border-color: #fff;

}

[data-theme-version="dark"] .daterangepicker .calendar-table .next span:hover,

[data-theme-version="dark"] .daterangepicker .calendar-table .prev span:hover {

    border-color: #000;

}

[data-theme-version="dark"] .weather-btn {

    background: #3b3363;

}

[data-theme-version="dark"] .tbl-orders svg path {

    fill: #fff;

}

[data-theme-version="dark"] .tbl-orders i {

    color: #fff;

}

[data-theme-version="dark"] .tbl-orders tr td {

    color: #fff;

}

[data-theme-version="dark"] .tbl-orders-style svg path {

    stroke: #fff;

}

[data-theme-version="dark"] .tbl-orders-style tr td {

    color: #fff;

}

[data-theme-version="dark"] .bootstrap-select .btn {

    background: transparent !important;

}

[data-theme-version="dark"] .main-profile i {

    color: #fff;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next {

    background-color: #3b3363;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous.current:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous.previous:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous.next:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next.current:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next.previous:hover,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next.next:hover {

    color: #000;

    background: #fff;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.previous.disabled,

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    .paginate_button.next.disabled {

    color: #fff;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    span

    .paginate_button {

    background-color: #3b3363;

    color: white;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    span

    .paginate_button.current {

    color: black;

    background: #fff;

    border: 0;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    span

    .paginate_button.current:hover {

    color: #000;

    background: #fff;

}

[data-theme-version="dark"]

    .dataTables_wrapper

    .dataTables_paginate

    span

    .paginate_button:hover {

    color: #000;

    background: #fff;

}

[data-theme-version="dark"] .table.bg-primary-hover td,

[data-theme-version="dark"] .table.bg-secondary-hover td,

[data-theme-version="dark"] .table.bg-warning-hover td,

[data-theme-version="dark"] .table.bg-info-hover td,

[data-theme-version="dark"] .table.bg-success-hover td,

[data-theme-version="dark"] .table.bg-danger-hover td {

    color: #fff;

}

[data-theme-version="dark"] .my-profile a {

    color: #036111;

    background: #fff;

}

[data-theme-version="dark"] .portofolio-social li a {

    border-color: #036111;

    color: #fff;

}

[data-theme-version="dark"] .style-tabs-2 .nav-item .nav-link:hover,

[data-theme-version="dark"] .style-tabs-2 .nav-item .nav-link.active {

    color: #fff;

    border-color: #fff;

}

[data-theme-version="dark"] .info-group .color-style {

    color: #68cf29;

}

[data-theme-version="dark"] .order-tbl tr th {

    color: #b1adc4;

}

[data-theme-version="dark"] .dropdown-menu,

[data-theme-version="dark"] .dropdown-item {

    color: #b1adc4;

}

[data-theme-version="dark"] .bootstrap-select,

[data-theme-version="dark"] .dropdown-toggle,

[data-theme-version="dark"] .filter-option-inner-inner {

    color: #fff;

}

[data-theme-version="dark"] .main-profile > p {

    color: #8f88b4;

}

[data-theme-version="dark"] .market-line line {

    stroke: #483f79;

}

[data-theme-version="dark"] .card-tabs.style-1 .nav-tabs .nav-link.active,

[data-theme-version="dark"] .card-tabs.style-1 .nav-tabs .nav-link:hover {

    border-color: #fff !important;

    color: #fff;

}

[data-theme-version="dark"] .coin-holding:after {

    background: -moz-linear-gradient(

        left,

        rgba(30, 87, 153, 0) 3%,

        rgba(42, 72, 130, 0) 32%,

        rgba(59, 51, 99, 0.49) 71%,

        rgba(59, 51, 99, 0.84) 99%

    );

    background: -webkit-linear-gradient(

        left,

        rgba(30, 87, 153, 0) 3%,

        rgba(42, 72, 130, 0) 32%,

        rgba(59, 51, 99, 0.49) 71%,

        rgba(59, 51, 99, 0.84) 99%

    );

    background: linear-gradient(

        to right,

        rgba(30, 87, 153, 0) 3%,

        rgba(42, 72, 130, 0) 32%,

        rgba(59, 51, 99, 0.49) 71%,

        rgba(59, 51, 99, 0.84) 99%

    );

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#d63b3363',GradientType=1 );

}

[data-theme-version="dark"] .card-table thead {

    background: #5b5288;

}

[data-theme-version="dark"] .swiper-box:after {

    background: -moz-linear-gradient(

        top,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(44, 37, 74, 0.43) 53%,

        #2c254a 79%

    );

    background: -webkit-linear-gradient(

        top,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(44, 37, 74, 0.43) 53%,

        #2c254a 79%

    );

    background: linear-gradient(

        to bottom,

        rgba(30, 87, 153, 0) 0%,

        rgba(166, 188, 213, 0) 33%,

        rgba(44, 37, 74, 0.43) 53%,

        #2c254a 79%

    );

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#f9f9f9',GradientType=0 );

}

[data-theme-version="dark"] .fc-theme-standard td,

[data-theme-version="dark"] .fc-theme-standard th,

[data-theme-version="dark"]

    .fc-theme-standard

    .fc-scrollgrid.fc-scrollgrid-liquid,

[data-theme-version="dark"] .fc-scrollgrid,

[data-theme-version="dark"] table {

    border-color: #473f72;

}

[data-theme-version="dark"] .default-select.style-1 .btn:after {

    color: #fff;

}

[data-theme-version="dark"] .form-wrapper .input-group .form-control {

    border-color: #473f72;

}

[data-theme-version="dark"] .card-tabs.style-1 .nav-tabs {

    background-color: #2c254a;

}

[data-theme-version="dark"] .btn-outline-light:hover {

    color: #000;

}

[data-theme-version="dark"] .dropdown-menu {

    border-color: #473f72;

}

[data-theme-version="dark"] .chat-box-area {

    background: #2c254a;

}

[data-theme-version="dark"]

    .chat-wrapper

    .chat-left-sidebar

    .chat-fix-search

    .message-search-area

    .input-group-text,

[data-theme-version="dark"] .chat-wrapper .chat-left-sidebar .chat-fix-search,

[data-theme-version="dark"] .user-card .dz-media {

    border-color: #473f72;

}

[data-theme-version="dark"] .chat-box .message-received p {

    background: #3b3363;

    color: #fff;

}

[data-theme-version="dark"] .project-list-group .card:hover {

    border-color: #473f72;

}

[data-theme-version="dark"] table.dataTable.style-1 thead th {

    color: #c7c7c7;

}

[data-theme-version="dark"] .table {

    color: #989898;

}

[data-theme-version="dark"] .user-card .title a {

    color: #fff;

}

[data-theme-version="dark"] .card-tabs .nav-tabs.style-2 .nav-item .nav-link {

    color: rgba(255, 255, 255, 0.5);

}



[data-theme-version="dark"] .header {

    border-color: #473f72;

}

[data-theme-version="dark"] .header .sub-header {

    background-color: #3b3363;

    border-color: #473f72;

}

[data-theme-version="dark"] .header-left input {

    background: #2c254a !important;

    border-color: transparent;

    color: #fff;

}

[data-theme-version="dark"] .header-left input:focus {

    box-shadow: none;

    border-color: var(--primary);

}

[data-theme-version="dark"] .header-left input::placeholder {

    color: #fff;

}

[data-theme-version="dark"] .header-left .search_icon {

    background: #2c254a;

}

[data-theme-version="dark"] .header-left .search_icon i {

    color: #fff;

}

[data-theme-version="dark"] .header-right .header-profile > a.nav-link {

    border-color: #473f72;

    background: transparent;

}

[data-theme-version="dark"] .header-right .right-sidebar a {

    color: var(--primary);

    border-color: #473f72;

}

[data-theme-version="dark"]

    .header-right

    .header-profile

    > a.nav-link

    .header-info

    strong {

    color: #fff;

}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {

    background: transparent;

}

[data-theme-version="dark"] .header-right .dropdown .nav-link {

    color: #fff;

    background: #2c254a;

}

[data-theme-version="dark"] .header-right .dropdown .nav-link:hover {

    color: #fff;

}

[data-theme-version="dark"]

    .header-right

    .dropdown

    .nav-link

    svg:not(#icon-full, #icon-minimize)

    path {

    fill: #fff;

}

[data-theme-version="dark"] .header-right .dropdown .nav-link i {

    color: #fff;

}

[data-theme-version="dark"]

    .header-right

    .dropdown

    .nav-link

    svg#icon-full

    path,

[data-theme-version="dark"]

    .header-right

    .dropdown

    .nav-link

    svg#icon-minimize

    path {

    stroke: #fff;

}

[data-theme-version="dark"]

    .header-right

    .notification_dropdown

    .dropdown-item

    a {

    color: #fff;

}

[data-theme-version="dark"] .search-area .input-group-append .input-group-text {

    background: #2c254a;

    padding: 0 19px;

}

[data-theme-version="dark"] .search-area .form-control:focus,

[data-theme-version="dark"] .search-area .form-control:hover,

[data-theme-version="dark"] .search-area .form-control:active {

    background: #2c254a;

}

[data-theme-version="dark"] .pulse-css {

    border-color: #3b3363;

}

[data-theme-version="dark"] .nav-header .hamburger .line {

    background: #fff;

}

[data-theme-version="dark"]

    .menu-toggle

    .nav-header

    .nav-control

    .hamburger

    .line {

    background-color: #fff;

}

[data-theme-version="dark"][data-layout="horizontal"]

    .search-area

    .input-group-append

    .input-group-text,

[data-theme-version="dark"][data-layout="horizontal"]

    .search-area

    .form-control {

    background: #2c254a !important;

}



[data-theme-version="dark"] .nav-header {

    border-color: #473f72;

}

[data-theme-version="dark"] .svg-logo-path {

    fill: #fff;

}

[data-theme-version="dark"] .nav-control {

    color: #fff;

}

[data-theme-version="dark"] .brand-logo {

    color: #fff;

}

[data-theme-version="dark"] .brand-logo:hover {

    color: #fff;

}



[data-theme-version="dark"] .nav-header {

    border-color: #473f72;

}

[data-theme-version="dark"] .svg-logo-path {

    fill: #fff;

}

[data-theme-version="dark"] .nav-control {

    color: #fff;

}

[data-theme-version="dark"] .brand-logo {

    color: #fff;

}

[data-theme-version="dark"] .brand-logo:hover {

    color: #fff;

}



[data-theme-version="dark"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    li

    > ul,

[data-theme-version="dark"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    li

    > ul {

    background-color: #3b3363;

}

[data-theme-version="dark"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="mini"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="compact"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li.mm-active

    > a,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li:hover

    > a,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li:focus

    > a,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li.mm-active

    > a {

    color: #fff;

}

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="modern"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="overlay"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li:hover

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li:focus

    > a

    i,

[data-theme-version="dark"][data-sidebar-style="icon-hover"]

    .deznav

    .metismenu

    > li.mm-active

    > a

    i {

    color: #fff;

}

[data-theme-version="dark"] .fixed-content-box {

    background-color: #3b3363;

}

[data-theme-version="dark"] .fixed-content-box .head-name {

    background: #3b3363;

    color: #fff;

    border-color: #473f72;

}

[data-theme-version="dark"] .fixed-content-box + .header + .deznav {

    background-color: #2c254a;

}

[data-theme-version="dark"] .deznav .metismenu > li > a {

    color: #b3b3b3;

}

[data-theme-version="dark"] .deznav .metismenu > li:hover > a,

[data-theme-version="dark"] .deznav .metismenu > li:focus > a,

[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a {

    color: var(--primary);

}

[data-theme-version="dark"] .deznav .metismenu > li:hover > a::after,

[data-theme-version="dark"] .deznav .metismenu > li:focus > a::after,

[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a::after {

    border-color: #fff;

}

[data-theme-version="dark"] .deznav .metismenu > li:hover > a i,

[data-theme-version="dark"] .deznav .metismenu > li:focus > a i,

[data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i {

    color: var(--primary);

}

[data-theme-version="dark"] .deznav .metismenu > li.mm-active ul ul {

    background-color: transparent;

}

[data-theme-version="dark"] .deznav .metismenu ul:after {

    background-color: #473f72;

}

[data-theme-version="dark"] .deznav .metismenu ul a:hover,

[data-theme-version="dark"] .deznav .metismenu ul a:focus,

[data-theme-version="dark"] .deznav .metismenu ul a.mm-active {

    color: var(--primary);

    background: #332c52;

}

[data-theme-version="dark"] .deznav .metismenu ul a:before {

    background-color: #fff;

}

[data-theme-version="dark"] .deznav .metismenu a {

    color: #b3b3b3;

}

[data-theme-version="dark"] .deznav .metismenu .has-arrow:after {

    border-color: #fff;

}



[data-theme-version="dark"] .sidebar-right {

    border-radius: 12px 0 0 12px;

}

[data-theme-version="dark"] .sidebar-right .nav-tabs .nav-link {

    color: #000;

}

[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn {

    border-color: #eeeeee !important;

}

[data-theme-version="dark"] .sidebar-right .filter-option-inner-inner {

    color: #000;

}

[data-theme-version="dark"] .sidebar-right .dropdown-menu {

    background-color: #fff;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

[data-theme-version="dark"]

    .sidebar-right

    .dropdown-menu

    .dropdown-item.selected,

[data-theme-version="dark"] .sidebar-right .dropdown-menu .dropdown-item.active,

[data-theme-version="dark"] .sidebar-right .dropdown-menu .dropdown-item:hover {

    background-color: rgba(59, 51, 99, 0.1);

    color: rgba(0, 0, 0, 0.8);

}



[data-theme-version="dark"] .footer {

    background-color: transparent;

}

[data-theme-version="dark"] .footer .copyright {

    background-color: transparent;

}

[data-theme-version="dark"] .footer .copyright p {

    color: #fff;

}



/* my New cards */





/*# sourceMappingURL=style.css.map */