@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]

==========================================================================================================================================
Project                        :   Splite - a responsive, flat and full featured admin template
==========================================================================================================================================
Create Date                    :   15/09/18
------------------------------------------------------------------------------------------------------------------------------------------
Author & Copyright Ownership   :   Spruko Technologies Private Limited 
------------------------------------------------------------------------------------------------------------------------------------------
Author URL                     :   https://themeforest.net/user/spruko
------------------------------------------------------------------------------------------------------------------------------------------
Support		                   :   https://support.spruko.com/
------------------------------------------------------------------------------------------------------------------------------------------
License Details                :   https://spruko.com/licenses-details
------------------------------------------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------*/
/********* TABLE OF CONTENTS *****/
/******------------------

* Accordion
* Alert
* Avatars
* Badge
* Bootstrap-custom
* Breadcrumb
* Buttons
* Cards
* Carousel
* Dropdown
* Forms
* Grid
* Input-group
* Lists
* Modal
* Navigation
* Pagination
* Progress
* Tables
* Tooltip&Popover
* count-down
* Custom-styles
* Icons
* Imagecheck
* Label
* Mediaobject
* Panel
* Rating
* Select
* Tabs
* Tags
* Timeline
* Double-menu-styles
* Footer 
* Headers
* Horizontal
* Item-cards
* Profile
* Sidebar
* Sidemenu
* Charts
* Select2
* Chat
* Email
* Gallery
* Header-styles
* Jvectormap
* Loaders
* Pricing
* Products
* Calendar
* Contact
* Errors
* File-attach
* Widget
* Background
* Border
* Height
* Margin
* Typography
* Width

******------------------/


/* ########## bootstrap OVERRIDES ########## */
/*---FONTS IMPORT --- */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

:root {
    --primary-rgb: 85, 81, 215;
    --primary-bg-color: rgb(var(--primary-rgb));
    --primary-bg-hover: rgb(var(--primary-rgb), 0.9);
    --primary-bg-border: rgb(var(--primary-rgb));
    --primary-transparentcolor: rgba(var(--primary-rgb), 0.2);
    --primary-01: rgba(var(--primary-rgb), 0.1);
    --primary-02: rgba(var(--primary-rgb), 0.2);
    --primary-03: rgba(var(--primary-rgb), 0.3);
    --primary-04: rgba(var(--primary-rgb), 0.4);
    --primary-05: rgba(var(--primary-rgb), 0.5);
    --primary-06: rgba(var(--primary-rgb), 0.6);
    --primary-07: rgba(var(--primary-rgb), 0.7);
    --primary-08: rgba(var(--primary-rgb), 0.8);
    --primary-09: rgba(var(--primary-rgb), 0.9);
    --primary-005: rgba(var(--primary-rgb), 0.05);
    /* secondary */
    --secondary-bg-color-rgb: 176, 60, 213;
    --secondary-bg-color: rgb(var(--secondary-bg-color-rgb));
    --secondary-bg-border: rgb(var(--secondary-bg-color-rgb));
    --secondary-005: rgba(var(--secondary-bg-color-rgb), 0.05);
    --secondary-01: rgba(var(--secondary-bg-color-rgb), 0.1);
    --secondary-02: rgba(var(--secondary-bg-color-rgb), 0.2);
    --secondary-05: rgba(var(--secondary-bg-color-rgb), 0.5);
    --secondary-04: rgba(var(--secondary-bg-color-rgb), 0.4);
    --secondary-07: rgba(var(--secondary-bg-color-rgb), 0.7);
    --secondary-bg-hover: rgba(var(--secondary-bg-color-rgb), 0.9);
    --secondary-transparentcolor: rgba(var(--secondary-bg-color-rgb), 0.2);
    /* success */
    --success-bg-color-rgb: 51, 179, 85;
    --success-bg-color: rgb(var(--success-bg-color-rgb));
    --success-07: rgba(var(--success-bg-color-rgb), 0.7);
    /* info */
    --info-bg-color-rgb: 69, 170, 242;
    --info-bg-color: rgb(var(--info-bg-color-rgb));
    --info-07: rgba(var(--info-bg-color-rgb), 0.7);
    /* danger */
    --danger-bg-color-rgb: 241, 60, 60;
    --danger-bg-color: rgb(var(--danger-bg-color-rgb));
    --danger-07: rgba(var(--danger-bg-color-rgb), 0.7);
    /* warning */
    --warning-bg-color-rgb: 247, 152, 57;
    --warning-bg-color: rgb(var(--warning-bg-color-rgb));
    --warning-07: rgba(var(--warning-bg-color-rgb), 0.7);
    /* blue */
    --blue-bg-color-rgb: 54, 160, 235;
    --blue-bg-color: rgb(var(--blue-bg-color-rgb));
    --blue-07: rgba(var(--blue-bg-color-rgb), 0.7);
    /* azure */
    --azure-bg-color-rgb: 69, 170, 242;
    --azure-bg-color: rgb(var(--azure-bg-color-rgb));
    /* indigo */
    --indigo-bg-color-rgb: 101, 116, 205;
    --indigo-bg-color: rgb(var(--indigo-bg-color-rgb));
    /* purple */
    --purple-bg-color-rgb: 170, 76, 242;
    --purple-bg-color: rgb(var(--purple-bg-color-rgb));
    /* pink */
    --pink-bg-color-rgb: 213, 109, 252;
    --pink-bg-color: rgb(var(--pink-bg-color-rgb));
    /* red */
    --red-bg-color-rgb: 228, 19, 19;
    --red-bg-color: rgb(var(--red-bg-color-rgb));
    --red-07: rgba(var(--red-bg-color-rgb), 0.7);
    /* orange */
    --orange-bg-color-rgb: 255, 165, 0;
    --orange-bg-color: rgb(var(--orange-bg-color-rgb));
    /* yellow */
    --yellow-bg-color-rgb: 255, 255, 0;
    --yellow-bg-color: rgb(var(--yellow-bg-color-rgb));
    /* lime */
    --lime-bg-color-rgb: 123, 210, 53;
    --lime-bg-color: rgb(var(--lime-bg-color-rgb));
    /* green */
    --green-bg-color-rgb: 49, 165, 80;
    --green-bg-color: rgb(var(--green-bg-color-rgb));
    /* teal */
    --teal-bg-color-rgb: 43, 203, 186;
    --teal-bg-color: rgb(var(--teal-bg-color-rgb));
    /* cyan */
    --cyan-bg-color-rgb: 67, 192, 246;
    --cyan-bg-color: rgb(var(--cyan-bg-color-rgb));
    /* gray */
    --gray-bg-color-rgb: 149, 160, 150;
    --gray-bg-color: rgb(var(--gray-bg-color-rgb));
    /* gray-dark */
    --gray-dark-bg-color-rgb: 52, 58, 64;
    --gray-dark-bg-color: rgb(var(--gray-dark-bg-color-rgb));
    /* white */
    --white: #fff;
    --fixed-white: #fff;
    /* black */
    --black: #000;
    --fixed-black: #000;
    --light-rgb: 234, 236, 239;
    --dark-rgb: 14, 16, 20;
    /*White Set*/
    --white-1: rgba(255, 255, 255, 0.1);
    --white-2: rgba(255, 255, 255, 0.2);
    --white-3: rgba(255, 255, 255, 0.3);
    --white-4: rgba(255, 255, 255, 0.4);
    --white-5: rgba(255, 255, 255, 0.5);
    --white-6: rgba(255, 255, 255, 0.6);
    --white-7: rgba(255, 255, 255, 0.7);
    --white-8: rgba(255, 255, 255, 0.8);
    --white-9: rgba(255, 255, 255, 0.9);
    --white-05: rgba(255, 255, 255, 0.05);
    --white-08: rgba(255, 255, 255, 0.08);
    --white-75: rgba(255, 255, 255, 0.075);
    /*Fixed White Set*/
    --fixed-white-1: rgba(255, 255, 255, 0.1);
    --fixed-white-2: rgba(255, 255, 255, 0.2);
    --fixed-white-3: rgba(255, 255, 255, 0.3);
    --fixed-white-4: rgba(255, 255, 255, 0.4);
    --fixed-white-5: rgba(255, 255, 255, 0.5);
    --fixed-white-6: rgba(255, 255, 255, 0.6);
    --fixed-white-7: rgba(255, 255, 255, 0.7);
    --fixed-white-8: rgba(255, 255, 255, 0.8);
    --fixed-white-9: rgba(255, 255, 255, 0.9);
    --fixed-white-05: rgba(255, 255, 255, 0.05);
    --fixed-white-08: rgba(255, 255, 255, 0.08);
    --fixed-white-75: rgba(255, 255, 255, 0.075);
    /* Black Set */
    --black-05: rgba(0, 0, 0, 0.05);
    --black-03: rgba(0, 0, 0, 0.03);
    --black-1: rgba(0, 0, 0, 0.1);
    --black-2: rgba(0, 0, 0, 0.2);
    --black-3: rgba(0, 0, 0, 0.3);
    --black-4: rgba(0, 0, 0, 0.4);
    --black-5: rgba(0, 0, 0, 0.5);
    --black-6: rgba(0, 0, 0, 0.6);
    --black-7: rgba(0, 0, 0, 0.7);
    --black-8: rgba(0, 0, 0, 0.8);
    --black-9: rgba(0, 0, 0, 0.9);
    /* Fixed Black Set */
    --fixed-black-05: rgba(0, 0, 0, 0.05);
    --fixed-black-03: rgba(0, 0, 0, 0.03);
    --fixed-black-1: rgba(0, 0, 0, 0.1);
    --fixed-black-2: rgba(0, 0, 0, 0.2);
    --fixed-black-3: rgba(0, 0, 0, 0.3);
    --fixed-black-4: rgba(0, 0, 0, 0.4);
    --fixed-black-5: rgba(0, 0, 0, 0.5);
    --fixed-black-6: rgba(0, 0, 0, 0.6);
    --fixed-black-7: rgba(0, 0, 0, 0.7);
    --fixed-black-8: rgba(0, 0, 0, 0.8);
    --fixed-black-9: rgba(0, 0, 0, 0.9);
    /* Gray set */
    --gray-100: #f9fafb;
    --gray-200: #f2f4f5;
    --gray-300: #f4f4f4;
    --gray-400: #dbdfe1;
    --gray-500: #949eb7;
    --gray-600: #7987a1;
    --gray-700: #4d5875;
    --gray-800: #383853;
    --gray-900: #323251;
    /* General */
    --background: #eeeef5;
    --color: #33334c;
    --muted: #a5aac7;
    --menu-color: #8c8ca9;
    --hover-color: #f7f7ff;
    --border: #e8eaf5;
    --form-border: #e8eaf5;
    --card-border-radius: 0.3125rem;
    --menu-bg: #ffffff;
    --menu-primary: rgb(var(--primary-rgb));
    --header-primary: rgb(var(--primary-rgb));
    --header-bg: rgb(var(--primary-rgb));
    --box-shadow: 0 2px 17px 2px rgb(0 0 0 / 20%);
    --box-shadow-color: rgb(113 126 195 / 25%);
    /* Float */
    --float-start: left;
    --float-end: right;
    --default-gradient: linear-gradient(89.1deg, rgb(var(--primary-rgb)) 0.7%, rgb(19, 150, 204) 88.4%);
}

/*Color variables*/
/*white variables*/
/*Fixed white variables*/
/*gray set*/
/*gradient variables*/
/*black variables*/
/*Fixed black variables*/
[data-theme-color=dark] {
    --menu-bg: #1b2433;
    --background: #0e1929;
    --color: rgba(221, 229, 237, 0.9);
    --white: #1b2433;
    --black: #fff;
    --muted: rgba(255, 255, 255, 0.4);
    --menu-color: rgba(255, 255, 255, 0.8);
    --hover-color: rgba(0, 0, 0, 0.1);
    --light: #17171c;
    --gray-100: #110f0f;
    --gray-200: #17171c;
    --gray-300: #393946;
    --gray-400: #505062;
    --gray-500: #73738c;
    --gray-600: #e3e3e8;
    --gray-700: #ababba;
    --gray-800: #c7c7d1;
    --gray-900: #e3e3e8;
    --border: rgba(255, 255, 255, 0.1);
    --form-border: rgba(255, 255, 255, 0.15);
    --box-shadow: 0 12px 11px -3px rgb(46 49 49 / 25%);
    --bg-hover: rgba(0, 0, 0, 0.2);
    --bg-white: rgba(0, 0, 0, 0.2);
    --white-1: rgba(0, 0, 0, 0.1);
    --white-2: rgba(0, 0, 0, 0.2);
    --white-3: rgba(0, 0, 0, 0.3);
    --white-4: rgba(0, 0, 0, 0.4);
    --white-5: rgba(0, 0, 0, 0.5);
    --white-6: rgba(0, 0, 0, 0.6);
    --white-7: rgba(0, 0, 0, 0.7);
    --white-8: rgba(0, 0, 0, 0.8);
    --white-9: rgba(0, 0, 0, 0.9);
    --white-05: rgba(0, 0, 0, 0.05);
    --white-08: rgba(0, 0, 0, 0.08);
    --white-75: rgba(0, 0, 0, 0.075);
    --black-1: rgba(255, 255, 255, 0.1);
    --black-2: rgba(255, 255, 255, 0.2);
    --black-3: rgba(255, 255, 255, 0.3);
    --black-4: rgba(255, 255, 255, 0.4);
    --black-5: rgba(255, 255, 255, 0.5);
    --black-6: rgba(255, 255, 255, 0.6);
    --black-7: rgba(255, 255, 255, 0.7);
    --black-8: rgba(255, 255, 255, 0.8);
    --black-9: rgba(255, 255, 255, 0.9);
    --black-03: rgba(255, 255, 255, 0.03);
    --black-05: rgba(255, 255, 255, 0.05);
    --header-bg: #1b2433;
    --box-shadow-color: rgb(255, 255, 255, 0.1);
}

[dir=rtl] {
    --float-start: right;
    --float-end: left;
}

.accordion>.accordion-item {
    border-color: var(--border);
    overflow: hidden;
    background-color: var(--white);
    color: var(--color);
}

.accordion>.accordion-item>.accordion-header>a {
    display: block;
    position: relative;
    padding: 12px;
    color: var(--color);
    transition: all ease 0.3s;
}

.accordion>.accordion-item>.accordion-header>a:not(.collapsed)>.accordion-controls>.shrink {
    display: block;
}

.accordion>.accordion-item>.accordion-header>a:not(.collapsed)>.accordion-controls>.expand {
    display: none;
}

.accordion>.accordion-item>.accordion-header>a.collapsed>.accordion-controls>.shrink {
    display: none;
}

.accordion>.accordion-item>.accordion-header>a.collapsed>.accordion-controls>.expand {
    display: block;
}

.accordion>.accordion-item>.accordion-header>a>.accordion-controls {
    position: absolute;
    inset-inline-end: 12px;
}

.accordion>.accordion-item>.accordion-collapse {
    border-block-start: 1px solid var(--border);
}

.accordion.custom-accordion>.accordion-item+.accordion-item {
    margin-block-start: 10px;
}

.accordion.custom-accordion>.accordion-item {
    border-radius: 4px;
}

.accordion.custom-accordion>.accordion-item:not(:first-of-type) {
    border-block-start: 1px solid var(--border);
}

.accordion.custom-accordion>.accordion-item>.accordion-header>a:not(.collapsed) {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
}

.accordion.custom-accordion>.accordion-item>.accordion-header>a.collapsed:hover {
    background-color: var(--background);
    color: var(--primary-bg-color);
}

.accordion.accordion-style1>.accordion-item+.accordion-item {
    margin-block-start: 10px;
}

.accordion.accordion-style1>.accordion-item {
    border-radius: 4px;
}

.accordion.accordion-style1>.accordion-item:not(:first-of-type) {
    border-block-start: 1px solid var(--border);
}

.accordion.accordion-style1>.accordion-item>.accordion-header>a:not(.collapsed) {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
}

.accordion.accordion-style1>.accordion-item>.accordion-header>a.collapsed:hover {
    background-color: var(--background);
    color: var(--primary-bg-color);
}

.accordion.accordion-style2>.accordion-item+.accordion-item {
    margin-block-start: 10px;
}

.accordion.accordion-style2>.accordion-item {
    border-radius: 0px;
    border: none;
}

.accordion.accordion-style2>.accordion-item:not(:last-child) {
    border-block-end: 1px dashed var(--border);
}

.accordion.accordion-style2>.accordion-item>.accordion-collapse {
    border-block-start: none !important;
}

.accordion.accordion-style2>.accordion-item>.accordion-header>a {
    padding-inline-start: 0px;
}

.accordion.accordion-style2>.accordion-item>.accordion-header>a:not(.collapsed) {
    color: var(--primary-bg-color);
}

.accordion.accordion-style2>.accordion-item>.accordion-header>a.collapsed:hover {
    color: var(--primary-bg-color);
}

.accordion.accordion-style2>.accordion-item>.accordion-collapse>.accordion-body {
    padding-inline-start: 0px;
    padding-block-start: 0px;
}

.acc-1 .accordion__item {
    margin-block-end: 3px;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
}

.acc-1 .accordion__item.active .accordion-header {
    border-start-start-radius: 0.25rem;
    border-start-end-radius: 0.25rem;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
}

.acc-1 .accordion__item .accordion-header {
    border-radius: 0.25rem;
}

.acc-1 .accordion-header {
    padding: 12px 15px;
    background: var(--background);
    color: var(--color);
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s;
}

.acc-1 .accordion-header:hover {
    background: var(--primary-bg-color);
    color: #fff;
    position: relative;
    z-index: 5;
}

.acc-1 .accordion__item .accordion-header[aria-expanded=true] {
    background: var(--primary-bg-color);
    color: #fff;
}

.acc-1 .accordion-body {
    background: var(--white);
    color: #3f3c3c;
    display: none;
}

.acc-1 .accordion-body__contents {
    padding: 14px 16px;
    font-size: 15px;
    border: 1px solid var(--border);
    background: var(--white);
    color: var(--color);
    border-end-end-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
}

.acc-1 .accordion__item.active:last-child .accordion-header {
    border-radius: none;
}

.acc-1 .accordion:first-child>.accordion__item>.accordion-header {
    border-block-end: 1px solid transparent;
}

.acc-1 .accordion__item>.accordion-header:after {
    content: "\f3d0";
    font-family: IonIcons;
    font-size: 1.2em;
    float: var(--float-end);
    position: relative;
    inset-block-start: -2px;
    transition: 0.3s all;
    transform: rotate(0deg);
}

.acc-1 .accordion__item.active>.accordion-header:after {
    transform: rotate(-180deg);
}

.acc-1 .accordion__item.active .accordion-header {
    background: var(--primary-bg-color);
    color: #fff;
}

/*-----24. Alerts-----*/
.alert {
    padding: 1rem;
    border-radius: 3px;
    font-size: 0.9375rem;
    line-height: 0.9;
}

.alert:first-child {
    margin-block-end: 1rem !important;
}

.alert:last-child {
    margin-block-end: 0;
}

.alert p {
    margin-block-end: 0px !important;
}

.alert button.btn-close {
    margin-block-start: -0.38rem;
}

.alert-link {
    font-weight: 400;
}

.alert-link:hover,
.alert-link a:hover {
    text-decoration: underline;
}

.alert-dismissible .close {
    color: inherit;
}

.alert-primary {
    background-color: var(--primary-02);
    color: var(--primary-bg-color);
    border: 1px solid var(--primary-02);
}

.alert-primary .alert-link {
    color: var(--primary-bg-color);
    font-weight: 600 !important;
}

.alert-primary hr {
    border-block-start-color: rgba(var(--primary-rgb), 0.9) !important;
}

.alert-secondary {
    background-color: rgba(var(--secondary-bg-color-rgb), 0.2);
    color: var(--secondary-bg-color);
    border: 1px solid rgba(var(--secondary-bg-color-rgb), 0.2);
}

.alert-secondary .alert-link {
    color: var(--secondary-bg-color);
    font-weight: 600 !important;
}

.alert-secondary hr {
    border-block-start-color: rgba(var(--secondary-bg-color-rgb), 0.9) !important;
}

.alert-success {
    background-color: rgba(var(--success-bg-color-rgb), 0.2);
    color: var(--success-bg-color);
    border: 1px solid rgba(var(--success-bg-color-rgb), 0.2);
}

.alert-success hr {
    border-block-start-color: rgba(var(--success-bg-color-rgb), 0.9) !important;
}

.alert-success .alert-link {
    color: var(--success-bg-color);
    font-weight: 600 !important;
}

.alert-info {
    background-color: rgba(var(--info-bg-color-rgb), 0.2);
    color: var(--info-bg-color);
    border: 1px solid rgba(var(--info-bg-color-rgb), 0.2);
}

.alert-info hr {
    border-block-start-color: rgba(var(--info-bg-color-rgb), 0.9) !important;
}

.alert-info .alert-link {
    color: var(--info-bg-color);
    font-weight: 600 !important;
}

.alert-warning {
    background-color: rgba(var(--warning-bg-color-rgb), 0.2);
    color: var(--warning-bg-color);
    border: 1px solid rgba(var(--warning-bg-color-rgb), 0.2);
}

.alert-warning hr {
    border-block-start-color: rgba(var(--warning-bg-color-rgb), 0.9) !important;
}

.alert-warning .alert-link {
    color: var(--warning-bg-color);
    font-weight: 600 !important;
}

.alert-danger {
    background-color: rgba(var(--danger-bg-color-rgb), 0.2);
    color: var(--danger-bg-color);
    border: 1px solid rgba(var(--danger-bg-color-rgb), 0.2);
}

.alert-danger hr {
    border-block-start-color: rgba(var(--danger-bg-color-rgb), 0.9) !important;
}

.alert-danger .alert-link {
    color: var(--danger-bg-color);
    font-weight: 600 !important;
}

.alert-light {
    background-color: rgba(var(--light-rgb), 0.5);
    color: rgb(var(--dark-rgb));
    border: 1px solid var(--border);
}

.alert-light hr {
    border-block-start-color: rgba(var(--light-rgb), 0.9) !important;
}

.alert-light .alert-link {
    color: rgb(var(--dark-rgb));
    font-weight: 600 !important;
}

.alert-dark {
    background-color: rgba(var(--dark-rgb), 0.2);
    color: var(--color);
    border: 1px solid var(--border);
}

.alert-dark hr {
    border-block-start-color: rgba(var(--dark-rgb), 0.9) !important;
}

.alert-dark .alert-link {
    color: var(--color);
    font-weight: 600 !important;
}

.alert-icon {
    padding-inline-start: 3rem;
}

.alert-icon>i {
    color: inherit !important;
    font-size: 1rem;
    position: absolute;
    inset-block-start: 1rem;
    inset-inline-start: 1rem;
}

.alert-avatar {
    padding-inline-start: 3.75rem;
}

.alert-avatar .avatar {
    position: absolute;
    inset-block-start: 0.45rem;
    inset-inline-start: 0.75rem;
}

.alert-solid-primary {
    color: var(--fixed-white);
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.alert-solid-secondary {
    color: var(--fixed-white);
    background-color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}

.alert-solid-success {
    color: var(--fixed-white);
    background-color: var(--success-bg-color);
    border-color: var(--success-bg-color);
}

.alert-solid-warning {
    color: var(--fixed-white);
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.alert-solid-danger {
    color: var(--fixed-white);
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.alert-solid-info {
    color: var(--fixed-white);
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.alert-solid-dark {
    color: var(--fixed-white);
    background-color: rgb(var(--dark-rgb));
    border-color: var(--border);
}

.alert-solid-light {
    color: rgb(var(--dark-rgb));
    background-color: rgb(var(--light-rgb));
    border-color: rgb(var(--light-rgb));
}

.alert-outline-primary {
    background-color: var(--white);
    border-width: 1px;
    border-color: var(--primary-bg-color);
}

.alert-outline-secondary {
    background-color: var(--white);
    border-width: 1px;
    border-color: var(--secondary-bg-color);
}

.alert-outline-success {
    background-color: var(--white);
    border-width: 1px;
    border-color: var(--success-bg-color);
}

.alert-outline-warning {
    background-color: var(--white);
    border-width: 1px;
    border-color: var(--warning-bg-color);
}

.alert-outline-danger {
    background-color: var(--white);
    border-width: 1px;
    border-color: var(--danger-bg-color);
}

.alert-outline-info {
    background-color: var(--white);
    border-width: 1px;
    border-color: var(--info-bg-color);
}

.alert-outline-dark {
    background-color: var(--white);
    border-width: 1px;
    border-color: var(--border);
}

.alert-outline-light {
    background-color: var(--white);
    border-width: 1px;
    border-color: rgb(var(--light-rgb));
}

@media (max-width: 557px) {
    .alert-with-avatar .img-alert {
        margin-block-end: 5px !important;
    }
}

.avatar-item {
    position: relative;
}

.avatar-item img {
    border-radius: 50%;
}

.avatar-item .avatar-badge {
    position: absolute;
    inset-block-end: -5px;
    inset-inline-end: 0;
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    width: 25px;
    height: 25px;
}

.avatar-md {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
}

.avatar-xl {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.75rem;
}

.avatar-lg {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.25rem;
}

.avatar {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    vertical-align: bottom;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

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

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

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

.avatar.avatar-xxl {
    width: 5rem;
    height: 5rem;
}

.avatar-status {
    position: absolute;
    inset-inline-end: -2px;
    inset-block-end: -2px;
    width: 0.75rem;
    height: 0.75rem;
    border: 2px solid var(--white);
    background: var(--gray-bg-color);
    border-radius: 50%;
}

.avatar-list .avatar:not(:last-child) {
    margin-inline-end: 0.5rem;
}

.avatar-list .avatar {
    margin-block-end: 0.5rem;
}

.avatar-list .avatar-xl.rounded-circle .avatar-status {
    inset-inline-end: 2px;
    inset-block-end: 3px;
}

.avatar-list-stacked .avatar {
    margin-inline-end: -0.9em !important;
    box-shadow: 0 0 0 2px var(--white);
}

.badge {
    padding: 0.45em 0.65em 0.35em;
    font-size: 0.75em;
    border-radius: 0.25rem;
    text-align: center;
    line-height: 0.9;
}

.badge-primary {
    color: #fff;
    background-color: var(--primary-bg-color);
}

.badge-secondary {
    color: #fff;
    background-color: var(--secondary-bg-color);
}

.badge-warning {
    color: #fff;
    background-color: var(--warning-bg-color);
}

.badge-success {
    color: #fff;
    background-color: var(--success-bg-color);
}

.badge-danger {
    color: #fff;
    background-color: var(--danger-bg-color);
}

.badge-info {
    color: #fff;
    background-color: var(--info-bg-color);
}

.badge-pink {
    color: #fff;
    background-color: #f21887;
}

.badge-orange {
    color: #fff;
    background-color: var(--orange-bg-color);
}

.badge-cyan {
    color: #fff;
    background-color: #1891f2;
}

.nav-link-badge {
    position: absolute;
    inset-block-start: -7px;
    inset-inline-end: -5px;
    display: block !important;
    padding: 3px 5px !important;
}

.badge-primary-transparent {
    background-color: var(--primary-02);
    color: var(--primary-bg-color);
}

.badge-secondary-transparent {
    background-color: rgba(var(--secondary-bg-color-rgb), 0.2);
    color: var(--secondary-bg-color);
}

.badge-success-transparent {
    background-color: rgba(var(--success-bg-color-rgb), 0.2);
    color: var(--success-bg-color);
}

.badge-teal-transparent {
    background-color: rgba(var(--teal-bg-color), 0.15) !important;
    color: var(--teal-bg-color);
}

.badge-green-transparent {
    background-color: rgba(var(--green-bg-color), 0.15) !important;
    color: var(--green-bg-color);
}

.badge-warning-transparent {
    background-color: rgba(var(--warning-bg-color-rgb), 0.2);
    color: var(--warning-bg-color);
}

.badge-danger-transparent {
    background-color: rgba(var(--danger-bg-color-rgb), 0.2);
    color: var(--danger-bg-color);
}

.badge-purple-transparent {
    color: var(--purple-bg-color);
    background-color: rgba(var(--purple-bg-color), 0.15);
}

.badge-info-transparent {
    background-color: rgba(var(--info-bg-color-rgb), 0.2);
    color: var(--info-bg-color);
}

.badge-pink-transparent {
    color: var(--pink-bg-color);
    background-color: rgba(var(--pink-bg-color), 0.15);
}

.badge-light-transparent {
    background-color: rgba(var(--light-rgb), 0.2);
    color: rgb(var(--dark-rgb));
}

.badge-dark-transparent {
    background-color: rgba(var(--dark-rgb), 0.2);
    color: var(--black);
}

.badge-outline-primary {
    color: var(--primary-bg-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary-bg-color) !important;
    border: 1px solid;
}

.badge-outline-secondary {
    color: var(--secondary-bg-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--secondary-bg-color) !important;
    border: 1px solid;
}

.badge-outline-success {
    color: var(--success-bg-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--success-bg-color) !important;
    border: 1px solid;
}

.badge-outline-warning {
    color: var(--warning-bg-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--warning-bg-color) !important;
    border: 1px solid;
}

.badge-outline-danger {
    color: var(--danger-bg-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--danger-bg-color) !important;
    border: 1px solid;
}

.badge-outline-info {
    color: var(--info-bg-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--info-bg-color) !important;
    border: 1px solid;
}

.badge-outline-dark {
    color: rgb(var(--dark-rgb));
    background-color: transparent;
    background-image: none;
    border-color: rgb(var(--dark-rgb)) !important;
    border: 1px solid;
}

.badge-outline-light {
    color: var(--color);
    background-color: transparent;
    background-image: none;
    border-color: rgb(var(--light-rgb)) !important;
    border: 1px solid;
}

.badge-default {
    background: var(--background);
    color: var(--color);
}

.badge-light {
    color: #4b535c;
    background-color: #eeeef5;
}

.badge.bg-light {
    color: var(--color) !important;
    background-color: var(--background) !important;
}

.badge-top {
    inset-inline-start: 100%;
    transform: translate(-50%, -50%);
    position: absolute !important;
    border: 2px solid var(--border);
}

.badge-pill {
    padding-inline-end: 0.6em;
    padding-inline-start: 0.6em;
    border-radius: 10rem;
}

.badge.bg-white {
    color: var(--color) !important;
}

.badge-dark-transparent {
    background-color: rgba(var(--dark-rgb), 0.2);
    color: var(--black);
    border: 1px solid rgba(var(--dark-rgb), 0.2);
}

.badge-dark {
    color: var(--fixed-white);
    background-color: var(--gray-dark-bg-color);
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
    color: var(--white);
    text-decoration: none;
    background-color: #1d2124;
}

.btn-dark {
    color: var(--fixed-white);
    background-color: var(--gray-dark-bg-color);
    border-color: var(--gray-dark-bg-color);
}

body {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color);
    text-align: start;
    background-color: var(--background);
    font-family: "Inter", sans-serif;
    overflow-x: clip;
    position: relative;
    height: 100%;
}

*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    transition: 0.3s background;
}

body *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    transition: 0.3s background;
}

body *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    transition: 0.3s background;
}

body *::-webkit-scrollbar-thumb {
    background: var(--black-1);
}

body *:hover::-webkit-scrollbar-thumb {
    background: var(--black-3);
}

body *::-webkit-scrollbar-track {
    background: transparent;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

.btn:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
}

.btn:active:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
}

.form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
}

a {
    color: var(--color);
    font-weight: 400;
}

a:not(.btn-social-icon):not(.btn-social):not(.page-link) .ion,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fas,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .far,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fal,
a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
    margin-inline-start: 4px;
}

b,
strong {
    font-weight: 700;
}

#fullscreen {
    overflow: auto !important;
    background: var(--white);
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-21 {
    font-size: 21px;
}

.fs-22 {
    font-size: 22px;
}

.fs-23 {
    font-size: 23px;
}

.fs-24 {
    font-size: 24px;
}

.fs-25 {
    font-size: 25px;
}

.fs-26 {
    font-size: 26px;
}

.fs-27 {
    font-size: 27px;
}

.fs-28 {
    font-size: 28px;
}

.fs-29 {
    font-size: 29px;
}

.fs-30 {
    font-size: 30px;
}

.fs-31 {
    font-size: 31px;
}

.fs-32 {
    font-size: 32px;
}

.fs-33 {
    font-size: 33px;
}

.fs-34 {
    font-size: 34px;
}

.fs-35 {
    font-size: 35px;
}

.fs-36 {
    font-size: 36px;
}

.fs-37 {
    font-size: 37px;
}

.fs-38 {
    font-size: 38px;
}

.fs-39 {
    font-size: 39px;
}

.fs-40 {
    font-size: 40px;
}

.fs-41 {
    font-size: 41px;
}

.fs-42 {
    font-size: 42px;
}

.fs-43 {
    font-size: 43px;
}

.fs-44 {
    font-size: 44px;
}

.fs-45 {
    font-size: 45px;
}

.fs-46 {
    font-size: 46px;
}

.fs-47 {
    font-size: 47px;
}

.fs-48 {
    font-size: 48px;
}

.fs-49 {
    font-size: 49px;
}

.fs-50 {
    font-size: 40px;
}

.boxshadownone {
    box-shadow: none !important;
}

.overflow-hide {
    overflow: hidden;
}

.dash2 small {
    font-size: 14px;
    margin-block-start: 10px;
}

.dash1 small {
    font-size: 14px;
}

.dash1 h4 {
    margin-block-end: 2px;
}

.dash3 small {
    font-size: 14px;
    margin-block-start: 10px;
}

.country {
    text-align: center;
    width: 100%;
    float: var(--float-start);
    background: var(--white);
    border: 1px solid var(--border);
    position: relative;
    overflow: hidden;
}

.country .img-fluid {
    width: 30px;
    height: auto;
    border: 1px solid var(--border);
    margin: 15px;
}

.country div {
    background: var(--background);
    line-height: 30px;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    width: 100%;
    font-size: 12px;
    margin-block-start: 2px;
    border-block-start: 1px solid var(--border);
}

.mapheight {
    height: 300px;
}

.slash:after {
    content: "/";
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

/*-- section --*/
.section {
    position: relative;
}

.section .section-header {
    border-radius: 3px;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    margin-block-end: 0;
}

.section .section-header h1 {
    display: inline-block;
    font-size: 24px;
    margin-block-start: 3px;
}

.section .section-header .float-end {
    margin-block-start: 0;
}

.section .section-header .btn {
    font-size: 12px;
}

.section .section-header+.section-body .section-title:first-child {
    margin-block-start: 0;
}

.section .section-title {
    font-size: 16px;
    color: var(--color);
    font-weight: 500;
    margin: 30px 0 15px 0;
}

.page-header .breadcrumb-item a {
    color: #fff;
}

.page-header .breadcrumb-item.active,
.page-header .breadcrumb-item+.breadcrumb-item {
    color: var(--fixed-white-7);
}

/*------19. Breadcrumb ------*/
.breadcrumb {
    margin-block-end: 0;
    float: start;
    margin: 0;
    background-color: transparent;
    padding: 10px 0px !important;
    border-radius: 50px;
}

.breadcrumb-item+.breadcrumb-item {
    padding-inline-end: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-inline-end: 0.5rem;
    padding-inline-start: 0.5rem;
    color: var(--fixed-white-2);
    content: "/";
}

.breadcrumb-item.active {
    color: var(--primary-bg-color);
}

.breadcrumb1 {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-block-end: 1rem;
    list-style: none;
    background-color: var(--background);
    border-radius: 3px;
}

.breadcrumb-item1 a:hover {
    text-decoration: underline;
}

.breadcrumb-item1+.breadcrumb-item1::before {
    display: inline-block;
    padding-inline-end: 0.5rem;
    padding-inline-start: 0.5rem;
    content: "/";
    color: var(--muted);
    opacity: 0.4;
}

.breadcrumb-item1+.breadcrumb-item1:hover::before {
    text-decoration: underline;
    text-decoration: none;
}

.breadcrumb-item1.active {
    color: var(--primary-bg-color);
}

@media (min-width: 768px) {
    .page-breadcrumb {
        margin: -0.5rem 0 0;
    }
}

.page-breadcrumb .breadcrumb-item {
    color: #6c6a8d;
}

.page-breadcrumb .breadcrumb-item.active {
    color: #495057;
}

.breadcrumb-1 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.breadcrumb-1 li {
    display: contents;
    text-align: center;
}

.breadcrumb-2 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: end;
}

.breadcrumb-2 li {
    display: contents;
    text-align: end;
}

.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    float: none;
    padding-inline-end: 0.5rem;
    color: var(--muted);
    content: var(--bs-breadcrumb-divider, "\e933");
    font-family: "feather" !important;
    text-decoration: none !important;
    opacity: 0.4;
}

.breadcrumb-style3 .breadcrumb-item a {
    margin-inline-end: 5px;
}

.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before {
    float: none;
    padding-inline-end: 0.5rem;
    color: var(--muted);
    content: var(--bs-breadcrumb-divider, "\e92f");
    font-family: "feather" !important;
    text-decoration: none !important;
    opacity: 0.4;
}

.breadcrumb-style2 .breadcrumb-item a {
    margin-inline-end: 5px;
}

.breadcrumb-item+.breadcrumb-item {
    padding-inline-end: 0.5rem;
    padding-inline-start: 0;
}

.breadcrumb-item1 a {
    color: var(--color);
}

.breadcrumb-item1 a:hover {
    color: var(--primary-bg-color);
}

.breadcrumb-item a,
.breadcrumb-style2 a,
.breadcrumb-style3 a {
    color: var(--color);
}

.breadcrumb-item a:hover,
.breadcrumb-style2 a:hover,
.breadcrumb-style3 a:hover {
    color: var(--primary-bg-color);
}

.btn.has-icon i,
.dropdown-item.has-icon i {
    margin-inline-end: 15px;
    font-size: 20px;
    float: var(--float-start);
    margin-block-start: 1px;
}

.btn {
    font-size: 14px;
    line-height: 26px;
    padding: 5px 23px;
    letter-spacing: 0.4px;
    box-shadow: none;
}

.btn.has-icon i {
    margin-block-start: 3px;
    margin-inline-end: 10px;
}

.btn.has-icon-nofloat {
    display: table;
    text-align: right;
}

.btn.has-icon-nofloat i {
    float: none;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
}

.btn.has-icon-nofloat div {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    text-align: start;
    padding-inline-start: 10px;
}

.btn:active,
.btn:focus,
.btn:hover {
    border-color: transparent !important;
}

.btn.btn-shadow {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.13);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.13);
}

.btn>i {
    margin-inline-start: 0 !important;
}

.btn.btn-lg {
    padding: 0.5rem 1.1rem;
    font-size: 18px;
}

.btn.btn-sm {
    padding: 0.1rem 0.7rem;
    font-size: 0.7rem;
}

.btn.btn-icon .ion,
.btn.btn-icon .fas,
.btn.btn-icon .far,
.btn.btn-icon .fab,
.btn.btn-icon .fal {
    margin-inline-start: 0 !important;
    font-size: 14px;
}

.btn-action {
    color: #fff !important;
    font-size: 12px;
    padding: 0px 10px;
}

.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 69px;
    text-align: center;
    color: var(--color);
    border: 1px solid var(--border);
    background-color: var(--background);
    font-size: 12px;
}

.btn-app>.fa,
.btn-app>.glyphicon,
.btn-app>.ion {
    font-size: 20px;
    display: block;
}

.btn-app:hover {
    background: transparent;
    color: var(--color);
    border-color: var(--border) !important;
}

.btn-app:active,
.btn-app:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    background: #fff;
    color: var(--color);
    border-color: var(--border) !important;
}

.btn-app>.badge {
    position: absolute;
    inset-block-start: -3px;
    inset-inline-end: -10px;
    font-size: 10px;
    font-weight: 400;
}

.btn-social {
    position: relative;
    padding-inline-start: 44px !important;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff !important;
}

.btn-social> :first-child {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.2em;
    text-align: center;
    border-inline-end: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-social.btn-lg {
    padding-inline-start: 61px;
}

.btn-social.btn-lg> :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}

.btn-social.btn-sm {
    padding-inline-start: 38px;
}

.btn-social.btn-sm> :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.btn-social.btn-xs {
    padding-inline-start: 30px;
}

.btn-social.btn-xs> :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.btn-social-icon {
    position: relative;
    padding-inline-start: 44px;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0;
}

.btn-social-icon> :first-child {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.1em;
    text-align: center;
}

.btn-social-icon.btn-lg {
    padding-inline-start: 61px;
    height: 45px;
    width: 45px;
    padding-inline-end: 0;
}

.btn-social-icon.btn-lg> :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}

.btn-social-icon.btn-sm {
    padding-inline-start: 38px;
    height: 30px;
    width: 30px;
    padding-inline-end: 0;
}

.btn-social-icon.btn-sm> :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.btn-social-icon.btn-xs {
    padding-inline-start: 30px;
    height: 22px;
    width: 22px;
    padding-inline-end: 0;
}

.btn-social-icon.btn-xs> :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.btn-primary {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
    color: var(--fixed-white) !important;
}

.btn-primary:focus {
    background-color: var(--primary-bg-color) !important;
}

.btn-primary:focus:active {
    background-color: var(--primary-bg-color) !important;
}

.btn-primary:active,
.btn-primary:hover {
    background-color: var(--primary-bg-color) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.btn-outline-primary {
    color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
    background-color: transparent;
    background-image: none;
}

.btn-outline-primary:hover {
    color: #fff !important;
    border-color: var(--primary-bg-color) !important;
    background-color: var(--primary-bg-color) !important;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.2), 0 3px 6px rgba(0, 0, 0, 0.08) !important;
    border-color: var(--primary-bg-color) !important;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--primary-bg-color);
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    border-color: var(--primary-bg-color);
    background-color: var(--primary-bg-color);
}

.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    border-color: var(--primary-bg-color);
    background-color: var(--primary-bg-color);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);
    border-color: var(--primary-bg-color) !important;
}

.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);
    border-color: var(--primary-bg-color) !important;
}

.btn-outline-info {
    background-color: var(--white);
    color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.btn-outline-info:hover,
.btn-outline-info:focus:hover,
.btn-outline-info:active {
    background-color: var(--info-bg-color);
    color: #fff;
    border-color: var(--info-bg-color);
}

.btn-outline-info:active:focus,
.btn-outline-info.show:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--info-bg-color-rgb), 0.5);
    border-color: var(--info-bg-color);
}

.btn-outline-info:focus,
.btn-outline-info.show {
    background-color: var(--white);
    color: var(--info-bg-color);
    border-color: var(--info-bg-color);
    box-shadow: none;
}

.btn-danger {
    color: #fff;
    background-color: var(--danger-bg-color) !important;
    border-color: var(--danger-bg-color) !important;
}

.btn-danger:focus {
    background-color: #f73127 !important;
}

.btn-danger:focus:active {
    background-color: #f73127 !important;
}

.btn-danger:active,
.btn-danger:hover {
    background-color: #f73127 !important;
}

.btn-success {
    color: #fff;
    background-color: #38d250;
    border-color: #38d250;
}

.btn-success:focus {
    background-color: #18da35 !important;
}

.btn-success:focus:active {
    background-color: #18da35 !important;
}

.btn-success:active,
.btn-success:hover {
    background-color: #18da35 !important;
}

.btn-warning {
    color: #fff;
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-warning:focus {
    color: #fff !important;
    background-color: #f19e4c !important;
}

.btn-warning:focus:active {
    color: #fff !important;
    background-color: #f19e4c !important;
}

.btn-warning:active,
.btn-warning:hover {
    color: #fff !important;
    background-color: #f19e4c !important;
}

.btn-info {
    color: #fff;
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.btn-info:focus {
    background-color: #1abeff !important;
}

.btn-info:focus:active {
    background-color: #1abeff !important;
}

.btn-info:active,
.btn-info:hover {
    background-color: #1abeff !important;
    color: #fff;
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.btn-default {
    color: #575c5d;
    background-color: #f1f1f9;
    border-color: #f1f1f9;
}

.btn-default:hover {
    color: #575c5d;
    background-color: #f1f1f9;
    border-color: #c2c5c8;
}

.btn-default:focus,
.btn-default.focus {
    box-shadow: none;
}

.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active {
    color: #575c5d;
    background-color: #f1f1f9;
}

.btn-default.disabled,
.btn-default:disabled {
    color: #575c5d;
    background-color: #f1f1f9;
    border-color: #f1f1f9;
    opacity: 0.8;
}

.show>.btn-default.dropdown-toggle {
    color: #575c5d;
    background-color: #f1f1f9;
}

.btn-group .btn.active {
    background-color: transaprent;
    color: #fff;
}

.btn-outline-white {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}

.btn-outline-white:hover {
    background: #fff;
    color: #000;
}

.btn-outline-white:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.show>.btn-outline-white.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.btn-facebook {
    background-color: #3B5998;
    color: #fff;
    border-color: #3B5998;
}

.btn-facebook:hover,
.btn-facebook:focus:hover,
.btn-facebook:active {
    background-color: rgba(59, 89, 152, 0.8);
    color: #fff;
    border-color: #3B5998;
}

.btn-facebook:active:focus,
.btn-facebook.show:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
    border-color: #3B5998;
}

.btn-facebook:focus,
.btn-facebook.show {
    background-color: #3B5998;
    color: #fff;
    border-color: #3B5998;
    box-shadow: none;
}

.btn-google {
    background-color: #dd4b39;
    color: #fff;
    border-color: #dd4b39;
}

.btn-google:hover,
.btn-google:focus:hover,
.btn-google:active {
    background-color: rgba(221, 75, 57, 0.8);
    color: #fff;
    border-color: #dd4b39;
}

.btn-google:active:focus,
.btn-google.show:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 75, 57, 0.5);
    border-color: #dd4b39;
}

.btn-google:focus,
.btn-google.show {
    background-color: #dd4b39;
    color: #fff;
    border-color: #dd4b39;
    box-shadow: none;
}

.btn-twitter {
    background-color: #1da1f3;
    color: #fff;
    border-color: #1da1f3;
}

.btn-twitter:hover,
.btn-twitter:focus:hover,
.btn-twitter:active {
    background-color: rgba(29, 161, 243, 0.8);
    color: #fff;
    border-color: #1da1f3;
}

.btn-twitter:active:focus,
.btn-twitter.show:focus {
    box-shadow: 0 0 0 0.2rem rgba(29, 161, 243, 0.5);
    border-color: #1da1f3;
}

.btn-twitter:focus,
.btn-twitter.show {
    background-color: #1da1f3;
    color: #fff;
    border-color: #1da1f3;
    box-shadow: none;
}

.followbtn {
    margin: 10px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1.428571429;
    margin-inline-end: 5px;
}

@media (max-width: 480px) {
    .btn-group.btn-group-crop {
        display: -webkit-box;
    }
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-secondary {
    color: white !important;
    background-color: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
}

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

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: white;
    background-color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}

.btn-light {
    color: #495057;
    fill: #495057;
    background-color: rgb(var(--light-rgb));
    border: 1px solid rgb(var(--light-rgb));
}

.btn-light:hover {
    color: #495057;
    background-color: rgba(var(--light-rgb), 0.9) !important;
    border: 1px solid rgb(var(--light-rgb)) !important;
}

.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.1);
}

.btn-light.disabled,
.btn-light:disabled {
    color: #495057;
    background-color: #eaeaf9;
    border-color: #eaeaf9;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
    color: #495057;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-white {
    background-color: #fff !important;
    color: #3c4858 !important;
    border-color: var(--border) !important;
}

.btn-white:hover,
.btn-white:focus:hover,
.btn-white:active {
    background-color: var(--gray-200) !important;
    color: var(--color) !important;
    border-color: var(--border) !important;
}

.btn-white:active:focus,
.btn-white.show:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important;
    border-color: var(--border) !important;
}

.btn-white:focus,
.btn-white.show {
    background-color: #fff !important;
    color: #3c4858 !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

.btn-primary-transparent {
    background-color: var(--primary-02);
    color: var(--primary-bg-color);
    border: 1px solid var(--primary-02);
}

.btn-primary-transparent:hover {
    color: var(--fixed-white) !important;
    background-color: var(--primary-bg-color) !important;
    border: 1px solid var(--primary-bg-color);
}

.btn-secondary-transparent {
    background-color: rgba(var(--secondary-bg-color-rgb), 0.2);
    color: var(--secondary-bg-color);
    border: 1px solid rgba(var(--secondary-bg-color-rgb), 0.2);
}

.btn-secondary-transparent:hover {
    color: var(--fixed-white) !important;
    background-color: var(--secondary-bg-color) !important;
    border: 1px solid var(--secondary-bg-color);
}

.btn-success-transparent {
    background-color: rgba(var(--success-bg-color-rgb), 0.2);
    color: var(--success-bg-color);
    border: 1px solid rgba(var(--success-bg-color-rgb), 0.2);
}

.btn-success-transparent:hover {
    color: var(--fixed-white) !important;
    background-color: var(--success-bg-color) !important;
    border: 1px solid var(--success-bg-color) !important;
}

.btn-info-transparent {
    background-color: rgba(var(--info-bg-color-rgb), 0.2);
    color: var(--info-bg-color);
    border: 1px solid rgba(var(--info-bg-color-rgb), 0.2);
}

.btn-info-transparent:hover {
    color: var(--fixed-white) !important;
    background-color: var(--info-bg-color) !important;
    border: 1px solid var(--info-bg-color);
}

.btn-warning-transparent {
    background-color: rgba(var(--warning-bg-color-rgb), 0.2);
    color: var(--warning-bg-color);
    border: 1px solid rgba(var(--warning-bg-color-rgb), 0.2);
}

.btn-warning-transparent:hover {
    color: var(--fixed-white) !important;
    background-color: var(--warning-bg-color) !important;
    border: 1px solid var(--warning-bg-color);
}

.btn-danger-transparent {
    background-color: rgba(var(--danger-bg-color-rgb), 0.2);
    color: var(--danger-bg-color);
    border: 1px solid rgba(var(--danger-bg-color-rgb), 0.2);
}

.btn-danger-transparent:hover {
    color: var(--fixed-white) !important;
    background-color: var(--danger-bg-color) !important;
    border: 1px solid var(--danger-bg-color);
}

.btn-light-transparent {
    background-color: rgba(var(--light-rgb), 0.2);
    color: rgb(var(--dark-rgb));
    border: 1px solid rgba(var(--dark-rgb), 0.2);
}

.btn-light-transparent:hover {
    color: rgba(var(--dark-rgb), 0.8) !important;
    background-color: rgb(var(--light-rgb)) !important;
    border: 1px solid rgb(var(--light-rgb));
}

.btn-dark-transparent {
    background-color: rgba(var(--dark-rgb), 0.2);
    color: var(--black);
    border: 1px solid rgba(var(--dark-rgb), 0.2);
}

.btn-dark-transparent:hover {
    color: var(--fixed-white) !important;
    background-color: rgb(var(--dark-rgb)) !important;
    border: 1px solid rgb(var(--dark-rgb));
}

.btn-block+.btn-block {
    margin-block-start: 0.5rem;
}

.btn-outline-secondary {
    color: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color);
}

.btn-outline-secondary:hover {
    color: var(--fixed-white) !important;
    background-color: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 1px rgb(236, 131, 27);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: var(--secondary-bg-color) !important;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: rgb(var(--white));
    background-color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}

.show>.btn-outline-secondary.dropdown-toggle {
    color: rgb(var(--white));
    background-color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(236, 131, 27);
}

.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(236, 131, 27);
}

.btn-outline-success {
    color: var(--success-bg-color) !important;
    border-color: var(--success-bg-color);
}

.btn-outline-success:hover {
    color: var(--fixed-white) !important;
    background-color: var(--success-bg-color) !important;
    border-color: var(--success-bg-color) !important;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 1px rgb(56, 210, 80);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: var(--success-bg-color) !important;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: rgb(var(--white));
    background-color: var(--success-bg-color);
    border-color: var(--success-bg-color);
}

.show>.btn-outline-success.dropdown-toggle {
    color: rgb(var(--white));
    background-color: var(--success-bg-color);
    border-color: var(--success-bg-color);
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(56, 210, 80);
}

.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(56, 210, 80);
}

.btn-outline-info {
    color: var(--info-bg-color) !important;
    border-color: var(--info-bg-color);
}

.btn-outline-info:hover {
    color: var(--fixed-white) !important;
    background-color: var(--info-bg-color) !important;
    border-color: var(--info-bg-color) !important;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: var(--info-bg-color) !important;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
    color: rgb(var(--white));
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.show>.btn-outline-info.dropdown-toggle {
    color: rgb(var(--white));
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}

.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(1, 184, 255);
}

.btn-outline-warning {
    color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-outline-warning:hover {
    color: var(--fixed-white) !important;
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    color: var(--warning-bg-color);
    box-shadow: 0 0 0 1px rgb(255, 193, 7);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: var(--warning-bg-color);
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
    color: rgb(var(--white));
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.show>.btn-outline-warning.dropdown-toggle {
    color: rgb(var(--white));
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(255, 193, 7);
}

.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(255, 193, 7);
}

.btn-outline-danger {
    color: var(--danger-bg-color) !important;
    border-color: var(--danger-bg-color);
}

.btn-outline-danger:hover {
    color: var(--fixed-white) !important;
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: var(--danger-bg-color) !important;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active {
    color: rgb(var(--white)) !important;
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.show>.btn-outline-danger.dropdown-toggle {
    color: rgb(var(--white)) !important;
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}

.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(255, 71, 61);
}

.btn-outline-light {
    color: var(--color);
    border-color: var(--border);
}

.btn-outline-light:hover {
    color: var(--color) !important;
    background-color: var(--border);
    border-color: var(--border);
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #000 !important;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active {
    color: var(--color);
    background-color: var(--border);
    border-color: var(--border);
}

.show>.btn-outline-light.dropdown-toggle {
    color: var(--color);
    background-color: var(--border);
    border-color: var(--border);
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}

.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgb(225, 230, 241);
}

.btn-outline-dark {
    color: var(--black);
    background-color: transparent;
    background-image: none;
    border-color: var(--gray-dark-bg-color) !important;
}

.btn-outline-dark:hover {
    color: var(--fixed-white);
    background-color: var(--gray-dark-bg-color);
    border-color: var(--gray-dark-bg-color);
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: var(--gray-dark-bg-color);
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: var(--gray-dark-bg-color);
    border-color: var(--gray-dark-bg-color);
}

.show>.btn-outline-dark.dropdown-toggle {
    color: var(--fixed-white);
    background-color: var(--gray-dark-bg-color);
    border-color: var(--gray-dark-bg-color);
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}

.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.1);
}

.btn-list>.btn,
.btn-list>.dropdown {
    margin-block-end: 0.5rem;
}

.btn-rounded {
    border-radius: 50px;
}

.btn-blue {
    color: var(--fixed-white) !important;
    background-color: var(--blue-bg-color) !important;
    border-color: var(--blue-bg-color) !important;
}

.btn-blue:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--blue-bg-color-rgb), 0.9) !important;
    border-color: var(--blue-bg-color) !important;
}

.btn-blue:focus,
.btn-blue.focus {
    box-shadow: 0 0 0 2px #eaeaf9;
}

.btn-blue.disabled,
.btn-blue:disabled {
    color: var(--fixed-white);
    background-color: var(--blue-bg-color);
    border-color: var(--blue-bg-color);
}

.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #578ad2;
    border-color: #578ad2;
}

.show>.btn-blue.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #578ad2;
    border-color: #578ad2;
}

.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn-blue:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px #eaeaf9;
}

.show>.btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px #eaeaf9;
}

.btn-indigo {
    color: var(--fixed-white);
    background-color: var(--indigo-bg-color);
    border-color: var(--indigo-bg-color);
}

.btn-indigo:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--indigo-bg-color-rgb), 0.9) !important;
    border-color: var(--indigo-bg-color);
}

.btn-indigo:focus,
.btn-indigo.focus {
    box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}

.btn-indigo.disabled,
.btn-indigo:disabled {
    color: var(--fixed-white);
    background-color: var(--indigo-bg-color);
    border-color: var(--indigo-bg-color);
}

.btn-indigo:not(:disabled):not(.disabled):active,
.btn-indigo:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #3f51c1;
    border-color: #3b4db7;
}

.show>.btn-indigo.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #3f51c1;
    border-color: #3b4db7;
}

.btn-indigo:not(:disabled):not(.disabled):active:focus,
.btn-indigo:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}

.show>.btn-indigo.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(101, 116, 205, 0.5);
}

.btn-purple {
    color: var(--fixed-white);
    background-color: var(--purple-bg-color);
    border-color: var(--purple-bg-color);
}

.btn-purple:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--purple-bg-color-rgb), 0.9) !important;
    border-color: var(--purple-bg-color);
}

.btn-purple:focus,
.btn-purple.focus {
    box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}

.btn-purple.disabled,
.btn-purple:disabled {
    color: var(--fixed-white);
    background-color: var(--purple-bg-color);
    border-color: var(--purple-bg-color);
}

.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: var(--purple-bg-color);
    border-color: var(--purple-bg-color);
}

.show>.btn-purple.dropdown-toggle {
    color: var(--fixed-white);
    background-color: var(--purple-bg-color);
    border-color: var(--purple-bg-color);
}

.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}

.show>.btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(165, 94, 234, 0.5);
}

.btn-pink {
    color: var(--fixed-white);
    background-color: var(--pink-bg-color);
    border-color: var(--pink-bg-color);
}

.btn-pink:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--pink-bg-color-rgb), 0.9) !important;
    border-color: var(--pink-bg-color);
}

.btn-pink:focus,
.btn-pink.focus {
    box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}

.btn-pink.disabled,
.btn-pink:disabled {
    color: var(--fixed-white);
    background-color: #ec3572;
    border-color: #ec3572;
}

.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #f33d7a;
    border-color: #f23172;
}

.show>.btn-pink.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #f33d7a;
    border-color: #f23172;
}

.btn-pink:not(:disabled):not(.disabled):active:focus,
.btn-pink:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}

.show>.btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(246, 109, 155, 0.5);
}

.btn-red {
    color: var(--fixed-white);
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.btn-red:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--danger-bg-color-rgb), 0.9) !important;
    border-color: var(--danger-bg-color);
}

.btn-red:focus,
.btn-red.focus {
    box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}

.btn-red.disabled,
.btn-red:disabled {
    color: var(--fixed-white);
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.btn-red:not(:disabled):not(.disabled):active,
.btn-red:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #a11918;
    border-color: #961717;
}

.show>.btn-red.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #a11918;
    border-color: #961717;
}

.btn-red:not(:disabled):not(.disabled):active:focus,
.btn-red:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}

.show>.btn-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5);
}

.btn-orange {
    color: var(--fixed-white);
    background-color: var(--orange-bg-color);
    border-color: var(--orange-bg-color);
}

.btn-orange:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--orange-bg-color-rgb), 0.9) !important;
    border-color: var(--orange-bg-color);
}

.btn-orange:focus,
.btn-orange.focus {
    box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}

.btn-orange.disabled,
.btn-orange:disabled {
    color: var(--fixed-white);
    background-color: var(--orange-bg-color);
    border-color: var(--orange-bg-color);
}

.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: var(--orange-bg-color);
    border-color: var(--orange-bg-color);
}

.show>.btn-orange.dropdown-toggle {
    color: var(--fixed-white);
    background-color: var(--orange-bg-color);
    border-color: var(--orange-bg-color);
}

.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}

.show>.btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(253, 150, 68, 0.5);
}

.btn-yellow {
    color: var(--fixed-white);
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-yellow:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--warning-bg-color-rgb), 0.9) !important;
    border-color: var(--warning-bg-color);
}

.btn-yellow:focus,
.btn-yellow.focus {
    box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-yellow.disabled,
.btn-yellow:disabled {
    color: var(--fixed-white);
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #c29d0b;
    border-color: #b6940b;
}

.show>.btn-yellow.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #c29d0b;
    border-color: #b6940b;
}

.btn-yellow:not(:disabled):not(.disabled):active:focus,
.btn-yellow:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.show>.btn-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-green {
    color: var(--fixed-white);
    background-color: var(--success-bg-color);
    border-color: var(--success-bg-color);
}

.btn-green:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--success-bg-color-rgb), 0.9) !important;
    border-color: var(--success-bg-color);
}

.btn-green:focus,
.btn-green.focus {
    box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-green.disabled,
.btn-green:disabled {
    color: var(--fixed-white);
    background-color: var(--success-bg-color);
    border-color: var(--success-bg-color);
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #1f8f5f;
    border-color: #3e7a00;
}

.show>.btn-green.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #1f8f5f;
    border-color: #3e7a00;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.show>.btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5);
}

.btn-teal {
    color: var(--fixed-white);
    background-color: var(--teal-bg-color);
    border-color: var(--teal-bg-color);
}

.btn-teal:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--teal-bg-color-rgb), 0.9) !important;
    border-color: var(--teal-bg-color);
}

.btn-teal:focus,
.btn-teal.focus {
    box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}

.btn-teal.disabled,
.btn-teal:disabled {
    color: var(--fixed-white);
    background-color: var(--teal-bg-color);
    border-color: var(--teal-bg-color);
}

.btn-teal:not(:disabled):not(.disabled):active,
.btn-teal:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #22a193;
    border-color: #20968a;
}

.show>.btn-teal.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #22a193;
    border-color: #20968a;
}

.btn-teal:not(:disabled):not(.disabled):active:focus,
.btn-teal:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}

.show>.btn-teal.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(43, 203, 186, 0.5);
}

.btn-cyan {
    color: var(--fixed-white);
    background-color: var(--cyan-bg-color);
    border-color: var(--cyan-bg-color);
}

.btn-cyan:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--cyan-bg-color-rgb), 0.9) !important;
    border-color: var(--cyan-bg-color);
}

.btn-cyan:focus,
.btn-cyan.focus {
    box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}

.btn-cyan.disabled,
.btn-cyan:disabled {
    color: var(--fixed-white);
    background-color: var(--cyan-bg-color);
    border-color: var(--cyan-bg-color);
}

.btn-cyan:not(:disabled):not(.disabled):active,
.btn-cyan:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #117a8b;
    border-color: #10707f;
}

.show>.btn-cyan.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-cyan:not(:disabled):not(.disabled):active:focus,
.btn-cyan:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}

.show>.btn-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(23, 162, 184, 0.5);
}

.btn-white {
    color: #495057;
    background-color: var(--fixed-white);
    border-color: var(--fixed-white);
}

.btn-white:hover {
    color: #495057;
    background-color: #eaeaf9;
    border-color: #e6e5e5;
}

.btn-white:focus,
.btn-white.focus {
    box-shadow: 0 0 0 2px var(--white-5);
}

.btn-white.disabled,
.btn-white:disabled {
    color: #495057;
    background-color: var(--fixed-white);
    border-color: var(--fixed-white);
}

.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active {
    color: #495057;
    background-color: #e6e5e5;
    border-color: var(--primary-bg-color);
}

.show>.btn-white.dropdown-toggle {
    color: #495057;
    background-color: #e6e5e5;
    border-color: #dfdfdf;
}

.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px var(--white-5);
}

.show>.btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px var(--white-5);
}

.btn-gray {
    color: var(--fixed-white);
    background-color: var(--gray-bg-color);
    border-color: var(--gray-bg-color);
}

.btn-gray:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--gray-bg-color-rgb), 0.9) !important;
    border-color: var(--gray-bg-color);
}

.btn-gray:focus,
.btn-gray.focus {
    box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-gray.disabled,
.btn-gray:disabled {
    color: var(--fixed-white);
    background-color: var(--gray-bg-color);
    border-color: var(--gray-bg-color);
}

.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #6c6a8d;
    border-color: #666e76;
}

.show>.btn-gray.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #6c6a8d;
    border-color: #666e76;
}

.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.show>.btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5);
}

.btn-gray-dark {
    color: var(--fixed-white);
    background-color: var(--gray-dark-bg-color);
    border-color: var(--gray-dark-bg-color);
}

.btn-gray-dark:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--gray-dark-bg-color-rgb), 0.9) !important;
    border-color: var(--gray-dark-bg-color);
}

.btn-gray-dark:focus,
.btn-gray-dark.focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-gray-dark.disabled,
.btn-gray-dark:disabled {
    color: var(--fixed-white);
    background-color: var(--gray-dark-bg-color);
    border-color: var(--gray-dark-bg-color);
}

.btn-gray-dark:not(:disabled):not(.disabled):active,
.btn-gray-dark:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #1d2124;
    border-color: #171a1d;
}

.show>.btn-gray-dark.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-gray-dark:not(:disabled):not(.disabled):active:focus,
.btn-gray-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.show>.btn-gray-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5);
}

.btn-azure {
    color: var(--fixed-white);
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.btn-azure:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--info-bg-color-rgb), 0.9) !important;
    border-color: var(--info-bg-color);
}

.btn-azure:focus,
.btn-azure.focus {
    box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}

.btn-azure.disabled,
.btn-azure:disabled {
    color: var(--fixed-white);
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.btn-azure:not(:disabled):not(.disabled):active,
.btn-azure:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #1594ef;
    border-color: #108ee7;
}

.show>.btn-azure.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #1594ef;
    border-color: #108ee7;
}

.btn-azure:not(:disabled):not(.disabled):active:focus,
.btn-azure:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}

.show>.btn-azure.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5);
}

.btn-lime {
    color: var(--fixed-white);
    background-color: var(--lime-bg-color);
    border-color: var(--lime-bg-color);
}

.btn-lime:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--lime-bg-color-rgb), 0.9) !important;
    border-color: var(--lime-bg-color);
}

.btn-lime:focus,
.btn-lime.focus {
    box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}

.btn-lime.disabled,
.btn-lime:disabled {
    color: var(--fixed-white);
    background-color: var(--lime-bg-color);
    border-color: var(--lime-bg-color);
}

.btn-lime:not(:disabled):not(.disabled):active,
.btn-lime:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #63ad27;
    border-color: #5da324;
}

.show>.btn-lime.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #63ad27;
    border-color: #5da324;
}

.btn-lime:not(:disabled):not(.disabled):active:focus,
.btn-lime:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}

.show>.btn-lime.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(123, 210, 53, 0.5);
}

.btn-youtube {
    color: var(--fixed-white);
    background-color: #f00 !important;
    border-color: #f00 !important;
}

.btn-youtube:hover {
    color: var(--fixed-white) !important;
    background-color: #d90000 !important;
    border-color: #cc0000 !important;
}

.btn-youtube:focus,
.btn-youtube.focus {
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}

.btn-youtube.disabled,
.btn-youtube:disabled {
    color: var(--fixed-white);
    background-color: #f00;
    border-color: #f00;
}

.btn-youtube:not(:disabled):not(.disabled):active,
.btn-youtube:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #cc0000;
    border-color: #bf0000;
}

.show>.btn-youtube.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #cc0000;
    border-color: #bf0000;
}

.btn-youtube:not(:disabled):not(.disabled):active:focus,
.btn-youtube:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}

.show>.btn-youtube.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5);
}

.btn-vimeo {
    color: var(--fixed-white);
    background-color: #1ab7ea;
    border-color: #1ab7ea;
}

.btn-vimeo:hover {
    color: var(--fixed-white) !important;
    background-color: #139ecb !important;
    border-color: #1295bf !important;
}

.btn-vimeo:focus,
.btn-vimeo.focus {
    box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}

.btn-vimeo.disabled,
.btn-vimeo:disabled {
    color: var(--fixed-white);
    background-color: #1ab7ea;
    border-color: #1ab7ea;
}

.btn-vimeo:not(:disabled):not(.disabled):active,
.btn-vimeo:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #1295bf;
    border-color: #108cb4;
}

.show>.btn-vimeo.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #1295bf;
    border-color: #108cb4;
}

.btn-vimeo:not(:disabled):not(.disabled):active:focus,
.btn-vimeo:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}

.show>.btn-vimeo.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(26, 183, 234, 0.5);
}

.btn-dribbble {
    color: var(--fixed-white);
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-dribbble:hover {
    color: var(--fixed-white) !important;
    background-color: #e62a72 !important;
    border-color: #e51e6b;
}

.btn-dribbble:focus,
.btn-dribbble.focus {
    box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}

.btn-dribbble.disabled,
.btn-dribbble:disabled {
    color: var(--fixed-white);
    background-color: #ea4c89;
    border-color: #ea4c89;
}

.btn-dribbble:not(:disabled):not(.disabled):active,
.btn-dribbble:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #e51e6b;
    border-color: #dc1a65;
}

.show>.btn-dribbble.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #e51e6b;
    border-color: #dc1a65;
}

.btn-dribbble:not(:disabled):not(.disabled):active:focus,
.btn-dribbble:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}

.show>.btn-dribbble.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(234, 76, 137, 0.5);
}

.btn-github {
    color: var(--fixed-white);
    background-color: #181717;
    border-color: #423e3e !important;
}

.btn-github:hover {
    color: var(--fixed-white) !important;
    background-color: #040404 !important;
    border-color: black;
}

.btn-github:focus,
.btn-github.focus {
    box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}

.btn-github.disabled,
.btn-github:disabled {
    color: var(--fixed-white);
    background-color: #181717;
    border-color: #181717;
}

.btn-github:not(:disabled):not(.disabled):active,
.btn-github:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: black;
    border-color: black;
}

.show>.btn-github.dropdown-toggle {
    color: var(--fixed-white);
    background-color: black;
    border-color: black;
}

.btn-github:not(:disabled):not(.disabled):active:focus,
.btn-github:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}

.show>.btn-github.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(24, 23, 23, 0.5);
}

.btn-instagram {
    color: var(--fixed-white);
    background-color: #e4405f;
    border-color: #e4405f;
}

.btn-instagram:hover {
    color: var(--fixed-white) !important;
    background-color: #de1f44 !important;
    border-color: #d31e40;
}

.btn-instagram:focus,
.btn-instagram.focus {
    box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}

.btn-instagram.disabled,
.btn-instagram:disabled {
    color: var(--fixed-white);
    background-color: #e4405f;
    border-color: #e4405f;
}

.btn-instagram:not(:disabled):not(.disabled):active,
.btn-instagram:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #d31e40;
    border-color: #c81c3d;
}

.show>.btn-instagram.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #d31e40;
    border-color: #c81c3d;
}

.btn-instagram:not(:disabled):not(.disabled):active:focus,
.btn-instagram:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}

.show>.btn-instagram.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(228, 64, 95, 0.5);
}

.btn-pinterest {
    color: var(--fixed-white);
    background-color: #bd081c;
    border-color: #bd081c;
}

.btn-pinterest:hover {
    color: var(--fixed-white) !important;
    background-color: #980617 !important;
    border-color: #8c0615;
}

.btn-pinterest:focus,
.btn-pinterest.focus {
    box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}

.btn-pinterest.disabled,
.btn-pinterest:disabled {
    color: var(--fixed-white);
    background-color: #bd081c;
    border-color: #bd081c;
}

.btn-pinterest:not(:disabled):not(.disabled):active,
.btn-pinterest:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #8c0615;
    border-color: #800513;
}

.show>.btn-pinterest.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #8c0615;
    border-color: #800513;
}

.btn-pinterest:not(:disabled):not(.disabled):active:focus,
.btn-pinterest:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}

.show>.btn-pinterest.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(189, 8, 28, 0.5);
}

.btn-vk {
    color: var(--fixed-white);
    background-color: #6383a8;
    border-color: #6383a8;
}

.btn-vk:hover {
    color: var(--fixed-white) !important;
    background-color: #527093 !important;
    border-color: #4d6a8b;
}

.btn-vk:focus,
.btn-vk.focus {
    box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}

.btn-vk.disabled,
.btn-vk:disabled {
    color: var(--fixed-white);
    background-color: #6383a8;
    border-color: #6383a8;
}

.btn-vk:not(:disabled):not(.disabled):active,
.btn-vk:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #4d6a8b;
    border-color: #496482;
}

.show>.btn-vk.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #4d6a8b;
    border-color: #496482;
}

.btn-vk:not(:disabled):not(.disabled):active:focus,
.btn-vk:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}

.show>.btn-vk.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(99, 131, 168, 0.5);
}

.btn-rss {
    color: var(--fixed-white);
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-rss:hover {
    color: var(--fixed-white) !important;
    background-color: rgba(var(--warning-bg-color-rgb), 0.9) !important;
    border-color: var(--warning-bg-color);
}

.btn-rss:focus,
.btn-rss.focus {
    box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}

.btn-rss.disabled,
.btn-rss:disabled {
    color: var(--fixed-white);
    background-color: #ffa500;
    border-color: #ffa500;
}

.btn-rss:not(:disabled):not(.disabled):active,
.btn-rss:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #cc8400;
    border-color: #bf7c00;
}

.show>.btn-rss.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #cc8400;
    border-color: #bf7c00;
}

.btn-rss:not(:disabled):not(.disabled):active:focus,
.btn-rss:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}

.show>.btn-rss.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.5);
}

.btn-flickr {
    color: var(--fixed-white);
    background-color: #0063dc;
    border-color: #0063dc;
}

.btn-flickr:hover {
    color: var(--fixed-white) !important;
    background-color: #0052b6 !important;
    border-color: #004ca9;
}

.btn-flickr:focus,
.btn-flickr.focus {
    box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}

.btn-flickr.disabled,
.btn-flickr:disabled {
    color: var(--fixed-white);
    background-color: #0063dc;
    border-color: #0063dc;
}

.btn-flickr:not(:disabled):not(.disabled):active,
.btn-flickr:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #004ca9;
    border-color: #00469c;
}

.show>.btn-flickr.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #004ca9;
    border-color: #00469c;
}

.btn-flickr:not(:disabled):not(.disabled):active:focus,
.btn-flickr:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}

.show>.btn-flickr.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(0, 99, 220, 0.5);
}

.btn-bitbucket {
    color: var(--fixed-white);
    background-color: #0052cc;
    border-color: #0052cc;
}

.btn-bitbucket:hover {
    color: var(--fixed-white);
    background-color: #0043a6;
    border-color: #003e99;
}

.btn-bitbucket:focus,
.btn-bitbucket.focus {
    box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}

.btn-bitbucket.disabled,
.btn-bitbucket:disabled {
    color: var(--fixed-white);
    background-color: #0052cc;
    border-color: #0052cc;
}

.btn-bitbucket:not(:disabled):not(.disabled):active,
.btn-bitbucket:not(:disabled):not(.disabled).active {
    color: var(--fixed-white);
    background-color: #003e99;
    border-color: #00388c;
}

.show>.btn-bitbucket.dropdown-toggle {
    color: var(--fixed-white);
    background-color: #003e99;
    border-color: #00388c;
}

.btn-bitbucket:not(:disabled):not(.disabled):active:focus,
.btn-bitbucket:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}

.show>.btn-bitbucket.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.5);
}

.btn-primary-gradient {
    color: var(--fixed-white);
    background: linear-gradient(to right, var(--primary-bg-color), var(--primary-07)) !important;
    border: 1px solid var(--primary-bg-color);
}

.btn-primary-gradient:hover {
    color: var(--fixed-white) !important;
}

.btn-secondary-gradient {
    color: var(--fixed-white);
    background: linear-gradient(to right, var(--secondary-bg-color), var(--secondary-07)) !important;
    border: 1px solid var(--secondary-bg-color);
}

.btn-secondary-gradient:hover {
    color: var(--fixed-white) !important;
}

.btn-danger-gradient {
    color: var(--fixed-white);
    background: linear-gradient(to right, var(--danger-bg-color), var(--danger-07));
    border: 1px solid var(--danger-bg-color);
}

.btn-danger-gradient:hover {
    color: var(--fixed-white) !important;
}

.btn-pink-gradient {
    color: var(--fixed-white);
    background: linear-gradient(to right, var(--pink-bg-color), var(--pink-bg-color));
    border: 1px solid var(--pink-bg-color);
}

.btn-pink-gradient:hover {
    color: var(--fixed-white) !important;
}

.btn-purple-gradient {
    color: var(--fixed-white);
    background: linear-gradient(to right, var(--purple-bg-color), var(--purple-bg-color));
    border: 1px solid var(--purple-bg-color);
}

.btn-purple-gradient:hover {
    color: var(--fixed-white) !important;
}

.btn-warning-gradient {
    color: var(--black);
    background: linear-gradient(to right, var(--warning-bg-color), var(--warning-07));
    border: 1px solid var(--warning-bg-color);
}

.btn-warning-gradient:hover {
    color: var(--black) !important;
}

.btn-success-gradient {
    color: var(--fixed-white);
    background: linear-gradient(to right, var(--success-bg-color), var(--success-07));
    border: 1px solid var(--success-bg-color);
}

.btn-success-gradient:hover {
    color: var(--fixed-white) !important;
}

.btn-info-gradient {
    color: var(--fixed-white);
    background: linear-gradient(to right, var(--info-bg-color), var(--info-07));
    border: 1px solid var(--info-bg-color);
}

.btn-info-gradient:hover {
    color: var(--fixed-white) !important;
}

.btn-loading {
    color: transparent !important;
    pointer-events: none;
    position: relative;
}

.btn-loading:after {
    content: "";
    -webkit-animation: loader 500ms infinite linear;
    animation: loader 500ms infinite linear;
    border: 2px solid var(--fixed-white);
    border-radius: 50%;
    border-inline-end-color: transparent !important;
    border-block-start-color: transparent !important;
    display: block;
    height: 1.4em;
    width: 1.4em;
    position: absolute;
    inset-inline-start: calc(50% - 0.7em);
    inset-block-start: calc(50% - 0.7em);
    -webkit-transform-origin: center;
    transform-origin: center;
    position: absolute !important;
}

.btn-loading.btn-sm:after {
    height: 1em;
    width: 1em;
    left: calc(50% - 0.5em);
    top: calc(50% - 0.5em);
}

.btn-group-sm>.btn-loading.btn:after {
    height: 1em;
    width: 1em;
    left: calc(50% - 0.5em);
    top: calc(50% - 0.5em);
}

.btn-loading.btn-secondary:after {
    border-color: #495057;
}

.btn-w-xs {
    width: 80px;
}

.btn-w-ms {
    width: 100px;
}

.btn-w-md {
    width: 140px;
}

.btn-w-lg {
    width: 170px;
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: var(--fixed-white) !important;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: var(--fixed-white) !important;
    background-color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
    color: var(--fixed-white) !important;
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    color: var(--fixed-white) !important;
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    color: var(--fixed-white) !important;
    background-color: var(--success-bg-color);
    border-color: var(--success-bg-color);
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: var(--fixed-white) !important;
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
    color: var(--fixed-white) !important;
    background-color: var(--gray-dark-bg-color);
    border-color: var(--gray-dark-bg-color);
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 0.5rem 1rem;
    font-size: 1.02375rem !important;
    border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm>.btn {
    font-size: 0.785rem;
    line-height: 1.4;
    border-radius: 5px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-block-start: 0.5rem;
}

.btn-icon {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn-icon {
    padding-inline-start: 0.5rem !important;
    padding-inline-end: 0.5rem !important;
    text-align: center;
}

.btn-sm,
.btn-group-sm>.btn,
.sp-container .btn-group-sm>button {
    font-size: 0.785rem !important;
    padding: 0.25rem 0.5rem !important;
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    color: var(--fixed-white);
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: var(--fixed-white);
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    color: var(--fixed-white);
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    color: var(--fixed-white);
    background-color: var(--success-bg-color);
    border-color: var(--success-bg-color);
}

.btn-list>.btn:not(:last-child),
.btn-list>.dropdown:not(:last-child) {
    margin-inline-end: 0.5rem;
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: var(--fixed-white);
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.card {
    background-color: var(--white);
    border: none;
    position: relative;
    margin-block-end: 30px;
    border-radius: var(--card-border-radius);
    box-shadow: 0 4px 18px 3px rgba(0, 0, 0, 0.04);
}

.card-aside {
    -ms-flex-direction: row;
    flex-direction: row;
}

.card-aside-column {
    min-width: 5rem;
    width: 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    background: no-repeat center/cover;
}

.card-options {
    margin-inline-start: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 100;
    order: 100;
    margin-inline-end: -0.5rem;
    color: #9aa0ac;
    -ms-flex-item-align: center;
    align-self: center;
}

.card.card-primary {
    border-block-start: 2px solid var(--primary-bg-color);
}

.card.card-secondary {
    border-block-start: 2px solid var(--secondary-bg-color);
}

.card.card-success {
    border-block-start: 2px solid var(--success-bg-color);
}

.card.card-danger {
    border-block-start: 2px solid var(--danger-bg-color);
}

.card.card-warning {
    border-block-start: 2px solid var(--warning-bg-color);
}

.card.card-info {
    border-block-start: 2px solid var(--info-bg-color);
}

.card.card-dark {
    border-block-start: 2px solid #343a40;
}

.card .card-header,
.card .card-footer {
    background-color: transparent;
}

.card .card-body {
    background-color: transparent;
}

.card .card-header {
    border-block-end: 1px solid var(--border);
    line-height: 30px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.card-header {
    padding: 0.9375rem 1.5rem;
}

.card .card-header .form-control {
    height: 28px;
    font-size: 12px;
}

.card .card-header .form-control+.input-group-btn .btn {
    border-radius: 0 3px 3px 0;
    margin-block-start: -3px;
}

.card .card-header .float-end .btn-group .btn {
    border-radius: 30px !important;
    padding-inline-start: 13px !important;
    padding-inline-end: 13px !important;
}

.card .card-header h4 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    line-height: 30px;
}

.card .card-header h4 a.unstyled {
    font-size: 14px;
}

.icon1 {
    font-size: 60px;
}

.card.bg-primary,
.card.bg-danger,
.card.bg-success,
.card.bg-info,
.card.bg-dark,
.card.bg-warning {
    color: #fff;
}

.card.bg-primary .card-header,
.card.bg-danger .card-header,
.card.bg-success .card-header,
.card.bg-info .card-header,
.card.bg-dark .card-header,
.card.bg-warning .card-header {
    color: #fff;
    opacity: 0.9;
}

.card .box {
    position: relative;
    left: 0;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
    width: 100%;
}

.card .box .img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.card .box .img img {
    width: 100%;
    height: 100%;
}

.card .box h2 {
    font-size: 20px;
    margin: 20px auto;
}

.card .box h2 span {
    font-size: 14px;
    background: var(--primary-bg-color);
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 15px;
    margin-block-start: 10px;
}

.card .box .icons {
    display: inline-flex;
}

.card .box ul {
    margin: 0;
    padding: 0;
}

.card .box ul li {
    list-style: none;
    float: left;
}

.card .box ul li a {
    display: block;
    margin: 0 10px;
    font-size: 18px;
    transition: 0.5s;
    text-align: center;
}

.card .box ul.icons li {
    width: 2.5rem;
    height: 2.5rem;
    list-style: none;
    text-align: center;
    line-height: 2.4rem;
    position: relative;
    border-inline-start: 0;
    cursor: pointer;
    border: 1px solid var(--border);
    border-radius: 50%;
    margin-inline: 4px;
}

.card .box ul li:hover a {
    color: var(--primary-bg-color);
    transform: rotateY(360deg);
}

.card-body.knob-chart .card-icon div {
    display: block !important;
}

.card-options-collapse.collapsed i:before {
    content: "\f218";
}

.card-body+.card-body {
    border-block-start: 1px solid var(--border);
}

.card-body {
    flex: 1 1 auto;
    margin: 0;
    padding: 1.5rem 1.5rem;
    position: relative;
}

.card-footer {
    padding: 1.5rem 1.5rem;
    border-block-start: 1px solid var(--border);
    background-color: transparent;
}

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

.card-title {
    margin-block-end: 0;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2;
}

.card-subtitle {
    margin-block-start: -0.375rem;
    margin-block-end: 0;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

.card-table tr td:first-child,
.card-table tr th:first-child {
    padding-inline-start: 1.5rem;
}

.card-options a:not(.btn) {
    margin-inline-start: 0.5rem;
    font-size: 14px;
    display: inline-block;
    min-width: 1rem;
}

.card-options a:not(.btn) {
    margin-inline-start: 0.5rem;
    color: #99a6b7;
    display: inline-block;
    min-width: 1rem;
}

.card-options a:not(.btn) i {
    font-size: 1rem;
    vertical-align: middle;
}

.card-options-collapse i {
    color: #99a6b7;
}

.card-collapsed .card-options-collapse i:before {
    content: "\e92d";
}

.card-fullscreen {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    z-index: 9999;
    margin: 0;
}

.card-collapsed> :not(.card-header):not(.card-status) {
    display: none;
}

.card-collapsed .card-header {
    border-block-end: 0;
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    touch-action: pan-y;
}

.carousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.carousel .carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel .carousel-item {
    position: relative;
    display: none;
    float: var(--float-start);
    width: 100%;
    margin-inline-end: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

.carousel .carousel-item img {
    border-radius: 0px;
}

.carousel .carousel-item.active {
    display: block;
}

.carousel .carousel-item-next,
.carousel .carousel-item-prev {
    display: block;
}

.carousel .carousel-control-next,
.carousel .carousel-control-prev {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 20px;
    inset-block-start: 50%;
    transform: translateY(-50%);
    opacity: 0.8;
    z-index: 0;
}

.carousel .carousel-control-next:hover,
.carousel .carousel-control-prev:hover {
    opacity: 1;
    color: var(--fixed-white);
    text-decoration: none;
    outline: 0;
}

.carousel .carousel-control-next:focus,
.carousel .carousel-control-prev:focus {
    opacity: 0.8;
    color: var(--fixed-white);
    text-decoration: none;
    outline: 0;
}

.carousel .carousel-control-next:focus:hover,
.carousel .carousel-control-prev:focus:hover {
    opacity: 1;
}

.carousel .carousel-control-next.custom,
.carousel .carousel-control-prev.custom {
    background-color: var(--white);
    color: var(--black);
    display: none;
    opacity: 0.5;
}

.carousel .carousel-control-next.custom:hover,
.carousel .carousel-control-prev.custom:hover {
    opacity: 0.7;
    color: var(--black);
}

.carousel .carousel-control-next.custom:focus,
.carousel .carousel-control-prev.custom:focus {
    opacity: 0.5;
    color: var(--black);
}

.carousel .carousel-control-next.custom:focus:hover,
.carousel .carousel-control-prev.custom:focus:hover {
    opacity: 0.7;
}

.carousel .carousel-control-next i,
.carousel .carousel-control-prev i {
    font-size: 40px;
    text-shadow: 0 0 1px black;
}

.carousel .carousel-control-next.custom i,
.carousel .carousel-control-prev.custom i {
    font-size: 20px;
}

.carousel .carousel-control-next {
    inset-block-start: 50% !important;
    inset-inline-end: 2%;
}

.carousel .carousel-control-prev {
    inset-inline-start: 2%;
}

.carousel:hover .carousel-control-next.custom,
.carousel:hover .carousel-control-prev.custom {
    display: flex;
}

.carousel .carousel-indicators {
    z-index: 15;
}

.carousel .carousel-indicators .active {
    opacity: 1;
}

.carousel .carousel-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.carousel-fade .carousel-item {
    opacity: 0.65;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
}

.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.65;
}

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

    .carousel-item,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right,
    .carousel-control-prev,
    .carousel-control-next,
    .carousel-indicators li {
        transition: none;
    }
}

#basicSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 2%;
    height: auto;
}

element.style {
    margin-left: -225.442px;
}

#basicSlider .MS-content .item {
    padding: 10px;
    display: inline-block;
    width: 20%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    line-height: 50px;
    vertical-align: middle;
}

.carousel-control-prev {
    inset-inline-start: 0;
    top: 100px;
}

.carousel-control-next {
    inset-inline-end: 0;
    top: 100px;
}

.owl-carousel .owl-dots {
    margin: 0 auto;
    text-align: center;
}

.owl-carousel button.owl-dot {
    margin: 10px 10px 0 10px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    text-align: center;
    display: inline-block;
    border: none;
}

.owl-carousel-icons5 .owl-nav .owl-prev {
    position: absolute;
    inset-block-start: 42%;
    inset-inline-start: auto;
    inset-inline-end: -13px;
    margin-block-start: -1.65em;
}

.owl-carousel-icons5 .owl-nav .owl-next {
    position: absolute;
    inset-block-start: 58%;
    inset-inline-start: auto;
    inset-inline-end: -13px;
    margin-block-start: -1.65em;
}

.owl-carousel-icons4.owl-carousel .owl-item img {
    margin: 0 auto;
}

#carousel-controls.owl-carousel .owl-item img {
    width: 100%;
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-item {
    position: relative;
    cursor: url(../images/media/3.jpg), move;
    overflow: hidden;
}

.owl-nav {
    display: block;
}

.owl-nav .owl-prev {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: -10px;
    inset-inline-end: -1.5em;
    margin-block-start: -1.65em;
}

.owl-nav .owl-next {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: -10px;
    margin-block-start: -1.65em;
}

.owl-nav button {
    display: block;
    font-size: 1.3rem !important;
    line-height: 2em;
    /* padding: 0.55em; */
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid var(--border) !important;
    z-index: 100000;
    box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15);
}

.owl-nav button:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    background: #2098D1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.owl-carousel:hover .owl-nav button {
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    animation: sonarEffect 1.3s ease-out 75ms;
}

.owl-nav>div i {
    margin: 0;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    inset-block-end: 0.65em;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 99;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 1em;
    height: 1em;
    margin: 5px 7px;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-carousel.owl-drag .owl-item {
    inset-inline-start: 0 !important;
    inset-inline-end: 0;
}

.owl-carousel .owl-dots {
    margin: 0 auto;
    text-align: center;
}

.owl-carousel button.owl-dot {
    margin: 10px 10px 0 10px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    text-align: center;
    display: inline-block;
    border: none;
}

.carousel-caption {
    inset-inline-end: 0%;
    inset-inline-start: 0%;
    inset-block-end: 0;
    background: rgba(0, 0, 0, 0.5);
}

.horizontalMenu .dropdown-menu {
    inset-block-start: 97%;
}

.dropdown-menu {
    border: none;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    width: 200px;
    inset-block-start: 117%;
    font-size: 0.875rem;
    z-index: 12;
}

.dropdown-menu {
    background-color: var(--white);
}

.dropdown-item {
    padding: 10px 20px;
    color: var(--color);
}

.dropdown-item {
    padding: 0.5rem 1.5rem;
    color: var(--color);
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--gray-800) !important;
    text-decoration: none;
    background-color: var(--hover-color) !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--color) !important;
    background-color: var(--hover-color);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--color);
    background-color: transparent;
}

.dropdown-divider {
    margin: 0.5rem 0;
    border-block-start: 1px solid var(--border);
}

.dropdown-list {
    width: 325px;
    padding: 0;
    border-radius: 5px;
}

.dropdown-list .dropdown-item {
    display: inline-block;
    width: 100%;
    padding-block-start: 15px;
    padding-block-end: 15px;
    font-size: 12px;
    border-block-end: 1px solid var(--border);
}

.dropdown-list .dropdown-item:first-child {
    border-block-start: 1px solid var(--border);
}

.dropdown-list .dropdown-item:last-child {
    border-block-end: 0;
}

a.dropdown-item.has-icon {
    font-size: 16px;
}

a.dropdown-item.has-icon i {
    font-size: 16px;
}

.dropdown-item.has-icon:hover {
    background: linear-gradient(#3d4192, var(--primary-bg-color)) !important;
    color: #fff;
}

.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc,
.dropdown-list .dropdown-item:active .dropdown-item-desc {
    color: var(--color);
}

.dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b,
.dropdown-list .dropdown-item:active .dropdown-item-desc b {
    color: var(--color);
}

.dropdown-list .dropdown-item.dropdown-item-unread {
    background-color: #f0f0f5;
    border-bottom-color: var(--border);
}

.dropdown-list .dropdown-header {
    letter-spacing: 0.5px;
    font-weight: 500;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    background: rgb(126, 124, 239);
}

.dropdown-item .dropdown-item .has-icon:hover {
    background-color: #f0f0f5;
}

.dropdown-list .dropdown-item.dropdown-item-header:hover,
.dropdown-list .dropdown-item:hover {
    background-color: #f0f0f5;
}

.dropdown-item :focus {
    background-color: #f0f0f5;
}

.dropdown-list .dropdown-item .time {
    margin-inline-start: auto;
    font-weight: 500;
    font-size: 10px;
}

.dropdownmsg {
    margin-block-start: 5px;
}

.dropdown-list .dropdown-item .dropdown-item-img {
    float: var(--float-start);
    width: 40px;
}

.dropdown-list .dropdown-item .dropdown-item-desc {
    margin-inline-start: 60px;
    white-space: normal;
    color: #ababc7;
    margin-block-start: 4px;
}

.dropdown-list .dropdown-item .dropdown-item-desc p {
    margin-block-start: 5px;
    margin-block-end: 0;
}

.dropdown-list .dropdown-list-content {
    overflow: hidden;
}

.navbar .dropdown-menu-right:before {
    content: "";
    position: absolute;
    inset-inline-end: 11px;
    inset-block-start: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    z-index: 9999;
    inset-inline-start: auto;
    inset-inline-end: 7px;
}

.dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.dropdown-btn {
    padding: 0.5rem 1rem;
}

.dropdown-menu>li>a {
    padding: 0.5rem 1.5rem;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: var(--color);
    white-space: nowrap;
    display: block;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: var(--hover-color);
}

.dropdown-menu .dropdown-plus-title {
    width: 100% !important;
    color: var(--color) !important;
    padding: 6px 14px !important;
    border-block-end: 1px solid var(--border) !important;
    border-block-end-width: 1px !important;
    cursor: pointer !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f0f0f5;
}

.input-group-addon:first-child {
    border-inline-end: 0;
}

.form-control {
    font-size: 0.9375rem;
    color: var(--color);
    border: 1px solid var(--form-border);
    border-radius: 0.275rem;
    background-color: var(--white);
    transition: background-color 0.15s ease-in-out;
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--border);
    background-color: var(--gray-100);
    color: var(--color);
}

.form-horizontal label.control-label {
    margin-block-end: 20px;
}

.form-group label {
    font-weight: 400;
    color: var(--color);
    font-size: 15px;
    letter-spacing: 0.5px;
}

.form-group.floating-addon {
    position: relative;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary-bg-color);
}

.form-group.floating-addon .form-control {
    border-radius: 3px;
    padding-inline-start: 50px;
}

.form-group.floating-addon .form-control+.form-control {
    border-radius: 0 3px 3px 0;
    padding-inline-start: 15px;
}

.input-group-text {
    background-color: transparent;
}

.form-control::-webkit-input-placeholder {
    color: #bdbfbf;
    opacity: 1;
}

#smartwizard .nav.nav-tabs.step-anchor {
    border-block-end: 0 !important;
    padding: 15px;
}

::placeholder {
    color: #c6cae3 !important;
    font-size: 0.86rem;
}

.form-group {
    margin-block-end: 1rem;
}

.form-check-input {
    height: 1.2em;
    width: 1.2em;
    border: 1px solid var(--form-border);
    background-color: var(--white);
}

.form-check-input:checked {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.form-check-input:not(:disabled):active,
.form-check-input:not(:disabled):focus {
    border-color: var(--primary-02);
    box-shadow: none;
}

.form-check-input-md {
    height: 1.6em;
    width: 1.6em;
}

.form-check-input-lg {
    height: 2em;
    width: 2em;
}

.form-check-input:checked {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

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

.theme-container button {
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0.5rem 0.5rem;
    background-color: var(--white);
    border: 1px solid var(--border);
    color: var(--color);
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 4px;
    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;
}

.theme-container1 button {
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0.5rem 0.5rem;
    background-color: var(--white);
    color: var(--color);
    border: 1px solid var(--border);
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 4px;
    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;
}

.theme-container2 button {
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0.5rem 0.5rem;
    background-color: var(--white);
    border: 1px solid var(--border);
    color: var(--color);
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 4px;
    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;
}

.pickr {
    text-align: center;
    margin-block-start: 10px;
}

.pickr {
    position: relative;
    overflow: visible;
    transform: translateY(0);
}

.invalid-tooltip {
    position: absolute;
    inset-block-start: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-block-start: 0.1rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    color: var(--white);
    background-color: var(--danger-bg-color);
    border-radius: 3px;
}

.valid-tooltip {
    position: absolute;
    inset-block-start: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-block-start: 0.1rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    color: var(--white);
    background-color: var(--success-bg-color);
    border-radius: 3px;
}

.form-check-input-md {
    height: 1.6em;
    width: 1.6em;
}

.form-check-input-lg {
    height: 2em;
    width: 2em;
}

.form-check .form-check-label {
    margin-block-end: 0;
    margin-inline-start: 0.25rem;
}

.form-check .form-check-label-md {
    line-height: 2.5;
    margin-inline-start: 0.5rem;
}

.form-check .form-check-label-lg {
    line-height: 2.5;
    margin-inline-start: 0.5rem;
}

.form-control::file-selector-button {
    color: var(--color);
    background-color: var(--background);
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--background);
    opacity: 0.9;
}

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

.sm-gutters {
    margin-inline-start: -5px;
    margin-inline-end: -5px;
}

.sm-gutters>.col,
.sm-gutters>[class*=col-] {
    padding-inline-start: 5px;
    padding-inline-end: 5px;
}

.gutters-xs {
    margin-inline-end: -0.25rem;
    margin-inline-start: -0.25rem;
}

.gutters-xs>.col,
.gutters-xs>[class*=col-] {
    padding-inline-end: 0.25rem;
    padding-inline-start: 0.25rem;
}

.colorinput {
    margin: 0;
    position: relative;
    cursor: pointer;
}

.colorinput-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.colorinput-color {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 3px;
    border: 1px solid rgba(167, 180, 201, 0.3);
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.colorinput-color:before {
    content: "";
    opacity: 0;
    position: absolute;
    inset-block-start: 0.25rem;
    inset-inline-start: 0.25rem;
    height: 1.25rem;
    width: 1.25rem;
    transition: 0.3s opacity;
    background: url("data:image/svg+xml;charset=utf8,%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") no-repeat center center/50% 50%;
}

.colorinput-input:checked~.colorinput-color:before {
    opacity: 1;
}

.colorinput-input:focus~.colorinput-color {
    border-color: #467fcf;
    box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.25);
}

.grids .row>.col,
.grids .row>[class^=col-] {
    padding-block-start: 0.75rem;
    padding-block-end: 0.75rem;
    background-color: var(--background);
    border: 1px solid var(--border);
}

.row-deck>.col,
.row-deck>[class*=col-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.row-deck>.col .card,
.row-deck>[class*=col-] .card {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (min-width: 1400px) {
    .col-xxl {
        -ms-flex-preferred-size: 0 !important;
        flex-basis: 0 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
        max-width: 100% !important;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.33333333% !important;
        flex: 0 0 8.33333333% !important;
        max-width: 8.33333333% !important;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.66666667% !important;
        flex: 0 0 16.66666667% !important;
        max-width: 16.66666667% !important;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.33333333% !important;
        flex: 0 0 33.33333333% !important;
        max-width: 33.33333333% !important;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.66666667% !important;
        flex: 0 0 41.66666667% !important;
        max-width: 41.66666667% !important;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.33333333% !important;
        flex: 0 0 58.33333333% !important;
        max-width: 58.33333333% !important;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.66666667% !important;
        flex: 0 0 66.66666667% !important;
        max-width: 66.66666667% !important;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.33333333% !important;
        flex: 0 0 83.33333333% !important;
        max-width: 83.33333333% !important;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.66666667% !important;
        flex: 0 0 91.66666667% !important;
        max-width: 91.66666667% !important;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #ababc7;
    text-align: center;
    background-color: #eee;
    border: 1px solid var(--border);
    border-radius: 4px;
}

.input-group .input-group-addon {
    border-radius: 0;
    border-color: var(--border);
    background-color: #fff;
}

.input-group-text {
    border: 1px solid var(--border);
    color: var(--color);
}

.list-group-transparent .list-group-item {
    background: none !important;
    border: 0 !important;
    padding: 0.5rem 1rem;
    border-radius: 3px;
}

.list-group-transparent .list-group-item:hover {
    color: var(--primary-bg-color);
}

.list-group-transparent .list-group-item {
    background: none;
    border: 0;
    padding: 0.5rem 1rem;
}

.list-group-transparent .list-group-item.active {
    background: #edeff5;
    font-weight: 600;
    color: var(--primary-bg-color);
}

.list-group-transparent .list-group-item.active:hover {
    color: var(--primary-bg-color);
}

.list-unstyled-border li {
    border-block-end: 1px solid var(--border);
    padding-block-end: 15px;
    margin-block-end: 15px;
}

.list-unstyled-border li .custom-checkbox {
    margin-inline-end: 15px;
    margin-block-start: 13px;
}

.list-group-item {
    color: var(--color);
    background-color: var(--white);
    border: 1px solid var(--border);
}

.list-group-item {
    padding: 0.85rem 1rem;
}

.contacts-list>li {
    border-block-end: 1px solid var(--border);
    padding: 10px;
    margin: 0;
}

.contacts-list>li:before {
    content: " ";
    display: table;
}

.contacts-list>li:after {
    content: " ";
    display: table;
    clear: both;
}

.contacts-list>li:last-of-type {
    border-block-end: none;
}

.contacts-list-img {
    border-radius: 50%;
    width: 40px;
    float: var(--float-start);
}

.list-unstyled,
.chart-legend,
.contacts-list,
.users-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contacts-list-info {
    margin-inline-start: 50px;
}

.contacts-list-name,
.contacts-list-status {
    display: block;
}

.contacts-list-name {
    font-weight: 600;
}

.contacts-list-status {
    font-size: 12px;
}

.contacts-list-date {
    color: #9fa0b9;
    font-weight: normal;
}

.contacts-list-msg {
    color: #9fa0b9;
    font-weight: 400;
    font-size: 12px;
}

.contacts-list a:hover {
    text-decoration: none !important;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.list-group.lg-alt .list-group-item {
    border: 0;
}

.unlist-style-1 {
    list-style: disc;
}

.unlist-style-2 {
    list-style: circle;
}

.unlist-style-3 {
    list-style: square;
}

.list-style-1 {
    list-style: decimal;
}

.list-style-2 {
    list-style: lower-alpha;
}

.list-style-3 {
    list-style: lower-roman;
}

.unlist-style-1 li:not(:last-child),
.unlist-style-2 li:not(:last-child),
.unlist-style-3 li:not(:last-child),
.list-style-1 li:not(:last-child),
.list-style-2 li:not(:last-child),
.list-unstyled1 li:not(:last-child),
.list-style-3 li:not(:last-child) {
    margin-block-end: 20px;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--color);
    background-color: var(--background);
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: var(--hover-color);
    color: var(--color);
}

.list-group-item.active:hover {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
}

.modal-header {
    border-block-end: none;
    border-block-end: 1px solid var(--border);
}

.modal-header h5 {
    font-size: 18px;
}

.modal-footer {
    border-block-start: 1px solid var(--border);
}

.modal-content {
    border: none;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}

.modal-header h4.modal-title {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

.modal-body label {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}

/*------27. Modal -------*/
.modal-open {
    overflow: hidden;
    padding: 0 !important;
    display: block;
}

.modal {
    position: fixed;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    outline: 0;
    padding-inline-end: 0 !important;
    margin: 0 !important;
}

.modal-open,
.modal-backdrop.fade.show {
    padding-inline-end: 0 !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid var(--border);
    border-radius: 5px;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    z-index: 1040;
    background-color: var(--fixed-black);
}

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

.modal-backdrop.show {
    opacity: 0.7;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-block-end: 1px solid #e4e6f9;
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
}

.modal-header .close {
    padding: 1rem;
    margin-block-start: -1rem;
    margin-inline-end: -1rem;
    margin-block-end: -1rem;
    margin-inline-start: auto;
}

.modal-title {
    margin-block-end: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-body p:last-child {
    margin-block-end: 0;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-block-start: 1px solid #e4e6f9;
}

.modal-footer> :not(:first-child) {
    margin-inline-start: 0.25rem;
}

.modal-footer> :not(:last-child) {
    margin-inline-end: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    inset-block-start: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.model-wrapper-demo {
    padding: 50px 0;
    background: #eaeaf9;
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal .modal-body .modal-example-row .row>.col,
.modal .modal-body .modal-example-row .row [class^=col-] {
    padding-block-start: 0.75rem;
    padding-block-end: 0.75rem;
    background-color: var(--gray-100);
    border: 1px solid var(--border);
}

.modal .modal-body .modal-example-row .row+.row {
    margin-block-start: 1rem;
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal-open {
    overflow: auto !important;
    padding-inline-end: 0 !important;
}

.modal {
    z-index: 99999991;
}

.modal .modal-content {
    border: 1px solid var(--border);
    border-radius: 5px;
}

.modal .modal-header {
    border-block-end: 1px solid var(--border);
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
}

.modal .modal-header .modal-title {
    font-size: 16px;
}

.modal .modal-header .btn-close {
    padding: 1rem;
    margin-block-start: -1rem;
    margin-inline-end: -1rem;
    margin-block-end: -1rem;
    margin-inline-start: auto;
}

.modal .modal-body .modal-example-row .row>.col,
.modal .modal-body .modal-example-row .row [class^=col-] {
    padding-block-start: 0.75rem;
    padding-block-end: 0.75rem;
    background-color: var(--gray-100);
    border: 1px solid var(--border);
}

.modal .modal-body .modal-example-row .row+.row {
    margin-block-start: 1rem;
}

.modal .modal-footer {
    padding: 1rem;
    border-block-start: 1px solid var(--border);
}

.modal#scrollingContentModal .modal-body {
    min-height: 1000px;
}

.modal.effect-scale .modal-dialog {
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-scale.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.modal.effect-slide-in-right .modal-dialog {
    transform: translateX(20%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.modal.effect-slide-in-right.show .modal-dialog {
    transform: translateX(0);
    opacity: 1;
}

.modal.effect-slide-in-bottom .modal-dialog {
    transform: translateY(20%);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-slide-in-bottom.show .modal-dialog {
    transform: translateY(0);
    opacity: 1;
}

.modal.effect-newspaper .modal-dialog {
    transform: scale(0) rotate(720deg);
    opacity: 0;
}

.modal.effect-newspaper.show~.modal-backdrop,
.modal.effect-newspaper .modal-dialog {
    transition: all 0.5s;
}

.modal.effect-newspaper.show .modal-dialog {
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

.modal.effect-fall {
    perspective: 1300px;
}

.modal.effect-fall .modal-dialog {
    transform-style: preserve-3d;
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0;
}

.modal.effect-fall.show .modal-dialog {
    transition: all 0.3s ease-in;
    transform: translateZ(0px) rotateX(0deg);
    opacity: 1;
}

.modal.effect-flip-horizontal {
    perspective: 1300px;
}

.modal.effect-flip-horizontal .modal-dialog {
    transform-style: preserve-3d;
    transform: rotateY(-70deg);
    transition: all 0.3s;
    opacity: 0;
}

.modal.effect-flip-horizontal.show .modal-dialog {
    transform: rotateY(0deg);
    opacity: 1;
}

.modal.effect-flip-vertical {
    perspective: 1300px;
}

.modal.effect-flip-vertical .modal-dialog {
    transform-style: preserve-3d;
    transform: rotateX(-70deg);
    transition: all 0.3s;
    opacity: 0;
}

.modal.effect-flip-vertical.show .modal-dialog {
    transform: rotateX(0deg);
    opacity: 1;
}

.modal.effect-super-scaled .modal-dialog {
    transform: scale(2);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-super-scaled.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.modal.effect-sign {
    perspective: 1300px;
}

.modal.effect-sign .modal-dialog {
    transform-style: preserve-3d;
    transform: rotateX(-60deg);
    transform-origin: 50% 0;
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-sign.show .modal-dialog {
    transform: rotateX(0deg);
    opacity: 1;
}

.modal.effect-rotate-bottom {
    perspective: 1300px;
}

.modal.effect-rotate-bottom .modal-dialog {
    transform-style: preserve-3d;
    transform: translateY(100%) rotateX(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.modal.effect-rotate-bottom.show .modal-dialog {
    transform: translateY(0%) rotateX(0deg);
    opacity: 1;
}

.modal.effect-rotate-left {
    perspective: 1300px;
}

.modal.effect-rotate-left .modal-dialog {
    transform-style: preserve-3d;
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-rotate-left.show .modal-dialog {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}

.modal-content {
    background-color: var(--white);
}

.nav-link:hover .dropdown-menu,
.nav-item:hover .dropdown-menu {
    display: block;
    inset-inline-start: inherit;
}

@media (max-width: 360px) {
    .navbar .nav-link.toggle i {
        font-size: 1.2rem !important;
    }
}

.navbar {
    height: 54px;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    z-index: 890;
    padding: 0rem 1rem;
}

.navbar.active {
    background-color: var(--primary-bg-color);
}

.navbar .nav-link.beep {
    position: relative;
}

.navbar .nav-link.beep:after {
    content: "";
    position: absolute;
    inset-block-start: 5px;
    inset-inline-end: 9px;
    width: 7px;
    height: 7px;
    background-color: var(--danger-bg-color);
    border-radius: 50%;
}

.navbar .nav-link.nav-link-lg div {
    margin-block-start: 3px;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-inline-start: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-block-start: 0.3em solid;
    border-inline-end: 0.3em solid transparent;
    border-block-end: 0;
    border-inline-start: 0.3em solid transparent;
}

.navbar-nav .dropdown-toggle::after {
    inset-block-start: 8px;
    inset-inline-end: 10px;
    border-inline-end: 0;
    border-block-end: 0;
    border-inline-start: 0;
    content: "\f107";
    font-family: "FontAwesome" !important;
    position: absolute;
    display: inline-block;
}

.navbar .nav-link.toggle i {
    font-size: 1.4rem;
    line-height: 2;
}

.navbar .nav-link:hover {
    color: #fff;
}

.navbar .nav-link.disabled {
    color: #fff;
    opacity: 0.6;
}

.nav-tabs .nav-item .nav-link {
    color: var(--primary-bg-color);
}

.nav-tabs .nav-item .nav-link.active {
    color: #ababc7;
}

.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: var(--border) var(--border) #fff;
}

.nav-tabs>li>a {
    margin-inline-end: 2px !important;
}

.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: var(--border) var(--border) #fff;
}

.tab-bordered .tab-pane {
    padding: 15px;
    border: 1px solid var(--border);
    margin-block-start: -1px;
}

.nav-pills .nav-item .nav-link {
    color: var(--color);
    padding-inline-start: 15px !important;
    padding-inline-end: 15px !important;
}

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

.nav-pills .nav-item .nav-link.active {
    color: #fff;
    background: var(--primary-bg-color);
}

.nav-pills .nav-item .nav-link .badge {
    padding: 5px 6px;
    margin-inline-start: 5px;
}

.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link:not(.active):focus {
    color: var(--fixed-white) !important;
    background-color: var(--primary-bg-color);
}

.center-block {
    margin-inline-end: auto;
    margin-inline-start: auto;
    float: inherit !important;
}

.nav .nav-pills>li>a {
    border-radius: 5px;
    text-align: start;
}

.nav>li>a {
    position: relative;
    display: block;
}

@media (max-width: 480px) {
    .nav-tabs .nav-item {
        width: 100%;
    }

    .nav-tabs .nav-item .nav-link.active {
        border: 1px solid var(--border);
    }

    .nav .nav-item {
        width: 100%;
    }

    #navs-pills-dropdown .nav .nav-item {
        margin-block-start: 2px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar .nav-link.nav-link-lg div {
        display: none;
    }

    .product-details img {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 782px) {
    .header .navbar-nav .envelope {
        display: none;
    }
}

@media (max-width: 360px) {
    .navbar .nav-link {
        padding-inline-start: 10px !important;
        padding-inline-end: 10px !important;
    }
}

@media (max-width: 480px) {
    .navbar-nav .dropdown-toggle::after {
        inset-inline-end: 4px !important;
    }
}

.navbar.land-navbar {
    box-shadow: none;
}

@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-inline-end: 0;
        padding-inline-start: 0;
    }
}

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

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

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

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-inline-end: 0.5rem;
        padding-inline-start: 0.5rem;
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

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

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

.nav-link {
    min-width: 2rem;
}

.nav-link.icon {
    padding: 0px 15px;
    text-align: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
    transition: all ease 0.2s;
    margin-inline-end: 0;
}

.nav-link.icon:hover {
    color: var(--white-7);
}

.main-nav-column {
    flex-direction: column;
}

.main-nav-column>.nav-item>.nav-link {
    height: 35px;
    font-size: 14px;
    color: var(--color);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.main-nav-column>.nav-item>.nav-link>i {
    font-size: 16px;
    line-height: 0;
    margin-inline-end: 10px;
    transition: all 0.2s ease-in-out;
}

.main-nav-column>.nav-item>.nav-link>i:not([class*=" tx-"]) {
    color: var(--gray-600);
}

.main-nav-column>.nav-item>.nav-link.active {
    position: relative;
    background: var(--primary-bg-color);
    color: var(--fixed-white);
    border-radius: 4px;
}

.main-nav-column>.nav-item>.nav-link.active>i {
    color: var(--fixed-white);
}

.main-nav-column>.nav-item>.nav-link:not(.active):hover,
.main-nav-column>.nav-item>.nav-link:not(.active):focus,
.main-nav-column>.nav-item>.nav-link:not(.active):hover span,
.main-nav-column>.nav-item>.nav-link:not(.active):focus span,
.main-nav-column>.nav-item>.nav-link:not(.active):hover i,
.main-nav-column>.nav-item>.nav-link:not(.active):focus i {
    color: var(--fixed-white);
}

.main-nav-column>.nav-item+.nav-item {
    margin-block-start: 5px;
}

@media (min-width: 768px) {
    .main-nav {
        align-items: center;
    }
}

.main-nav .nav-link {
    color: var(--gray-600);
    position: relative;
    line-height: normal;
}

.main-nav .nav-link:hover,
.main-nav .nav-link:focus {
    color: var(--primary-bg-color);
}

.main-nav .nav-link.active {
    color: var(--primary-bg-color) !important;
}

.main-nav .nav-item+.nav-item .nav-link {
    border-inline-start: 1px solid var(--border);
}

.main-nav.search-nav .nav-item .nav-link {
    border-inline-start: 0px;
    margin-inline-end: 20px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.main-nav.search-nav .nav-item:last-child {
    margin-inline-end: 0px;
}

@media (max-width: 767px) {
    .main-nav .nav-item+.nav-item .nav-link {
        border-inline-start: 0;
    }
}

.nav-primary {
    background-color: var(--primary-bg-color);
}

.nav-primary .nav-link {
    color: var(--fixed-white-6);
    border-color: var(--white-3);
}

.nav-primary .nav-link.active {
    color: var(--fixed-white) !important;
}

.nav-primary .nav-link:not(.active):hover,
.nav-primary .nav-link:focus {
    color: var(--white);
}

.nav-secondary {
    background-color: var(--secondary-bg-color);
}

.nav-secondary .nav-link {
    color: var(--fixed-white-6);
    border-color: var(--white-3);
}

.nav-secondary .nav-link.active {
    color: var(--fixed-white) !important;
}

.nav-secondary .nav-link:not(.active):hover,
.nav-secondary .nav-link:focus {
    color: var(--fixed-white);
}

.nav-info {
    background-color: var(--info-bg-color);
}

.nav-info .nav-link {
    color: var(--fixed-white-6);
    border-color: var(--white-3);
}

.nav-info .nav-link.active {
    color: var(--white) !important;
}

.nav-info .nav-link:not(.active):hover,
.nav-info .nav-link:focus {
    color: var(--white);
}

.nav-success {
    background-color: var(--success-bg-color);
}

.nav-success .nav-link {
    color: var(--fixed-white-6);
    border-color: var(--white-3);
}

.nav-success .nav-link.active {
    color: var(--fixed-white) !important;
}

.nav-success .nav-link:not(.active):hover,
.nav-success .nav-link:focus {
    color: var(--white);
}

.nav-warning {
    background-color: var(--warning-bg-color);
}

.nav-warning .nav-link {
    color: var(--gray-600);
    border-color: var(--black-1);
}

.nav-warning .nav-link.active {
    color: var(--gray-900) !important;
}

.nav-warning .nav-link:not(.active):hover,
.nav-warning .nav-link:focus {
    color: var(--gray-900);
}

.nav-danger {
    background-color: var(--danger-bg-color);
}

.nav-danger .nav-link {
    color: var(--fixed-white-6);
    border-color: var(--white-3);
}

.nav-danger .nav-link.active {
    color: var(--fixed-white) !important;
}

.nav-danger .nav-link:not(.active):hover,
.nav-danger .nav-link:focus {
    color: var(--white);
}

.nav-light {
    background-color: var(--gray-200);
}

.nav-light .nav-link {
    color: var(--gray-600);
    border-color: var(--black-1);
}

.nav-light .nav-link.active {
    color: var(--gray-900) !important;
}

.nav-light .nav-link:not(.active):hover,
.nav-light .nav-link:focus {
    color: var(--gray-900);
}

.nav-dark {
    background-color: var(--gray-900);
}

.nav-dark .nav-link {
    color: var(--white-6);
    border-color: var(--white-3) !important;
}

.nav-dark .nav-link.active {
    color: var(--white) !important;
}

.nav-dark .nav-link:not(.active):hover,
.nav-dark .nav-link:focus {
    color: var(--white);
}

.primary-nav-tab {
    background-color: var(--primary-bg-color);
}

.primary-nav-tab .nav-tabs {
    border-color: var(--primary-bg-color) !important;
}

.primary-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--fixed-white);
}

.primary-nav-tab .nav-tabs .nav-link:not(.active):hover,
.primary-nav-tab .nav-tabs .nav-link:not(.active):focus {
    color: var(--fixed-white);
    background: none;
}

.primary-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

.secondary-nav-tab {
    background-color: var(--secondary-bg-color);
}

.secondary-nav-tab .nav-tabs {
    border-color: var(--secondary-bg-color) !important;
}

.secondary-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--fixed-white);
}

.secondary-nav-tab .nav-tabs .nav-link:not(.active):hover,
.secondary-nav-tab .nav-tabs .nav-link:not(.active):focus {
    color: var(--fixed-white);
    background: none;
}

.secondary-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

.success-nav-tab {
    background-color: var(--success-bg-color);
}

.success-nav-tab .nav-tabs {
    border-color: var(--success-bg-color) !important;
}

.success-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--fixed-white);
}

.success-nav-tab .nav-tabs .nav-link:not(.active):hover,
.success-nav-tab .nav-tabs .nav-link:not(.active):focus {
    color: var(--fixed-white);
    background: none;
}

.success-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

.danger-nav-tab {
    background-color: var(--danger-bg-color);
}

.danger-nav-tab .nav-tabs {
    border-color: var(--danger-bg-color) !important;
}

.danger-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--fixed-white);
}

.danger-nav-tab .nav-tabs .nav-link:not(.active):hover,
.danger-nav-tab .nav-tabs .nav-link:not(.active):focus {
    color: var(--fixed-white);
    background: none;
}

.danger-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

.info-nav-tab {
    background-color: var(--info-bg-color);
}

.info-nav-tab .nav-tabs {
    border-color: var(--info-bg-color) !important;
}

.info-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--fixed-white);
}

.info-nav-tab .nav-tabs .nav-link:not(.active):hover,
.info-nav-tab .nav-tabs .nav-link:not(.active):focus {
    color: var(--white);
    background: none;
}

.info-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

.warning-nav-tab {
    background-color: var(--warning-bg-color);
}

.warning-nav-tab .nav-tabs {
    border-color: var(--warning-bg-color) !important;
}

.warning-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--fixed-white);
}

.warning-nav-tab .nav-tabs .nav-link:not(.active):hover,
.warning-nav-tab .nav-tabs .nav-link:not(.active):focus {
    color: var(--gray-900);
    background: none;
}

.warning-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

.light-nav-tab {
    background-color: var(--gray-200);
}

.light-nav-tab .nav-tabs {
    border-color: var(--gray-200) !important;
}

.light-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--black);
}

.light-nav-tab .nav-tabs .nav-link:not(.active):hover,
.light-nav-tab .nav-tabs .nav-link:not(.active):focus {
    color: var(--gray-900);
    background: none;
}

.light-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

.dark-nav-tab {
    background-color: var(--gray-700);
}

.dark-nav-tab .nav-tabs {
    border-color: var(--gray-700) !important;
}

.dark-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--black);
}

.dark-nav-tab .nav-tabs .nav-link:not(.active):hover,
.dark-nav-tab .nav-tabs .nav-link:not(.active):focus {
    color: var(--white);
    background: none;
}

.dark-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

@media (min-width: 768px) {
    .nav-tabs .nav-link {
        padding: 10px 20px;
    }
}

.nav-tabs {
    padding: 10px 10px 0px;
    border-block-end: 1px solid var(--border);
}

.nav-tabs .nav-link {
    padding: 10px 14px;
    color: var(--gray-700);
    border-block-end: 0px;
    text-align: center;
}

.nav-tabs .nav-link:not(.active):hover,
.nav-tabs .nav-link:not(.active):focus {
    background-color: var(--background);
    color: var(--gray-900);
    border-color: var(--border);
}

.nav-tabs .nav-link.active {
    color: var(--primary-bg-color);
    background-color: var(--white);
    border-color: var(--border) var(--border) var(--white) var(--border);
}

.nav-tabs .nav-link.disabled {
    color: var(--gray-500) !important;
}

.nav-tabs .nav-item+.nav-item {
    margin-inline-start: 5px;
}

.nav-tabs .nav-item.show .nav-link {
    color: var(--gray-700);
    background-color: var(--white);
    border-color: var(--gray-300) var(--gray-300) var(--white);
}

.nav-tabs .dropdown-menu {
    margin-block-start: -1px;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}

.dark-nav-tab .nav-tabs .nav-link {
    border: none;
    color: var(--white);
}

.dark-nav-tab .nav-tabs .nav-link.active {
    color: var(--gray-900);
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-inline-start: 0;
    list-style: none;
    border-radius: 3px;
}

.page-link {
    position: relative;
    display: block;
    margin-inline-start: -1px;
    line-height: 1.25;
    background-color: var(--white);
    border: 1px solid var(--border);
    font-size: 14px;
}

.page-link:hover {
    z-index: 2;
    color: #295a9f;
    text-decoration: none;
    background-color: var(--primary-01);
    border-color: var(--border);
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-item:first-child .page-link {
    margin-inline-start: 0;
    border-start-start-radius: 3px;
    border-end-start-radius: 3px;
}

.page-item:last-child .page-link {
    border-start-end-radius: 3px;
    border-end-end-radius: 3px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #736cc7;
    border-color: var(--primary-bg-color);
}

.page-item.disabled .page-link {
    color: #ced4da;
    pointer-events: none;
    cursor: auto;
    background-color: var(--white);
    border-color: var(--border);
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-start-start-radius: 3px;
    border-end-start-radius: 3px;
}

.pagination-lg .page-item:last-child .page-link {
    border-start-end-radius: 3px;
    border-end-end-radius: 3px;
}

.page-item .page-link {
    color: var(--primary-bg-color);
}

.page-item.disabled .page-link {
    border-color: var(--border);
}

.page-link {
    border-color: var(--border);
}

.single-page {
    width: 40%;
    margin: 120px auto;
    padding: 30px;
    display: table;
    position: relative;
    border-radius: 7px;
}

.single-page>.log-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    color: #fff;
}

.single-page button.dark {
    border-color: #ff4931;
    background: #ff4931;
}

.single-page .move button.dark {
    border-color: #e0b722;
    background: #e0b722;
}

.single-page .splits p {
    font-size: 18px;
}

.single-page button:active {
    box-shadow: none;
}

.single-page button:focus {
    outline: none;
}

.single-page>.wrapper3 {
    width: 100%;
    padding-block-start: 8rem;
}

.single-page .wrapper {
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    transition: all 0.5s;
    color: var(--color);
    overflow: hidden;
    border-radius: 7px;
}

.single-page .wrapper.wrapper2 {
    inset-block-start: -37%;
    inset-inline-start: 4%;
    background: #fff;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    transition: all 0.5s;
    color: var(--color);
    overflow: hidden;
    border-radius: 7px;
    text-align: center;
}

.single-page .wrapper>form {
    width: 100%;
    transition: all 0.5s;
    background: #fff;
    width: 100%;
}

.single-page .wrapper .card-body {
    padding: 30px;
}

.single-page .wrapper>form:focus {
    outline: none;
}

.single-page .wrapper #login {
    visibility: visible;
}

.single-page .wrapper #register {
    transform: translateY(-80%) translateX(100%);
    visibility: hidden;
}

.single-page .wrapper.move #register {
    transform: translateY(-80%) translateX(0%);
    visibility: visible;
}

.single-page .wrapper.move #login {
    transform: translateX(-100%);
    visibility: hidden;
}

.single-page .wrapper>form>div {
    position: relative;
    margin-block-end: 15px;
}

.single-page .wrapper label {
    position: absolute;
    inset-block-start: -7px;
    font-size: 12px;
    white-space: nowrap;
    background: #fff;
    text-align: start;
    inset-inline-start: 15px;
    padding: 0 5px;
    color: var(--color);
    pointer-events: none;
}

.single-page .wrapper h3,
.single-page .wrapper h4 {
    margin-block-end: 25px;
    font-size: 22px;
}

.single-page .wrapper input {
    height: 40px;
    padding: 5px 15px;
    width: 100%;
    border: solid 1px var(--border);
}

.single-page .wrapper input:focus {
    outline: none;
    border-color: var(--border);
}

.single-page>.wrapper.move {
    inset-inline-start: 45%;
}

.single-page>.wrapper.move input:focus {
    border-color: #e0b722;
}

.page-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0 1rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    min-height: 50px;
    border-radius: 7px;
    padding: 0;
}

.page-title {
    margin: 0;
    font-size: 25px;
    font-weight: 600;
    line-height: 2.5rem;
    position: relative;
    color: #fff;
}

.single-page1 {
    width: 50%;
    margin: 120px auto;
    padding: 30px;
    display: table;
    position: relative;
    border-radius: 7px;
}

.pagination.pagination-style2 .page-item .page-link {
    border-color: transparent !important;
    border-radius: 4px;
}

.pagination.pagination-style2 .page-item.page-next .page-link {
    margin-inline-start: 10px;
}

.pagination.pagination-style2 .page-item:not(.page-prev):not(.page-next):not(.page-number-starts) .page-link {
    margin-inline-start: 4px;
}

.pagination .page-item input[type=number] {
    padding: 5px;
    height: 30px;
    width: 40px;
    border-radius: 4px;
}

.progress {
    background: var(--background);
    box-shadow: 0 4px 6px rgba(241, 246, 247, 0.1), 0 1px 3px rgba(243, 243, 243, 0.08);
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--primary-bg-color);
    transition: width 0.6s ease;
}

.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 {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

#count-down {
    position: relative;
}

table.dataTable {
    clear: both;
    margin-block-start: 6px !important;
    margin-block-end: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting {
    padding-inline-end: 30px;
}

table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-inline-end: 30px;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
    outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after {
    position: absolute;
    inset-block-end: 0.9em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after {
    position: absolute;
    inset-block-end: 0.9em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after {
    position: absolute;
    inset-block-end: 0.9em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after {
    position: absolute;
    inset-block-end: 0.9em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    inset-block-end: 0.9em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    inset-inline-end: 1em;
    content: "↑";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    inset-inline-end: 0.5em;
    content: "↓";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
    margin-block-end: 0 !important;
}

div.dataTables_scrollBody table {
    border-block-start: none;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
    border-block-start: none;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner {
    box-sizing: content-box;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-block-start: 0 !important;
    border-block-start: none;
}

table.dataTable {
    border-collapse: collapse;
}

table.dataTable thead th {
    border-block-end: 0px solid var(--border);
}

table.dataTable thead td {
    border-block-end: 1px solid var(--border);
}

table.dataTable.no-footer {
    border-block-end: 1px solid var(--border);
}

.table-bordered {
    border: 1px solid var(--border);
}

.star-rating .table td {
    vertical-align: middle;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid var(--border);
}

.table-hover tbody tr:hover {
    background-color: var(--hover-color);
}

.table thead th {
    padding-block-start: 0.5rem;
    padding-block-end: 0.5rem;
}

.table-links {
    color: var(--color);
    font-size: 12px;
    margin-block-start: 5px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.table-links a {
    color: #666;
}

table tr:hover .table-links {
    opacity: 1;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(247, 247, 247, 0.4);
}

@media (max-width: 480px) {
    .Advance-table .float-end {
        float: none !important;
    }
}

.Advance-table .form-control {
    height: 30px !important;
}

.guage tspan {
    font-weight: 200 !important;
    fill: var(--color) !important;
}

.table-up a,
.table-down a {
    padding: 5px;
}

.table {
    --bs-table-hover-bg: $background;
    --bs-table-striped-bg: $background;
    --bs-table-hover-color: $default-color;
    --bs-table-striped-color: $default-color;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-block-start: 1px solid var(--border);
}

.table th,
.text-wrap table th {
    color: var(--color);
}

.table,
.text-wrap table {
    color: var(--color);
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: var(--border);
}

.table tr:last-child {
    border-block-end: 0;
}

.table-inbox tr td .fa-star {
    color: rgb(227, 232, 247);
}

.table-inbox tr td .fa-star.inbox-started,
.table-inbox tr td .fa-star:hover {
    color: #ffab00;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: var(--hover-color);
}

.table-primary {
    background-color: var(--primary-04);
}

.table-primary>th,
.table-primary>td {
    background-color: var(--primary-04);
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
    border-color: var(--primary-03) !important;
}

.table-primary.table> :not(:first-child) {
    border-block-start: 1px solid var(--primary-01) !important;
}

.table-primary thead th {
    background: var(--primary-bg-color);
    color: var(--fixed-white);
}

.table-primary tbody tr {
    background-color: transparent !important;
}

.table-hover .table-primary:hover {
    background-color: var(--primary-04);
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: var(--primary-04);
}

.table-secondary {
    background-color: var(--secondary-04);
}

.table-secondary>th,
.table-secondary>td {
    background-color: var(--secondary-04);
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: rgba(var(--secondary-bg-color-rgb), 0.3) !important;
}

.table-secondary.table> :not(:first-child) {
    border-block-start: 1px solid rgba(var(--secondary-bg-color), 0.1) !important;
}

.table-secondary thead th {
    background: var(--secondary-bg-color);
    color: var(--fixed-white);
}

.table-secondary tbody tr {
    background-color: transparent !important;
}

.table-hover .table-secondary:hover {
    background-color: var(--secondary-05);
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: var(--secondary-05);
}

.table-warning {
    background-color: rgba(var(--warning-bg-color-rgb), 0.4);
}

.table-warning>th,
.table-warning>td {
    background-color: rgba(var(--warning-bg-color-rgb), 0.4);
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
    border-color: rgba(var(--warning-bg-color-rgb), 0.3) !important;
}

.table-warning.table> :not(:first-child) {
    border-block-start: 1px solid rgba(var(--warning-bg-color-rgb), 0.1) !important;
}

.table-warning thead th {
    background: var(--warning-bg-color);
    color: var(--fixed-white);
}

.table-warning tbody tr {
    background-color: transparent !important;
}

.table-hover .table-warning:hover {
    background-color: rgba(var(--warning-bg-color-rgb), 0.4);
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: rgba(var(--warning-bg-color-rgb), 0.4);
}

.table-info {
    background-color: rgba(var(--info-bg-color-rgb), 0.4);
}

.table-info>th,
.table-info>td {
    background-color: rgba(var(--info-bg-color-rgb), 0.4);
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
    border-color: rgba(var(--info-bg-color-rgb), 0.3) !important;
}

.table-info.table> :not(:first-child) {
    border-block-start: 1px solid rgba(var(--info-bg-color-rgb), 0.1) !important;
}

.table-info thead th {
    background: var(--info-bg-color);
    color: var(--fixed-white);
}

.table-info tbody tr {
    background-color: transparent !important;
}

.table-hover .table-info:hover {
    background-color: rgba(var(--info-bg-color-rgb), 0.4);
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: rgba(var(--info-bg-color-rgb), 0.4);
}

.table-success {
    background-color: rgba(var(--success-bg-color-rgb), 0.4);
}

.table-success>th,
.table-success>td {
    background-color: rgba(var(--success-bg-color-rgb), 0.4);
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
    border-color: rgba(var(--success-bg-color-rgb), 0.3) !important;
}

.table-success.table> :not(:first-child) {
    border-block-start: 1px solid rgba(var(--success-bg-color-rgb), 0.1) !important;
}

.table-success thead th {
    background: var(--success-bg-color);
    color: var(--fixed-white);
}

.table-success tbody tr {
    background-color: transparent !important;
}

.table-hover .table-success:hover {
    background-color: rgba(var(--success-bg-color-rgb), 0.4);
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: rgba(var(--success-bg-color-rgb), 0.4);
}

.table-danger {
    background-color: rgba(var(--danger-bg-color-rgb), 0.4);
}

.table-danger>th,
.table-danger>td {
    background-color: rgba(var(--danger-bg-color-rgb), 0.4);
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
    border-color: rgba(var(--danger-bg-color-rgb), 0.3) !important;
}

.table-danger.table> :not(:first-child) {
    border-block-start: 1px solid rgba(var(--danger-bg-color-rgb), 0.1) !important;
}

.table-danger thead th {
    background: var(--danger-bg-color);
    color: var(--fixed-white);
}

.table-danger tbody tr {
    background-color: transparent !important;
}

.table-hover .table-danger:hover {
    background-color: rgba(var(--danger-bg-color-rgb), 0.4);
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: rgba(var(--danger-bg-color-rgb), 0.4);
}

.table> :not(caption)>*>* {
    background-color: transparent;
}

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

table.table-bordered.dataTable thead tr:first-child th,
table.table-bordered.dataTable thead tr:first-child td {
    border-block-start-width: 0px;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: var(--border);
    border-style: none;
    border-width: 0;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0 !important;
}

.table,
.text-wrap table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 1rem;
}

.toast {
    background-color: transparent;
    overflow: hidden;
    border: 1px solid var(--border);
    box-shadow: 0 0.5rem 1rem rgba(104, 113, 123, 0.1);
    backdrop-filter: blur(10px);
    opacity: 0;
}

.toast:not(:last-child) {
    margin-block-end: 0.75rem;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast .toast-header {
    color: var(--color);
    border-block-end: 1px solid var(--border);
    background-color: var(--gray-100);
}

.toast .toast-header .close {
    font-weight: 300;
}

.toast .toast-body {
    padding: 0.75rem;
    color: var(--color);
}

.toast .toast-header {
    color: var(--color);
    border-block-end: 1px solid var(--border);
    background-color: var(--primary-bg-color);
}

.tooltip {
    inset-block-start: 0;
}

.tooltip-inner {
    font-size: 12px;
    border-radius: 2px;
}

.tooltip-primary .tooltip-inner {
    background-color: var(--primary-bg-color) !important;
    color: var(--fixed-white) !important;
}

.tooltip-primary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-block-start-color: var(--primary-bg-color) !important;
}

.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-block-end-color: var(--primary-bg-color) !important;
}

.tooltip-primary.bs-tooltip-start .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-inline-start-color: var(--primary-bg-color) !important;
}

.tooltip-primary.bs-tooltip-end .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-inline-end-color: var(--primary-bg-color) !important;
}

.tooltip-secondary .tooltip-inner {
    background-color: var(--secondary-bg-color) !important;
    color: var(--fixed-white) !important;
}

.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-block-start-color: var(--secondary-bg-color) !important;
}

.tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-block-end-color: var(--secondary-bg-color) !important;
}

.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-inline-start-color: var(--secondary-bg-color) !important;
}

.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-inline-end-color: var(--secondary-bg-color) !important;
}

.tooltip-warning .tooltip-inner {
    background-color: var(--warning-bg-color) !important;
    color: var(--fixed-white) !important;
}

.tooltip-warning.bs-tooltip-top .tooltip-arrow::before,
.tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-block-start-color: var(--warning-bg-color) !important;
}

.tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-block-end-color: var(--warning-bg-color) !important;
}

.tooltip-warning.bs-tooltip-start .tooltip-arrow::before,
.tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-inline-start-color: var(--warning-bg-color) !important;
}

.tooltip-warning.bs-tooltip-end .tooltip-arrow::before,
.tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-inline-end-color: var(--warning-bg-color) !important;
}

.tooltip-danger .tooltip-inner {
    background-color: var(--danger-bg-color) !important;
    color: var(--fixed-white) !important;
}

.tooltip-danger.bs-tooltip-top .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-block-start-color: var(--danger-bg-color) !important;
}

.tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-block-end-color: var(--danger-bg-color) !important;
}

.tooltip-danger.bs-tooltip-start .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-inline-start-color: var(--danger-bg-color) !important;
}

.tooltip-danger.bs-tooltip-end .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-inline-end-color: var(--danger-bg-color) !important;
}

.tooltip {
    position: absolute;
    z-index: 0;
    display: block;
    margin: 0;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    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.76562rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^=top] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    inset-block-end: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    inset-block-start: 0;
    border-width: 0.4rem 0.4rem 0;
    border-block-start-color: var(--fixed-black);
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    inset-inline-end: 0;
    border-block-start-width: 0.4rem;
    border-inline-end-width: 0.4rem;
    border-block-end-width: 0.4rem;
    border-inline-start-width: 0px;
    border-inline-end-color: var(--fixed-black);
}

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^=bottom] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    inset-block-start: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    inset-block-end: 0;
    border-width: 0 0.4rem 0.4rem;
    border-block-end-color: var(--fixed-black);
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    inset-inline-start: 0;
    border-block-start-width: 0.4rem;
    border-inline-end-width: 0;
    border-block-end-width: 0.4rem;
    border-inline-start-width: 0.4rem;
    border-inline-start-color: var(--fixed-black);
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: var(--fixed-white);
    text-align: center;
    background-color: var(--fixed-black);
    border-radius: 3px;
}

.tooltip-static-demo {
    text-align: center;
    background-color: var(--background);
    padding: 20px;
}

.tooltip-static-demo .tooltip {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
}

.tooltip-static-demo .bs-tooltip-top .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-bottom .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=bottom] {
    inset-inline-start: 49%;
    margin-inline-start: -2px;
}

.tooltip-static-demo .bs-tooltip-start,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left],
.tooltip-static-demo .bs-tooltip-end,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] {
    margin-block-start: 5px;
}

.tooltip-static-demo .tooltip-warning.bs-tooltip-start .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-end .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    inset-block-start: 50%;
    margin-block-start: -6px;
}

.tooltip-static-demo .bs-tooltip-start .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-end .tooltip-arrow,
.tooltip-static-demo .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    inset-block-start: 50%;
    margin-block-start: -6px;
}

.popover {
    font-size: 12px;
    padding: 0;
    border-radius: 0;
}

.popover-header {
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-800);
    letter-spacing: 0.5px;
    padding: 12px 15px;
    background-color: var(--white);
    border-color: var(--border);
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}

.popover-header::before {
    display: none !important;
}

.popover-body {
    padding: 15px;
}

.popover-body p:last-child {
    margin-block-end: 0;
}

.popover-head-primary .popover-header {
    color: var(--fixed-white);
    background-color: var(--primary-bg-color);
}

.popover-head-primary.bs-popover-top .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
    inset-block-end: -7px;
}

.popover-head-primary.bs-popover-start .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
    inset-inline-end: -7px;
}

.popover-head-primary.bs-popover-end .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
    inset-inline-start: -7px;
}

.popover-head-primary.bs-popover-bottom .popover-arrow::after,
.popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-block-end-color: var(--primary-bg-color) !important;
}

.popover-head-secondary .popover-header {
    color: var(--fixed-white);
    background-color: var(--primary-bg-color);
}

.popover-head-secondary.bs-popover-top .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
    inset-block-end: -7px;
}

.popover-head-secondary.bs-popover-start .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
    inset-inline-end: -7px;
}

.popover-head-secondary.bs-popover-end .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
    inset-inline-start: -7px;
}

.popover-head-secondary.bs-popover-bottom .popover-arrow::after,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-block-end-color: var(--primary-bg-color);
}

.popover-head-primary,
.popover-head-secondary {
    border: 0;
}

.popover-head-primary .popover-header,
.popover-head-secondary .popover-header {
    border: 0;
}

.popover-head-primary .popover-body,
.popover-head-secondary .popover-body {
    border-block-start-width: 0;
    border-end-end-radius: 2px;
    border-end-start-radius: 2px;
}

.popover-head-primary.bs-popover-bottom .popover-arrow::before,
.popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
    display: none;
}

.popover-head-secondary.bs-popover-bottom .popover-arrow::before,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
    display: none;
}

.popover-primary {
    background-color: var(--primary-bg-color) !important;
    border-width: 0;
    padding: 15px;
    border: 1px solid var(--primary-bg-color) !important;
}

.popover-primary .popover-header {
    background-color: transparent;
    border-block-end-width: 0;
    padding: 0 0 15px;
    color: var(--fixed-white);
}

.popover-primary .popover-body {
    padding: 0;
    color: var(--fixed-white);
}

.popover-primary .popover-arrow::before {
    display: none;
}

.popover-primary.bs-popover-top .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-block-start-color: var(--primary-bg-color) !important;
}

.popover-primary.bs-popover-bottom .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-block-end-color: var(--primary-bg-color);
}

.popover-primary.bs-popover-start .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-inline-start-color: var(--primary-bg-color);
}

.popover-primary.bs-popover-end .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-inline-end-color: var(--primary-bg-color);
}

.popover-secondary {
    background-color: var(--secondary-bg-color) !important;
    border-width: 0;
    padding: 15px;
    border: 1px solid var(--secondary-bg-color) !important;
}

.popover-secondary .popover-header {
    background-color: transparent;
    border-block-end-width: 0;
    padding: 0 0 15px;
    color: var(--fixed-white);
}

.popover-secondary .popover-body {
    padding: 0;
    color: var(--fixed-white);
}

.popover-secondary .popover-arrow::before {
    display: none;
}

.popover-secondary.bs-popover-top .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-block-start-color: var(--secondary-bg-color);
}

.popover-secondary.bs-popover-bottom .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-block-end-color: var(--secondary-bg-color) !important;
}

.popover-secondary.bs-popover-start .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-inline-start-color: var(--primary-bg-color);
}

.popover-secondary.bs-popover-end .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-inline-end-color: var(--primary-bg-color);
}

.popover {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 9;
    display: block;
    max-width: 276px;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    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.76562rem;
    word-wrap: break-word;
    background-color: var(--white);
    background-clip: padding-box;
    border-radius: 4px;
    border: 1px solid var(--border);
    box-shadow: var(--box-shadow);
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[data-popper-placement^=top] {
    margin-block-end: 0.5rem;
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    inset-block-end: calc((0.5rem + 1px) * -1);
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    inset-block-end: 0;
    border-width: 0.5rem 0.5rem 0;
    border-block-start-color: var(--border);
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    border-width: 0.5rem 0.5rem 0;
    border-block-start-color: var(--white);
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
    inset-inline-start: calc((0.5rem + 1px) * -1);
    inset-inline-end: auto;
    width: 0.5rem;
    height: 1rem;
    margin: 0 0;
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    inset-inline-start: 0;
    border-block-start-width: 0.5rem;
    border-inline-end-width: 0.5rem;
    border-block-end-width: 0.5rem;
    border-inline-start-width: 0;
    border-inline-end-color: var(--border);
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    inset-inline-start: 1px;
    border-block-start-width: 0.5rem;
    border-inline-end-width: 0.5rem;
    border-block-end-width: 0.5rem;
    border-inline-start-width: 0;
    border-inline-end-color: var(--white);
}

.bs-popover-bottom,
.bs-popover-auto[data-popper-placement^=bottom] {
    margin-block-start: 0.5rem;
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    inset-block-start: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
    inset-block-start: 0;
    border-block-start-width: 0px;
    border-inline-end-width: 0.5rem;
    border-block-end-width: 0.5rem;
    border-inline-start-width: 0.5rem;
    border-block-end-color: var(--border);
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    inset-block-start: 1px;
    border-block-start-width: 0px;
    border-inline-end-width: 0.5rem;
    border-block-end-width: 0.5rem;
    border-inline-start-width: 0.5rem;
    border-block-end-color: var(--white);
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 50%;
    display: block;
    width: 1rem;
    margin-inline-start: -0.5rem;
    content: "";
    border-block-end: 1px solid var(--border);
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
    inset-inline-end: calc((0.5rem + 1px) * -1);
    inset-inline-start: auto;
    width: 0.5rem;
    height: 1rem;
    margin: 0rem 0;
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
    inset-inline-end: 0;
    border-block-start-width: 0.5rem;
    border-inline-end-width: 0;
    border-block-end-width: 0.5rem;
    border-inline-start-width: 0.5rem;
    border-inline-start-color: var(--white);
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    inset-inline-end: 1px;
    border-block-start-width: 0.5rem;
    border-inline-end-width: 0;
    border-block-end-width: 0.5rem;
    border-inline-start-width: 0.5rem;
    border-inline-start-color: var(--white);
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-block-end: 0;
    font-size: 0.875rem;
    background-color: var(--white);
    border-block-end: 1px solid var(--border);
    border-start-start-radius: calc(0.3rem - 1px);
    border-start-end-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: var(--color);
}

.popover-static-demo {
    background-color: var(--background);
    padding-block-start: 40px;
    padding-block-end: 40px;
    text-align: center;
}

.popover-static-demo .popover {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border);
}

.popover-static-demo .bs-popover-top .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=top] .popover-arrow,
.popover-static-demo .bs-popover-bottom .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=bottom] .popover-arrow {
    inset-inline-start: 50%;
    margin-inline-start: -5px;
}

.popover-static-demo .bs-popover-start,
.popover-static-demo .bs-popover-auto[data-popper-placement^=left],
.popover-static-demo .bs-popover-end,
.popover-static-demo .bs-popover-auto[data-popper-placement^=right] {
    margin-block-start: 5px;
}

.popover-static-demo .bs-popover-start .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=left] .popover-arrow,
.popover-static-demo .bs-popover-end .popover-arrow,
.popover-static-demo .bs-popover-auto[data-popper-placement^=right] .popover-arrow {
    inset-block-start: 50%;
    margin-block-start: -5px;
}

.bs-popover-top.x-placement,
.bs-popover-auto[data-popper-placement^=top].x-placement,
.bs-popover-bottom.x-placement,
.bs-popover-auto[data-popper-placement^=bottom].x-placement {
    margin-inline-start: -0.5rem !important;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-block-end: 0;
    font-size: 0.875rem;
    background-color: var(--white);
    border-block-end: 1px solid var(--border);
    border-start-start-radius: calc(0.3rem - 1px);
    border-start-end-radius: calc(0.3rem - 1px);
}

.popup-box.popup-box-on {
    display: block;
}

@media (max-width: 320px) {

    .popup-box-on,
    #addClass {
        display: none !important;
    }
}

.popup-box {
    background-color: var(--white);
    border: 1px solid var(--border);
    inset-block-end: 0;
    display: none;
    height: 415px;
    position: fixed;
    inset-inline-end: 77px;
    width: 380px;
    z-index: 1;
    box-shadow: var(--box-shadow);
    border-start-start-radius: 4px;
    border-start-end-radius: 4px;
}

.popup-box .popup-head {
    background-color: var(--primary-bg-color);
    clear: both;
    color: var(--fixed-white);
    display: inline-table;
    padding: 7px 10px;
    width: 100%;
    border-start-start-radius: 4px;
    border-start-end-radius: 4px;
}

.popup-box .popup-head .popup-head-right {
    margin: 7px 7px 0;
}

.popup-head-left img {
    border-radius: 50%;
    width: 44px;
}

.popup-messages-footer {
    background: var(--white) none repeat scroll 0 0;
    inset-block-end: 0;
    position: absolute;
    width: 100%;
}

.popup-messages-footer>textarea {
    outline: 0;
    border: 1px solid var(--border) !important;
    height: 34px !important;
    margin: 7px;
    padding: 5px !important;
    border: medium none;
    width: 95% !important;
}

.popup-messages-footer>textarea::placeholder {
    color: #bfbfc3;
}

.popup-messages-footer .btn-footer {
    overflow: hidden;
    padding: 2px 5px 10px 6px;
    width: 100%;
}

.popup-box .popup-messages {
    background: var(--white) none repeat scroll 0 0;
    height: 275px;
    overflow: auto;
}

.direct-chat-messages {
    overflow: auto;
    padding: 10px;
    transform: translate(0px, 0px);
}

.popup-messages .chat-box-single-line {
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
    background-color: transparent;
}

.popup-messages abbr.timestamp {
    color: var(--muted);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    background: var(--background);
}

.popup-head-right .btn-group {
    display: inline-flex;
    vertical-align: top !important;
}

.popup-messages-footer .btn-footer button {
    cursor: pointer;
}

.popup-head-right .btn-group .dropdown-menu {
    border: medium none;
    min-width: 122px;
    padding: 0;
    overflow: hidden;
}

.popup-messages .direct-chat-messages {
    height: auto;
}

.popup-messages .direct-chat-timestamp {
    color: var(--muted);
    opacity: 0.6;
}

.popup-messages .direct-chat-name {
    font-size: 15px;
    font-weight: 600;
    color: #6e6e75;
    opacity: 0.9;
    display: none;
}

.popup-messages .direct-chat-info {
    display: block;
    font-size: 12px;
    margin-block-end: 0;
}

.popup-messages .big-round {
    margin: -9px 0 0 !important;
}

.popup-messages .direct-chat-img {
    border: 1px solid var(--border);
    background: #3f9684 none repeat scroll 0 0;
    border-radius: 50%;
    float: var(--float-start);
    height: 40px;
    width: 40px;
}

.popup-messages .right .direct-chat-img {
    float: var(--float-end);
}

.popup-messages .direct-chat-reply-name {
    color: #d8dede;
    font-size: 15px;
    margin: 0 0 0 10px;
    opacity: 0.9;
}

.popup-messages .direct-chat-img-reply-small {
    border: 1px solid var(--border);
    border-radius: 50%;
    float: var(--float-start);
    height: 20px;
    margin: 0 8px;
    width: 20px;
    background: #3f9684;
}

.popup-messages .direct-chat-msg {
    margin-block-end: 10px;
    position: relative;
}

.popup-messages .doted-border::after {
    background: transparent none repeat scroll 0 0 !important;
    inset-block-end: 0;
    content: "";
    inset-inline-start: 17px;
    margin: 0;
    position: absolute;
    inset-block-start: 0;
    width: 2px;
    display: inline;
    z-index: -2;
}

.popup-messages .direct-chat-msg::after {
    border-inline-end: medium none;
    inset-block-end: 0;
    content: "";
    inset-inline-start: 17px;
    margin: 0;
    position: absolute;
    inset-block-start: 0;
    width: 2px;
    display: inline;
    z-index: -2;
}

.direct-chat-text::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent var(--primary-01) transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: medium;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    inset-inline-end: 100%;
    inset-block-start: 15px;
    width: 0;
}

.popup-messages .direct-chat-text {
    background: var(--primary-01) none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 2px;
    color: var(--primary-bg-color);
    padding: 8px 10px;
    position: relative;
}

.popup-messages .direct-chat-text::after {
    border-width: 6px;
    margin-block-start: -6px;
    margin-inline-start: 1px;
}

.popup-messages .right .direct-chat-text:after {
    inset-inline-end: auto;
    inset-inline-start: 100%;
    border-right-color: transparent;
    border-left-color: var(--primary-01);
}

.right .direct-chat-text:before {
    inset-inline-end: auto;
    inset-inline-start: 100%;
    border-right-color: transparent;
    border-left-color: var(--primary-01);
}

@media (min-width: 418px) and (max-width: 992px) {
    .popup-box {
        height: 300px !important;
        width: 90% !important;
        inset-inline-start: 0;
        inset-inline-end: 0;
        margin: 0 auto;
        z-index: 100033 !important;
    }
}

@media (max-width: 568px) {
    .popup-box {
        height: 350px !important;
        z-index: 100033 !important;
        width: 90% !important;
        inset-inline-start: 0;
        inset-inline-end: 0;
        margin: 0 auto;
    }
}

/* ########## CUSTOM  STYLES ########## */
#count-down {
    margin: 20px auto;
    text-align: center;
    display: inline-block;
}

#count-down .clock-presenter {
    height: 80px;
    padding: 0px;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--primary-bg-color);
    float: var(--float-start);
    margin: 0 20px;
}

#count-down .clock-presenter .digit {
    margin-block-start: 10px;
    font-size: 1.5rem;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
    cursor: default;
    border-radius: 3px;
    color: var(--white);
}

#count-down .clock-presenter .note {
    position: relative;
    margin-block-end: 0px;
    cursor: default;
    font-size: 16px;
    opacity: 0.7;
}

@media (max-width: 992px) {
    .construction {
        padding: 70px 0 !important;
    }
}

@media (max-width: 568px) {
    #count-down .clock-presenter {
        float: none !important;
        margin-block-end: 45px;
    }
}

@media (max-width: 767px) {
    #count-down .clock-presenter {
        float: var(--float-start);
        margin-block-end: 45px;
    }

    #count-down .hours_dash {
        border-inline-end: none;
    }

    .construction h1 {
        font-size: 42px !important;
    }
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-inline-start: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-inline-end: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: var(--white);
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #e4e6f9, 0 0 0 2px rgba(242, 242, 242, 0.25);
}

.custom-control-input:active~.custom-control-label::before {
    color: var(--white);
    background-color: #d4e1f4;
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c6a8d;
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e4e6f9;
}

.custom-control-label {
    margin-block-end: 0;
    vertical-align: middle;
    display: inline-block;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e6f9;
}

.custom-control-label::after {
    position: absolute;
    inset-block-start: 0.25rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.form-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.form-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%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");
}

.form-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.form-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.form-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: #eaeaf9;
}

.form-radio .custom-control-label::before {
    border-radius: 50%;
}

.form-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.form-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #eaeaf9;
}

.form-select {
    display: inline-block;
    width: 100%;
    height: 2.375rem;
    padding-block-start: 0.5rem;
    padding-inline-end: 1.75rem;
    padding-block-end: 0.5rem;
    padding-inline-start: 0.75rem;
    line-height: 1.2;
    color: var(--color);
    vertical-align: middle;
    background: var(--white) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#6c6a8d' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-select:focus {
    background: var(--background);
    outline: 0;
    color: var(--color);
    box-shadow: none;
}

.form-select:focus::-ms-value {
    color: var(--color);
    background-color: var(--white);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    height: auto;
    padding-inline-end: 0.75rem;
    background-image: none;
}

.form-select:disabled {
    color: var(--gray-bg-color);
    background-color: #e4e6f9;
}

.form-select::-ms-expand {
    opacity: 0;
}

.form-select-sm {
    height: calc(1.8125rem + 2px);
    padding-block-start: 0.5rem;
    padding-block-end: 0.5rem;
    font-size: 75%;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-inline-start: 0.5em;
    display: inline-block;
    width: auto;
    height: calc(1.8125rem + 2px);
}

.dataTables_filter .form-control {
    background: var(--white);
}

.form-select-lg {
    height: calc(2.6875rem + 2px);
    padding-block-start: 0.5rem;
    padding-block-end: 0.5rem;
    font-size: 125%;
}

.form-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 2.375rem;
    margin-block-end: 0;
}

.form-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.375rem;
    margin: 0;
    opacity: 0;
}

.form-file-input:focus~.form-file-label {
    box-shadow: none;
}

.form-file-input:lang(en)~.form-file-label::after {
    content: "Browse";
}

.form-file-label {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    z-index: 1;
    height: 2.375rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #6c6a8d;
    background-color: var(--white);
    border: 1px solid #e4e6f9;
    border-radius: 3px;
}

.form-file-label::after {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    z-index: 3;
    display: block;
    height: calc(2.375rem - 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: var(--white);
    content: "Browse";
    border-radius: 0 3px 3px 0;
}

.form-range {
    width: 100%;
    padding-inline-start: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 2.375rem;
    overflow: hidden;
    padding: 0;
    border: 0;
}

.form-range:focus {
    outline: none;
    box-shadow: none;
}

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

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-block-start: -0.25rem;
    border: 0;
    border-radius: 1rem;
    -webkit-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: var(--white);
    box-shadow: 1px 0 0 -6px rgba(0, 50, 126, 0.12), 6px 0 0 -6px rgba(0, 50, 126, 0.12), 7px 0 0 -6px rgba(0, 50, 126, 0.12), 8px 0 0 -6px rgba(0, 50, 126, 0.12), 9px 0 0 -6px rgba(0, 50, 126, 0.12), 10px 0 0 -6px rgba(0, 50, 126, 0.12), 11px 0 0 -6px rgba(0, 50, 126, 0.12), 12px 0 0 -6px rgba(0, 50, 126, 0.12), 13px 0 0 -6px rgba(0, 50, 126, 0.12), 14px 0 0 -6px rgba(0, 50, 126, 0.12), 15px 0 0 -6px rgba(0, 50, 126, 0.12), 16px 0 0 -6px rgba(0, 50, 126, 0.12), 17px 0 0 -6px rgba(0, 50, 126, 0.12), 18px 0 0 -6px rgba(0, 50, 126, 0.12), 19px 0 0 -6px rgba(0, 50, 126, 0.12), 20px 0 0 -6px rgba(0, 50, 126, 0.12), 21px 0 0 -6px rgba(0, 50, 126, 0.12), 22px 0 0 -6px rgba(0, 50, 126, 0.12), 23px 0 0 -6px rgba(0, 50, 126, 0.12), 24px 0 0 -6px rgba(0, 50, 126, 0.12), 25px 0 0 -6px rgba(0, 50, 126, 0.12), 26px 0 0 -6px rgba(0, 50, 126, 0.12), 27px 0 0 -6px rgba(0, 50, 126, 0.12), 28px 0 0 -6px rgba(0, 50, 126, 0.12), 29px 0 0 -6px rgba(0, 50, 126, 0.12), 30px 0 0 -6px rgba(0, 50, 126, 0.12), 31px 0 0 -6px rgba(0, 50, 126, 0.12), 32px 0 0 -6px rgba(0, 50, 126, 0.12), 33px 0 0 -6px rgba(0, 50, 126, 0.12), 34px 0 0 -6px rgba(0, 50, 126, 0.12), 35px 0 0 -6px rgba(0, 50, 126, 0.12), 36px 0 0 -6px rgba(0, 50, 126, 0.12), 37px 0 0 -6px rgba(0, 50, 126, 0.12), 38px 0 0 -6px rgba(0, 50, 126, 0.12), 39px 0 0 -6px rgba(0, 50, 126, 0.12), 40px 0 0 -6px rgba(0, 50, 126, 0.12), 41px 0 0 -6px rgba(0, 50, 126, 0.12), 42px 0 0 -6px rgba(0, 50, 126, 0.12), 43px 0 0 -6px rgba(0, 50, 126, 0.12), 44px 0 0 -6px rgba(0, 50, 126, 0.12), 45px 0 0 -6px rgba(0, 50, 126, 0.12), 46px 0 0 -6px rgba(0, 50, 126, 0.12), 47px 0 0 -6px rgba(0, 50, 126, 0.12), 48px 0 0 -6px rgba(0, 50, 126, 0.12), 49px 0 0 -6px rgba(0, 50, 126, 0.12), 50px 0 0 -6px rgba(0, 50, 126, 0.12), 51px 0 0 -6px rgba(0, 50, 126, 0.12), 52px 0 0 -6px rgba(0, 50, 126, 0.12), 53px 0 0 -6px rgba(0, 50, 126, 0.12), 54px 0 0 -6px rgba(0, 50, 126, 0.12), 55px 0 0 -6px rgba(0, 50, 126, 0.12), 56px 0 0 -6px rgba(0, 50, 126, 0.12), 57px 0 0 -6px rgba(0, 50, 126, 0.12), 58px 0 0 -6px rgba(0, 50, 126, 0.12), 59px 0 0 -6px rgba(0, 50, 126, 0.12), 60px 0 0 -6px rgba(0, 50, 126, 0.12), 61px 0 0 -6px rgba(0, 50, 126, 0.12), 62px 0 0 -6px rgba(0, 50, 126, 0.12), 63px 0 0 -6px rgba(0, 50, 126, 0.12), 64px 0 0 -6px rgba(0, 50, 126, 0.12), 65px 0 0 -6px rgba(0, 50, 126, 0.12), 66px 0 0 -6px rgba(0, 50, 126, 0.12), 67px 0 0 -6px rgba(0, 50, 126, 0.12), 68px 0 0 -6px rgba(0, 50, 126, 0.12), 69px 0 0 -6px rgba(0, 50, 126, 0.12), 70px 0 0 -6px rgba(0, 50, 126, 0.12), 71px 0 0 -6px rgba(0, 50, 126, 0.12), 72px 0 0 -6px rgba(0, 50, 126, 0.12), 73px 0 0 -6px rgba(0, 50, 126, 0.12), 74px 0 0 -6px rgba(0, 50, 126, 0.12), 75px 0 0 -6px rgba(0, 50, 126, 0.12), 76px 0 0 -6px rgba(0, 50, 126, 0.12), 77px 0 0 -6px rgba(0, 50, 126, 0.12), 78px 0 0 -6px rgba(0, 50, 126, 0.12), 79px 0 0 -6px rgba(0, 50, 126, 0.12), 80px 0 0 -6px rgba(0, 50, 126, 0.12), 81px 0 0 -6px rgba(0, 50, 126, 0.12), 82px 0 0 -6px rgba(0, 50, 126, 0.12), 83px 0 0 -6px rgba(0, 50, 126, 0.12), 84px 0 0 -6px rgba(0, 50, 126, 0.12), 85px 0 0 -6px rgba(0, 50, 126, 0.12), 86px 0 0 -6px rgba(0, 50, 126, 0.12), 87px 0 0 -6px rgba(0, 50, 126, 0.12), 88px 0 0 -6px rgba(0, 50, 126, 0.12), 89px 0 0 -6px rgba(0, 50, 126, 0.12), 90px 0 0 -6px rgba(0, 50, 126, 0.12), 91px 0 0 -6px rgba(0, 50, 126, 0.12), 92px 0 0 -6px rgba(0, 50, 126, 0.12), 93px 0 0 -6px rgba(0, 50, 126, 0.12), 94px 0 0 -6px rgba(0, 50, 126, 0.12), 95px 0 0 -6px rgba(0, 50, 126, 0.12), 96px 0 0 -6px rgba(0, 50, 126, 0.12), 97px 0 0 -6px rgba(0, 50, 126, 0.12), 98px 0 0 -6px rgba(0, 50, 126, 0.12), 99px 0 0 -6px rgba(0, 50, 126, 0.12), 100px 0 0 -6px rgba(0, 50, 126, 0.12), 101px 0 0 -6px rgba(0, 50, 126, 0.12), 102px 0 0 -6px rgba(0, 50, 126, 0.12), 103px 0 0 -6px rgba(0, 50, 126, 0.12), 104px 0 0 -6px rgba(0, 50, 126, 0.12), 105px 0 0 -6px rgba(0, 50, 126, 0.12), 106px 0 0 -6px rgba(0, 50, 126, 0.12), 107px 0 0 -6px rgba(0, 50, 126, 0.12), 108px 0 0 -6px rgba(0, 50, 126, 0.12), 109px 0 0 -6px rgba(0, 50, 126, 0.12), 110px 0 0 -6px rgba(0, 50, 126, 0.12), 111px 0 0 -6px rgba(0, 50, 126, 0.12), 112px 0 0 -6px rgba(0, 50, 126, 0.12), 113px 0 0 -6px rgba(0, 50, 126, 0.12), 114px 0 0 -6px rgba(0, 50, 126, 0.12), 115px 0 0 -6px rgba(0, 50, 126, 0.12), 116px 0 0 -6px rgba(0, 50, 126, 0.12), 117px 0 0 -6px rgba(0, 50, 126, 0.12), 118px 0 0 -6px rgba(0, 50, 126, 0.12), 119px 0 0 -6px rgba(0, 50, 126, 0.12), 120px 0 0 -6px rgba(0, 50, 126, 0.12), 121px 0 0 -6px rgba(0, 50, 126, 0.12), 122px 0 0 -6px rgba(0, 50, 126, 0.12), 123px 0 0 -6px rgba(0, 50, 126, 0.12), 124px 0 0 -6px rgba(0, 50, 126, 0.12), 125px 0 0 -6px rgba(0, 50, 126, 0.12), 126px 0 0 -6px rgba(0, 50, 126, 0.12), 127px 0 0 -6px rgba(0, 50, 126, 0.12), 128px 0 0 -6px rgba(0, 50, 126, 0.12), 129px 0 0 -6px rgba(0, 50, 126, 0.12), 130px 0 0 -6px rgba(0, 50, 126, 0.12), 131px 0 0 -6px rgba(0, 50, 126, 0.12), 132px 0 0 -6px rgba(0, 50, 126, 0.12), 133px 0 0 -6px rgba(0, 50, 126, 0.12), 134px 0 0 -6px rgba(0, 50, 126, 0.12), 135px 0 0 -6px rgba(0, 50, 126, 0.12), 136px 0 0 -6px rgba(0, 50, 126, 0.12), 137px 0 0 -6px rgba(0, 50, 126, 0.12), 138px 0 0 -6px rgba(0, 50, 126, 0.12), 139px 0 0 -6px rgba(0, 50, 126, 0.12), 140px 0 0 -6px rgba(0, 50, 126, 0.12), 141px 0 0 -6px rgba(0, 50, 126, 0.12), 142px 0 0 -6px rgba(0, 50, 126, 0.12), 143px 0 0 -6px rgba(0, 50, 126, 0.12), 144px 0 0 -6px rgba(0, 50, 126, 0.12), 145px 0 0 -6px rgba(0, 50, 126, 0.12), 146px 0 0 -6px rgba(0, 50, 126, 0.12), 147px 0 0 -6px rgba(0, 50, 126, 0.12), 148px 0 0 -6px rgba(0, 50, 126, 0.12), 149px 0 0 -6px rgba(0, 50, 126, 0.12), 150px 0 0 -6px rgba(0, 50, 126, 0.12), 151px 0 0 -6px rgba(0, 50, 126, 0.12), 152px 0 0 -6px rgba(0, 50, 126, 0.12), 153px 0 0 -6px rgba(0, 50, 126, 0.12), 154px 0 0 -6px rgba(0, 50, 126, 0.12), 155px 0 0 -6px rgba(0, 50, 126, 0.12), 156px 0 0 -6px rgba(0, 50, 126, 0.12), 157px 0 0 -6px rgba(0, 50, 126, 0.12), 158px 0 0 -6px rgba(0, 50, 126, 0.12), 159px 0 0 -6px rgba(0, 50, 126, 0.12), 160px 0 0 -6px rgba(0, 50, 126, 0.12), 161px 0 0 -6px rgba(0, 50, 126, 0.12), 162px 0 0 -6px rgba(0, 50, 126, 0.12), 163px 0 0 -6px rgba(0, 50, 126, 0.12), 164px 0 0 -6px rgba(0, 50, 126, 0.12), 165px 0 0 -6px rgba(0, 50, 126, 0.12), 166px 0 0 -6px rgba(0, 50, 126, 0.12), 167px 0 0 -6px rgba(0, 50, 126, 0.12), 168px 0 0 -6px rgba(0, 50, 126, 0.12), 169px 0 0 -6px rgba(0, 50, 126, 0.12), 170px 0 0 -6px rgba(0, 50, 126, 0.12), 171px 0 0 -6px rgba(0, 50, 126, 0.12), 172px 0 0 -6px rgba(0, 50, 126, 0.12), 173px 0 0 -6px rgba(0, 50, 126, 0.12), 174px 0 0 -6px rgba(0, 50, 126, 0.12), 175px 0 0 -6px rgba(0, 50, 126, 0.12), 176px 0 0 -6px rgba(0, 50, 126, 0.12), 177px 0 0 -6px rgba(0, 50, 126, 0.12), 178px 0 0 -6px rgba(0, 50, 126, 0.12), 179px 0 0 -6px rgba(0, 50, 126, 0.12), 180px 0 0 -6px rgba(0, 50, 126, 0.12), 181px 0 0 -6px rgba(0, 50, 126, 0.12), 182px 0 0 -6px rgba(0, 50, 126, 0.12), 183px 0 0 -6px rgba(0, 50, 126, 0.12), 184px 0 0 -6px rgba(0, 50, 126, 0.12), 185px 0 0 -6px rgba(0, 50, 126, 0.12), 186px 0 0 -6px rgba(0, 50, 126, 0.12), 187px 0 0 -6px rgba(0, 50, 126, 0.12), 188px 0 0 -6px rgba(0, 50, 126, 0.12), 189px 0 0 -6px rgba(0, 50, 126, 0.12), 190px 0 0 -6px rgba(0, 50, 126, 0.12), 191px 0 0 -6px rgba(0, 50, 126, 0.12), 192px 0 0 -6px rgba(0, 50, 126, 0.12), 193px 0 0 -6px rgba(0, 50, 126, 0.12), 194px 0 0 -6px rgba(0, 50, 126, 0.12), 195px 0 0 -6px rgba(0, 50, 126, 0.12), 196px 0 0 -6px rgba(0, 50, 126, 0.12), 197px 0 0 -6px rgba(0, 50, 126, 0.12), 198px 0 0 -6px rgba(0, 50, 126, 0.12), 199px 0 0 -6px rgba(0, 50, 126, 0.12), 200px 0 0 -6px rgba(0, 50, 126, 0.12), 201px 0 0 -6px rgba(0, 50, 126, 0.12), 202px 0 0 -6px rgba(0, 50, 126, 0.12), 203px 0 0 -6px rgba(0, 50, 126, 0.12), 204px 0 0 -6px rgba(0, 50, 126, 0.12), 205px 0 0 -6px rgba(0, 50, 126, 0.12), 206px 0 0 -6px rgba(0, 50, 126, 0.12), 207px 0 0 -6px rgba(0, 50, 126, 0.12), 208px 0 0 -6px rgba(0, 50, 126, 0.12), 209px 0 0 -6px rgba(0, 50, 126, 0.12), 210px 0 0 -6px rgba(0, 50, 126, 0.12), 211px 0 0 -6px rgba(0, 50, 126, 0.12), 212px 0 0 -6px rgba(0, 50, 126, 0.12), 213px 0 0 -6px rgba(0, 50, 126, 0.12), 214px 0 0 -6px rgba(0, 50, 126, 0.12), 215px 0 0 -6px rgba(0, 50, 126, 0.12), 216px 0 0 -6px rgba(0, 50, 126, 0.12), 217px 0 0 -6px rgba(0, 50, 126, 0.12), 218px 0 0 -6px rgba(0, 50, 126, 0.12), 219px 0 0 -6px rgba(0, 50, 126, 0.12), 220px 0 0 -6px rgba(0, 50, 126, 0.12), 221px 0 0 -6px rgba(0, 50, 126, 0.12), 222px 0 0 -6px rgba(0, 50, 126, 0.12), 223px 0 0 -6px rgba(0, 50, 126, 0.12), 224px 0 0 -6px rgba(0, 50, 126, 0.12), 225px 0 0 -6px rgba(0, 50, 126, 0.12), 226px 0 0 -6px rgba(0, 50, 126, 0.12), 227px 0 0 -6px rgba(0, 50, 126, 0.12), 228px 0 0 -6px rgba(0, 50, 126, 0.12), 229px 0 0 -6px rgba(0, 50, 126, 0.12), 230px 0 0 -6px rgba(0, 50, 126, 0.12), 231px 0 0 -6px rgba(0, 50, 126, 0.12), 232px 0 0 -6px rgba(0, 50, 126, 0.12), 233px 0 0 -6px rgba(0, 50, 126, 0.12), 234px 0 0 -6px rgba(0, 50, 126, 0.12), 235px 0 0 -6px rgba(0, 50, 126, 0.12), 236px 0 0 -6px rgba(0, 50, 126, 0.12), 237px 0 0 -6px rgba(0, 50, 126, 0.12), 238px 0 0 -6px rgba(0, 50, 126, 0.12), 239px 0 0 -6px rgba(0, 50, 126, 0.12), 240px 0 0 -6px rgba(0, 50, 126, 0.12);
    transition: 0.3s border-color, 0.3s background-color;
    width: 14px;
    height: 14px;
    border-radius: 50px;
}

.form-range::-webkit-slider-thumb:focus {
    outline: none;
    box-shadow: 0 0 0 1px #e4e6f9, 0 0 0 2px rgba(242, 242, 242, 0.25);
}

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

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e4e6f9;
    border-color: transparent;
    border-radius: 1rem;
    background: var(--blue-bg-color);
    content: "";
    pointer-events: none;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 1rem;
    -moz-appearance: none;
    appearance: none;
    background: var(--white);
    border-radius: 50px;
    position: relative;
    transition: 0.3s border-color, 0.3s background-color;
}

.form-range::-moz-range-thumb:focus {
    outline: none;
    box-shadow: 0 0 0 1px #e4e6f9, 0 0 0 2px rgba(242, 242, 242, 0.25);
}

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

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e4e6f9;
    border-color: transparent;
    border-radius: 1rem;
    background: rgba(0, 50, 126, 0.12);
}

.form-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 1rem;
    appearance: none;
    background: var(--white);
    border: 1px solid rgba(0, 30, 75, 0.12);
    transition: 0.3s border-color, 0.3s background-color;
}

.form-range::-ms-thumb:focus {
    outline: none;
    box-shadow: 0 0 0 1px #e4e6f9, 0 0 0 2px rgba(242, 242, 242, 0.25);
}

.form-range::-ms-thumb:active {
    background-color: #d4e1f4;
}

.form-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
    background: transparent;
    border: 0;
    border-radius: 0;
    margin-block-start: 10px;
}

.form-range::-ms-fill-lower {
    background-color: #e4e6f9;
    border-radius: 1rem;
    background: var(--blue-bg-color);
}

.form-range::-ms-fill-upper {
    margin-inline-end: 15px;
    background-color: #e4e6f9;
    border-radius: 1rem;
    background: rgba(0, 50, 126, 0.12);
}

.custom-controls-stacked .custom-control {
    margin-block-end: 0.25rem;
}

.custom-control-label:before {
    border: 1px solid #e4e6f9;
    background-color: #e9eaf3;
    background-size: 0.5rem;
}

.custom-control-description {
    line-height: 1.5rem;
}

.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb,
.form-range:focus::-ms-thumb {
    border-color: var(--blue-bg-color);
    background-color: var(--blue-bg-color);
}

.form-range::-moz-range-progress {
    height: 2px;
    background: var(--blue-bg-color);
    border: 0;
    margin-block-start: 0;
}

.form-range::-ms-tooltip {
    display: none;
}

.form-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

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

.form-switches-stacked {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.form-switches-stacked .form-switch {
    margin-block-end: 0.5rem;
}

.form-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: #e4e6f9;
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid #e4e6f9;
    transition: 0.3s border-color, 0.3s background-color;
}

.form-switch-indicator:before {
    content: "";
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    inset-block-start: 1px;
    inset-block-start: 1px;
    background: var(--white);
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: 0 1px 2px 0 var(--black-4);
}

.form-switch-input:checked~.form-switch-indicator:before {
    left: calc(1rem + 1px);
}

.form-switch-input:focus~.form-switch-indicator {
    box-shadow: 0 0 0 2px rgba(242, 242, 242, 0.25);
    border-color: var(--blue-bg-color);
}

.form-switch-description {
    margin-inline-start: 0.5rem;
    color: #6c6a8d;
    transition: 0.3s color;
}

.form-switch-input:checked~.form-switch-description {
    color: #495057;
}

.custompage {
    position: relative;
    height: 100vh;
}

.custompage .custom-content {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.custom-content {
    max-width: 650px;
    width: 100%;
    line-height: 1.4;
    padding: 50px 50px;
    /*background-image: url('../images/white-waves.png');
   background-repeat: no-repeat;
   background-size:cover;*/
    background: var(--white);
    text-align: center;
    border-radius: 12px;
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin-inline-start: 2px;
    margin-block-start: 3px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
    background-color: var(--white);
    border: 1px solid var(--border) !important;
}

.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;
}

.custom-control-label::before {
    position: absolute;
    inset-block-start: 0.25rem;
    inset-inline-start: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: var(--white);
    border: var(--form-border) solid 1px;
}

.custom-control-label::after {
    position: absolute;
    inset-block-start: 0.25rem;
    inset-inline-start: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-inline-start: 1.5rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-label {
    position: relative;
    margin-block-end: 0;
    vertical-align: top;
}

.custom-control-label-md::before,
.custom-control-label-md::after {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.custom-control-label-lg::before,
.custom-control-label-lg::after {
    width: 2rem !important;
    height: 2rem !important;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-inline-start: 1.5rem;
}

.custom-control-label {
    position: relative;
    margin-block-end: 0;
    vertical-align: top;
}

.custom-control-label-md {
    padding: 3px 10px;
}

.custom-control-label-lg {
    padding: 7px 20px;
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: var(--primary-bg-color) !important;
    opacity: 0.5;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: var(--primary-bg-color) !important;
    opacity: 0.5;
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: var(--gray-400) !important;
}

.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-control-input:checked~.custom-control-label::before {
    color: var(--white);
    border-color: var(--primary-bg-color);
    background-color: var(--primary-bg-color);
}

.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;
}

.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-square {
    border-radius: 0px !important;
}

.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: var(--background);
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    cursor: pointer;
    transition: 0.3s border-color, 0.3s background-color;
}

.custom-switch-input:checked~.custom-switch-indicator:before {
    inset-inline-start: calc(1rem + 2px) !important;
}

.custom-square:before {
    border-radius: 0px !important;
}

.custom-switch-indicator:before {
    content: "";
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    inset-block-start: 1px;
    inset-inline-start: 1px;
    background: var(--white);
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: 0 1px 2px 0 var(--box-shadow-color);
}

.custom-switch-indicator-xl {
    display: inline-block;
    height: 2rem !important;
    width: 4rem !important;
    background: var(--background);
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid var(--border);
    transition: 0.3s border-color, 0.3s background-color;
}

.custom-switch-indicator-xl:before {
    content: "";
    position: absolute;
    height: calc(2rem - 4px) !important;
    width: calc(2rem - 4px) !important;
    inset-block-start: 1px;
    inset-inline-start: 1px;
    background: var(--white);
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: 0 1px 2px 0 var(--box-shadow-color);
}

.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: var(--background);
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    cursor: pointer;
    transition: 0.3s border-color, 0.3s background-color;
}

.custom-switch-indicator:before {
    content: "";
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    inset-block-start: 1px;
    inset-inline-start: 1px;
    background: var(--white);
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: 0 1px 2px 0 var(--box-shadow-color);
}

.custom-switch-input:checked~.custom-switch-indicator-xl:before {
    inset-inline-start: calc(1.96rem + 1px) !important;
}

.custom-switch-indicator-lg {
    display: inline-block;
    height: 1.5rem !important;
    width: 3rem !important;
    background: var(--background);
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid var(--border);
    transition: 0.3s border-color, 0.3s background-color;
}

.custom-switch-indicator-lg:before {
    content: "";
    position: absolute;
    height: calc(1.5rem - 4px) !important;
    width: calc(1.5rem - 4px) !important;
    inset-block-start: 1px;
    inset-inline-start: 1px;
    background: var(--white);
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: 0 1px 2px 0 var(--box-shadow-color);
}

.custom-switch-input:checked~.custom-switch-indicator-lg:before {
    inset-inline-start: calc(1.46rem + 1px) !important;
}

.custom-control-input:focus {
    box-shadow: none;
    outline: none;
}

.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;
}

.ckbox span:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--white);
    border: 1px solid var(--border);
    inset-block-start: 4px;
    inset-inline-start: 0;
    border-radius: 3px;
}

.ckbox span:before,
.ckbox span:after {
    line-height: 18px;
    position: absolute;
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin-inline-start: 2px;
    margin-block-start: 4px;
}

.ckbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 1.1;
}

.ckbox input[type=checkbox]:checked+span:after {
    display: block;
}

.ckbox span:after {
    inset-block-start: 4px;
    inset-inline-start: 0;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%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");
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: 55% 45%;
    background-color: var(--primary-bg-color);
    line-height: 17px;
    display: none;
    border-radius: 3px;
}

.ckbox span {
    padding-inline-start: 15px;
}

.rdiobox input[type=radio]:checked+span:before {
    border-color: transparent;
    background-color: var(--primary-bg-color);
}

.rdiobox span:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--white);
    border: 1px solid var(--form-border);
    border-radius: 50px;
    inset-block-start: 3px;
    inset-inline-start: 0;
}

.rdiobox span:before,
.rdiobox span:after {
    line-height: 18px;
    position: absolute;
}

.rdiobox input[type=radio]:checked+span:after {
    display: block;
}

.rdiobox span:after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--fixed-white);
    border-radius: 50px;
    inset-block-start: 8px;
    inset-inline-start: 5px;
    display: none;
}

.rdiobox span:before,
.rdiobox span:after {
    line-height: 18px;
    position: absolute;
}

.rdiobox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 24px;
}

.rdiobox span {
    padding-inline-start: 15px;
}

.main-toggle-group-demo {
    display: flex;
    flex-wrap: wrap;
}

.main-toggle {
    width: 60px;
    height: 25px;
    background-color: var(--gray-500);
    padding: 2px;
    position: relative;
    overflow: hidden;
    margin-inline-end: 5px;
    margin-block-start: 2px;
    margin-block-end: 2px;
}

.main-toggle span {
    position: absolute;
    inset-block-start: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    display: block;
    width: 20px;
    background-color: var(--white);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.main-toggle span::before {
    content: "on";
    inset-inline-start: -25px;
}

.main-toggle span::before,
.main-toggle span::after {
    position: absolute;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--white);
    inset-block-start: 2px;
    line-height: 1.38;
}

.main-toggle span::after {
    content: "off";
    inset-inline-end: -25px;
}

.main-toggle span::before,
.main-toggle span::after {
    position: absolute;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--fixed-white);
    inset-block-start: 2px;
    line-height: 1.38;
}

.main-toggle.on {
    background-color: var(--primary-bg-color) !important;
}

.main-toggle-success.on {
    background-color: var(--secondary-bg-color) !important;
}

.main-toggle-dark.on {
    background-color: var(--fixed-black) !important;
}

.main-toggle span {
    position: absolute;
    inset-block-start: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    display: block;
    width: 20px;
    background-color: var(--fixed-white);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.main-toggle.on span {
    inset-inline-start: 37px;
}

.form-select:focus {
    border-color: var(--border);
}

.socailicons {
    color: var(--white);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.socailicons .fa {
    font-size: 53px;
    text-align: right;
    position: absolute;
    inset-block-start: 44px;
    inset-inline-end: 38px;
    outline: none;
}

.socailicons a {
    text-decoration: none;
}

#spinner {
    position: fixed;
    z-index: 50000;
    background: url(../../assets/images/loader.svg) no-repeat 50% 50% rgb(255, 255, 255);
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    margin: 0 auto;
}

@media (max-width: 786px) {
    .page-header {
        display: block !important;
        padding-block-start: 2px;
    }
}

.note-editor.note-frame {
    border-radius: 3px;
    border: 1px solid var(--border);
}

.note-toolbar {
    position: relative !important;
}

.commentsblock {
    background: #f0f0f5;
    border: 1px solid var(--border) !important;
}

.memberblock {
    width: 100%;
    float: var(--float-start);
    clear: both;
    margin-block-end: 15px;
}

.member {
    width: 100%;
    float: var(--float-start);
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 3px;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}

.memmbername {
    inset-block-end: -30px;
    background: rgba(0, 0, 0, 0.9);
    color: var(--fixed-white);
    line-height: 30px;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    width: 100%;
    font-size: 11px;
}

.member:hover .memmbername {
    inset-block-end: 0;
}

.member img {
    width: 100%;
}

.flag-sm {
    font-size: 0.875rem;
    width: 30px;
    height: 22px;
}

[data-tab-group] {
    display: none;
}

[data-tab-group].active {
    display: block;
}

@media (max-width: 480px) {
    .calendar-header th {
        padding: 10px 5px !important;
        font-size: 8px !important;
    }

    .Crypto .nav-pills .nav-item .nav-link {
        margin: 3px;
    }

    .Crypto .tabs-style2 .nav-pills .nav-item:first-child {
        margin-inline-end: 0;
    }

    .tabs-style2 .nav-tabs .nav-item+.nav-item {
        margin-inline-start: 0;
    }

    .tabs-style2 .nav-tabs .nav-item {
        margin-block: 8px;
    }
}

.Crypto .nav-pills .nav-item:first-child {
    margin-inline-end: 5px;
}

.custom-switch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding-inline-start: 0;
}

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

.custom-switches-stacked {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.custom-switches-stacked .custom-switch {
    margin-block-end: 0.5rem;
}

.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: var(--background);
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid var(--border);
    transition: 0.3s border-color, 0.3s background-color;
}

.custom-switch-indicator:before {
    content: "";
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    inset-block-start: 1px;
    inset-inline-start: 1px;
    background: var(--white);
    border-radius: 50%;
    transition: 0.3s left;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: var(--primary-bg-color);
}

.custom-switch-input:checked~.custom-switch-indicator:before {
    inset-inline-start: calc(1rem + 1px);
}

.custom-switch-input:focus~.custom-switch-indicator {
    border-color: var(--primary-bg-color);
}

.custom-switch-description {
    margin-inline-start: 0.5rem;
    color: var(--color);
    transition: 0.3s color;
}

.custom-switch-input:checked~.custom-switch-description {
    color: var(--color);
}

.terms ul {
    padding: 0;
    list-style: none;
}

@media (max-width: 568px) {

    .fc-toolbar .fc-left,
    .fc-toolbar .fc-right {
        float: none;
        display: block !important;
        width: 100%;
        margin-block-end: 0.5rem;
        text-align: center;
    }

    .fc-icon,
    .fc-toolbar .fc-center {
        float: none;
        display: block !important;
        width: 100%;
        margin-block-end: 0.5rem;
        text-align: center;
    }

    .single-page {
        border-radius: 0;
    }

    .construction-bg:before {
        border-radius: 0 !important;
    }

    .auth-page .card-sigin #count-down {
        display: inline-block;
    }

    .auth-page #count-down .clock-presenter {
        float: none !important;
        margin-block-end: 45px;
        margin-inline-end: auto;
        margin-inline-start: auto;
    }
}

@media (max-width: 992px) {
    .follower .float-end {
        float: none !important;
        text-align: center;
    }

    .single-page {
        margin: 0;
        width: 100%;
        display: block;
    }

    .single-page .wrapper.wrapper2 {
        position: relative;
        height: auto;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        inset-block-start: 0;
        inset-inline-start: 0;
    }

    .single-page>.wrapper3 {
        width: 100%;
        padding-block-start: 0;
        padding-block-end: 3rem;
        margin-block-start: 0 !important;
    }

    .single-page>.log-wrapper {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .splits {
        width: 50%;
        background: var(--white);
        float: var(--float-start);
    }

    .splits button {
        width: 100%;
        border-radius: 0;
        background: #505050;
        border: 0;
        opacity: 0.7;
    }

    .splits button.active {
        opacity: 1;
        opacity: 1;
        background: #ff4931;
    }

    .splits.rgstr-btn button.active {
        background: #e0b722;
    }

    .splits p {
        display: none;
    }

    .single-page>.wrapper.move {
        inset-inline-start: 0%;
    }
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: inset 0 0 0 50px var(--white);
}

.mt-6,
.my-6 {
    margin-block-start: 4rem !important;
}

.sparkline.sparkline2 canvas {
    width: auto !important;
}

.sparkline canvas {
    width: 100% !important;
    position: relative;
    inset-block-end: -2px;
}

@media (min-width: 481px) and (max-width: 767px) {
    .sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
        position: initial !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .sparklinebar .sparkline_bar canvas {
        height: 116px !important;
        position: relative;
        width: 150px;
    }
}

@media (max-width: 575.98px) {
    .product-details img {
        width: 100%;
    }

    .section .section-header {
        margin-block-end: 20px !important;
    }

    .section .section-header .float-end {
        display: inline-block;
        width: 100%;
        margin-block-start: 15px;
    }

    .navbar .nav-link.nav-link-lg div {
        display: none;
    }

    .responsive-navbar .header-fullscreen {
        display: none;
    }

    .dropdown-list-toggle {
        position: static;
        display: none;
    }

    .main-navbar .header-brand {
        min-width: 130px !important;
    }

    .dropdown-list-toggle .dropdown-list {
        inset-inline-start: 10px !important;
        width: calc(100% - 20px);
    }

    .user-progress .media,
    .user-details .media {
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .user-progress .media img,
    .user-details .media img {
        margin: 0 !important;
        margin-block-end: 10px !important;
    }

    .user-progress .media .media-body,
    .user-details .media .media-body {
        width: 100%;
    }

    .user-progress .media .media-items,
    .user-details .media .media-items {
        margin: 20px 0;
        width: 100%;
    }

    .user-progress .media .media-progressbar {
        margin-block-start: 10px;
    }

    .user-progress .media .media-cta {
        margin-block-start: 20px;
        margin-inline-start: 0;
    }

    .fc-overflow {
        width: 100%;
        overflow: auto;
    }

    .fc-overflow #myEvent {
        width: 800px;
    }

    .ionicons li {
        width: 25%;
    }

    .dropzone .dz-message {
        margin: 2em;
    }
}

@media (max-width: 480px) {
    .apexcharts-xaxis-texts-g text {
        font-size: 8px;
    }

    .ct-label {
        font-size: 8px !important;
    }

    .product-details img {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .countlist li {
        padding: 0px 25px 0px 0;
    }

    .order {
        font-size: 10px;
    }

    .product-details img {
        width: 100%;
    }

    .pagination .page-link {
        padding: 5px 8px;
    }

    .pagination.pagination-sm .page-link {
        padding: 0.25rem 0.4rem;
    }
}

@media (max-width: 340px) {
    .countlist li {
        padding: 0px 14px 0px 0;
    }

    .apexcharts-xaxis-texts-g text {
        font-size: 0px;
    }

    .order {
        font-size: 13px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product-details img {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .main-footer,
    .sidenav-toggled .main-footer {
        padding-inline-start: 30px;
    }

    .product-details img {
        width: 100%;
    }

    .pagination.pagination-lg .page-link {
        padding: 0.6rem 0.9rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .product-details img {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .main-sidebar {
        position: fixed;
        z-index: 891;
    }

    .navbar {
        inset-inline-start: 0x;
        inset-inline-end: 0;
    }

    .navbar .dropdown-menu {
        position: absolute;
    }

    .navbar .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        inset-inline-end: 0;
        inset-inline-start: auto;
    }

    body.search-show {
        overflow: hidden;
    }

    body.search-show .navbar {
        z-index: 892;
    }

    body.sidebar-show {
        overflow: hidden;
    }

    body.search-show:before,
    body.sidebar-show:before {
        content: "";
        position: fixed;
        inset-inline-start: 0;
        inset-inline-end: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.6;
        z-index: 891;
    }

    .img-container.card-dragg {
        max-width: 100%;
    }
}

@media (max-width: 320px) {
    .docs-toggles .btn-group.d-flex {
        display: -webkit-box !important;
    }

    .search1 .main-nav-line .nav-link+.nav-link {
        margin-inline-start: 0;
        margin-block-end: 8px;
    }
}

#revenue-chart,
#line-chart,
#bar-chart,
#stacked,
#sales-chart {
    min-height: 250px;
}

.apexcharts-menu {
    background: var(--white) !important;
    border: 1px solid var(--border) !important;
}

.blog-img img {
    width: 100%;
}

.product-details {
    padding: 2rem;
    border: 1px solid var(--border);
}

.pro_detail {
    padding: 0.8rem;
    border: 1px solid var(--border);
}

.p-15 {
    padding: 15px !important;
}

.action-header {
    position: relative;
    background: #f0f0f5;
    padding: 15px 13px 15px 17px;
}

.ah-actions {
    z-index: 3;
    float: var(--float-end);
    margin-block-start: 7px;
    position: relative;
}

.actions {
    list-style: none;
    padding: 0;
    margin: 0;
}

.actions>li {
    display: inline-block;
}

.actions:not(.a-alt)>li>a>i {
    color: #8e9090;
}

.actions>li>a {
    display: block;
    padding: 0 10px;
}

.actions>li>a>i {
    font-size: 22px;
}

.ms-body {
    background: var(--white);
    border-radius: 7px;
}

#ms-menu-trigger {
    user-select: none;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    width: 50px;
    height: 100%;
    padding-inline-end: 10px;
    padding-block-start: 24px;
    cursor: pointer;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

#demo.showcase {
    width: 100%;
}

.showcase .content {
    width: 100%;
    height: 300px;
}

.showcase .content1 {
    width: 100%;
    height: 300px;
}

.content h2 {
    font-size: 200%;
    line-height: 130%;
}

.showcase .horizontal-images.content {
    height: 140px;
    width: 100%;
    max-width: 97%;
    padding: 5px 5px 0 5px;
}

.showcase .horizontal-images.content h2 {
    height: 300px;
    width: 100%;
}

.horizontal-images.content li img {
    height: 300px;
    width: 100%;
}

.showcase .horizontal-images.content h2 {
    color: var(--white);
    background-color: #eb3755;
    padding: 10px 20px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 165%;
}

.horizontal-images li img {
    width: auto;
    padding: 0;
    height: 200px;
}

.showcase .horizontal-images {
    width: 100%;
}

.horizontal-images ul,
.vertical-images .ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.horizontal-images ul {
    width: 3480px;
    overflow: hidden;
}

.horizontal-images li {
    margin: 0 3px;
    float: var(--float-start);
}

.count-timer {
    display: block;
    margin: 0 auto;
    font-size: 22px;
    color: var(--primary-bg-color);
    font-weight: 500;
}

@media (max-width: 320px) {
    .header .main-navbar .header-brand {
        margin-inline-start: 10px;
    }

    .header .navbar .nav-link {
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
    }

    .header .header-brand-img {
        width: 120px;
    }

    .profit h4 {
        font-size: 21px;
    }

    .profit p {
        font-size: 13px;
    }

    .server i.icon {
        width: 40px !important;
        height: 40px !important;
        font-size: 1rem !important;
        line-height: 38px !important;
    }

    .tile {
        padding: 0px !important;
    }
}

@media (max-width: 480px) {
    .header .main-navbar .header-brand {
        margin-inline-start: 20px;
    }

    .header .navbar .nav-link {
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
    }
}

@media (max-width: 1024px) {
    .horizontalMenu>.horizontalMenu-list>li>a .fa {
        margin-inline-end: 8px !important;
    }
}

@media (max-width: 1366px) {
    .horizontalMenu>.horizontalMenu-list>li>a .fa {
        margin-inline-end: 8px !important;
    }
}

@media (max-width: 360px) {
    .media-body {
        margin-inline-start: 10px !important;
    }

    .material-switch>label {
        width: 23px !important;
    }

    .tree li {
        font-size: 12px;
    }

    .btn-group.checkboxbtns .btn {
        padding: 0.3rem 0.3rem;
        font-size: 13px;
    }
}

@media (max-width: 495px) {
    .nested-media .media {
        display: block;
    }

    .nested-media .media-body {
        margin-block-start: 10px;
        margin-inline-start: 0px;
    }
}

.material-switch>input[type=checkbox] {
    display: none;
}

.material-switch>label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch>label::before {
    background: #f0f0f5;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    content: "";
    height: 16px;
    margin-block-start: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch>label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: "";
    height: 24px;
    inset-inline-start: -4px;
    margin-block-start: -8px;
    position: absolute;
    inset-block-start: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch>input[type=checkbox]:checked+label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch>input[type=checkbox]:checked+label::after {
    background: inherit;
    inset-inline-start: 20px;
}

div[data-acc-content] {
    display: none;
}

div[data-acc-step]:not(.open) {
    background: #f0f0f5;
}

div[data-acc-step]:not(.open) h5 {
    color: #68686b;
}

div[data-acc-step]:not(.open) .badge-primary {
    background: #ccc;
}

#form .list-group-item:hover {
    background: none;
}

.wave {
    position: absolute;
    inset-inline-end: 0px;
    width: 100%;
    height: 600px;
    margin-block-start: -430px;
    transform-origin: 50% 48%;
    border-radius: 0%;
    animation: drift 3000ms infinite linear;
    background: var(--primary-bg-color);
}

.wave.-three {
    animation: drift 5000ms infinite linear;
}

.wave.-two {
    animation: drift 7000ms infinite linear;
    opacity: 0.1;
    background: yellow;
}

.pulse {
    display: block;
    position: absolute;
    inset-block-start: 1.2rem;
    inset-inline-end: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--success-bg-color);
    cursor: pointer;
    box-shadow: 0 0 0 rgba(34, 232, 64, 0.9);
    animation: pulse 2s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 232, 64, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(34, 232, 64, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 232, 64, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 232, 64, 0.9);
        box-shadow: 0 0 0 0 rgba(34, 232, 64, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(34, 232, 64, 0);
        box-shadow: 0 0 0 10px rgba(34, 232, 64, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 232, 64, 0);
        box-shadow: 0 0 0 0 rgba(34, 232, 64, 0);
    }
}

.pulse1 {
    display: block;
    position: absolute;
    inset-block-start: 0.25rem;
    inset-inline-end: 0.4rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--success-bg-color);
    cursor: pointer;
    box-shadow: 0 0 0 rgba(34, 232, 64, 0.9);
    animation: pulse 2s infinite;
}

.pulse1:hover {
    animation: none;
}

@-webkit-keyframes pulse1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 232, 64, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(34, 232, 64, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 232, 64, 0);
    }
}

@keyframes pulse1 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 232, 64, 0.9);
        box-shadow: 0 0 0 0 rgba(34, 232, 64, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(34, 232, 64, 0);
        box-shadow: 0 0 0 10px rgba(34, 232, 64, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 232, 64, 0);
        box-shadow: 0 0 0 0 rgba(34, 232, 64, 0);
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 0.9;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 0.9;
    }

    100% {
        opacity: 0.9;
    }
}

@keyframes blink {
    0% {
        opacity: 0.9;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes ring {
    0% {
        -ms-transform: rotate(15deg);
    }

    50% {
        -ms-transform: rotate(-15deg);
    }

    100% {
        -ms-transform: rotate(15deg);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
    }

    100% {
        -moz-transform: rotate(15deg);
    }
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(15deg);
    }

    50% {
        -webkit-transform: rotate(-15deg);
    }

    100% {
        -webkit-transform: rotate(15deg);
    }
}

@keyframes ring {
    0% {
        transform: rotate(15deg);
    }

    50% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(15deg);
    }
}

.chartjs-render-monitor {
    -webkit-animation: chartjs-render-animation 0.001s;
    animation: chartjs-render-animation 0.001s;
}

.stamp {
    color: var(--white);
    background: #868e96;
    display: inline-block;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.25rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
}

.stamp-md {
    min-width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
}

.server i.icon {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
    line-height: 50px;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    position: relative;
}

#notfound {
    position: relative;
    height: 100vh;
}

#notfound .notfound {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 650px;
    width: 100%;
    line-height: 1.4;
    padding: 110px 40px;
    background: var(--white);
    text-align: center;
    border-radius: 7px;
    color: #575c5d;
}

.notfound h1 {
    font-size: 10rem;
}

.notfound h1 span {
    font-size: 6rem;
    font-weight: 500;
    line-height: 30px;
}

.notfound .notfound-404 {
    position: relative;
    height: 180px;
}

.notfound .notfound-404 h1 {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 165px;
    font-weight: 700;
    margin: 0px;
    color: #575c5d;
    text-transform: uppercase;
}

.notfound .notfound-404 h1>span {
    color: #00b7ff;
}

.notfound h1 {
    color: #444646;
}

.notfound h2 {
    font-size: 22px;
    font-weight: 400;
    color: #444646;
    margin-block-start: 0px;
    margin-block-end: 25px;
}

#amount {
    border: 0;
    color: #575c5d;
    font-weight: bold;
}

/*-----Back to Top-----*/
#back-to-top {
    background: linear-gradient(to bottom right, var(--primary-bg-color), var(--primary-bg-color));
    color: var(--fixed-white);
    position: fixed;
    inset-block-end: 90px;
    inset-inline-end: 20px;
    z-index: 99;
    display: none;
    text-align: center;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 2px;
    z-index: 10000;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
}

#back-to-top i {
    padding-block-start: 15px;
    font-size: 16px;
}

#back-to-top:hover {
    background: linear-gradient(to bottom right, var(--white), var(--white)) !important;
    color: var(--primary-bg-color);
    border: 2px solid var(--primary-bg-color);
}

.bootstrap-datetimepicker-widget table {
    border-collapse: collapse;
}

.ms-drop .form-group label {
    color: inherit;
}

#addClass {
    background: linear-gradient(to bottom right, var(--orange-bg-color), var(--orange-bg-color));
    color: var(--fixed-white);
    position: fixed;
    inset-block-end: 20px;
    inset-inline-end: 20px;
    z-index: 99;
    text-align: center;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 2px;
    z-index: 10000;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    text-decoration: none;
}

#addClass i {
    font-size: 16px;
    text-align: center;
    line-height: 3.2;
    text-decoration: none !important;
}

@media (max-width: 992px) {

    .header-1 .navbar-nav .dropdown-toggle::after,
    .header-2 .header-style-2.dropdown-toggle::after,
    .header-3 .navbar-nav .dropdown-toggle::after {
        display: none;
    }

    .header-2 .main-navbar .header-brand {
        margin-inline-start: 1rem;
    }

    .active .header .navbar {
        position: relative;
    }

    .active .page-header {
        padding-block-start: 0;
    }

    .navbar {
        position: fixed;
        background: linear-gradient(to bottom right, var(--primary-bg-color), #8483f5);
        box-shadow: 0 2px 17px 2px rgba(0, 0, 0, 0.2);
        z-index: 1003;
    }
}

#toast-container>div {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15) !important;
    padding: 20px 20px 20px 50px;
    opacity: 1;
}

#toast-container>.toast {
    background-image: none !important;
}

#toast-container>.toast:before {
    position: absolute;
    inset-inline-start: 17px;
    inset-block-start: 25px;
    font-family: "Ionicons";
    font-size: 24px;
    line-height: 18px;
    color: var(--white);
}

#toast-container>.toast-warning:before {
    content: "\f100";
}

#toast-container>.toast-error:before {
    content: "\f2d7";
}

#toast-container>.toast-info:before {
    content: "\f44c";
    color: var(--white);
}

#toast-container>.toast-success:before {
    content: "\f121";
}

.toast.toast-error {
    background-color: #ac243a;
}

.toast.toast-warning {
    background-color: #f6d30c;
}

.toast.toast-success {
    background-color: #00d02f;
}

.toast.toast-info {
    background-color: var(--white);
}

.toast.toast-info .toast-title {
    color: var(--white);
}

.toast.toast-info .toast-message {
    color: var(--white);
    margin-block-start: 5px;
}

.tile {
    padding: 20px;
    background: var(--white);
}

.main-wrapper .content-area {
    min-height: 75vh;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    outline: none !important;
}

.msb-reply textarea {
    outline: none;
}

.daterangepicker:after {
    border-block-end: 6px solid #fff !important;
}

.browse-file.form-control {
    background-color: transparent;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.btn-default {
    background: #f1f1f9;
    color: var(--color);
}

.countlist li h4 {
    margin-inline-end: 15px;
}

.knob:focus {
    outline: 0;
}

.select2-container:focus {
    outline: 0;
}

/*----------------------
     IE 11 styles
 ----------------------*/
*::-ms-backdrop,
.app-sidebar .side-menu li {
    display: block;
}

*::-ms-backdrop,
html.fullscreenie {
    width: 100%;
}

*::-ms-backdrop,
html.fullscreenie .app-content {
    overflow: scroll;
    overflow-x: hidden;
    height: 100vh;
}

*::-ms-backdrop,
html.fullscreenie .content-area {
    height: 100vh;
}

*::-ms-backdrop,
div.hopscotch-bubble {
    background-color: #f2f1f9;
}

*::-ms-backdrop,
.dark-theme div.hopscotch-bubble {
    background-color: #3c3b58;
}

*::-ms-backdrop,
.main-wrapper {
    height: 100%;
}

*::-ms-backdrop,
.horizontal-megamenu.clearfix .container {
    display: block;
}

*::-ms-backdrop,
.single-page {
    margin-block-start: 13rem;
}

*::-ms-backdrop,
.construction-bg {
    margin-block-start: 13rem;
}

*::-ms-backdrop,
.card.card-aside .card-aside-column {
    flex: auto !important;
}

*::-ms-backdrop,
.img-container .overlay p {
    margin-block-start: 55px;
}

*::-ms-backdrop,
.img-container .overlay {
    display: block !important;
}

a {
    text-decoration: none;
    background-color: transparent;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.icon {
    text-decoration: none;
    cursor: pointer;
}

.container-fluid {
    padding-inline: 1.5rem;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.sidebar-right .tabs-menu ul li .active {
    border-block-end: 3px solid var(--primary-bg-color);
}

.sidebar-right .tabs-menu ul {
    border-block-end: 1px solid var(--border);
}

.sidebar-right .tabs-menu ul li a {
    padding: 0.9375rem 1rem;
    display: block;
    margin-inline-end: 0;
}

.activity {
    position: relative;
    border-inline-start: 2px solid var(--border);
    margin-inline: 20px;
}

.activity .img-activity {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    position: absolute;
    inset-inline-start: -18px;
}

.activity .item-activity {
    margin-inline-start: 30px;
    margin-block-end: 20px;
}

.activity .item-activity p,
.activity .item-activity small {
    font-size: 13px;
}

.btn-close:focus {
    box-shadow: none;
}

.chart-circle {
    display: block;
    height: 6.5rem;
    width: 6.5rem;
    position: relative;
    margin: 0 auto;
}

.chart-circle-xs {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 0.8rem;
}

.chart-circle-sm {
    height: 3rem !important;
    width: 3rem !important;
    font-size: 0.5rem;
}

.chart-circle-lg {
    height: 10rem;
    width: 10rem;
    font-size: 0.8rem;
}

.chart-circle-value {
    position: absolute;
    inset-block-start: 0px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    margin-inline: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
}

.chart-circle-value small {
    display: block;
    color: #9aa0ac;
    font-size: 0.9375rem;
}

.file-manger-icon img {
    width: 70px;
    height: 70px;
}

.file-manger-icon i {
    font-size: 70px;
    margin: 0 auto;
    text-align: center;
}

.masonry .brick img {
    border-radius: 0.275rem;
}

.masonry .brick {
    width: auto;
    margin-block-end: 15px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: inherit;
}

.auth-page #count-down {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
}

.card-sigin {
    background: var(--white);
    padding: 50px;
    border-radius: 7px;
}

.error-fs {
    font-size: 8rem;
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}

.carousel.slide {
    margin: 0 10px;
}

ol,
ul,
dl {
    margin-block-start: 0;
    margin-block-end: 1rem;
}

.showmore-button {
    text-align: center;
}

.showmore-button-inner {
    display: inline-block;
    padding: 10px 19px;
    line-height: 14px;
    font-size: 14px;
    border-radius: 25px;
    text-decoration: none;
    cursor: pointer;
    margin-block-start: 20px;
}

.showmore-button1 {
    text-align: center;
}

.showmore-button1 .showmore-button1-inner {
    display: inline-block;
    line-height: 14px;
    font-size: 14px;
    color: #8c98b9;
    text-decoration: none;
    cursor: pointer;
    margin-block-start: 8px;
    margin-block-end: 20px;
}

@media (min-width: 992px) {
    .main-chat-list {
        height: calc(100vh - 22rem) !important;
    }

    .main-chat-body {
        height: calc(100vh - 26rem) !important;
    }

    .chat-main {
        height: calc(100vh - 17rem) !important;
    }

    table.dataTable {
        width: 100% !important;
    }
}

.main-content-body-profile .nav {
    flex-direction: column;
    padding-block-start: 20px;
    padding-inline-end: 20px;
    padding-block-end: 20px;
    padding-inline-start: 20px;
    border-block-end: 1px solid var(--border);
}

.main-content-body-profile .main-nav-line .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: var(--color);
}

.main-content-body-profile .main-nav-line .nav-link.active {
    font-weight: 500;
    color: var(--primary-bg-color);
}

.main-content-body-profile .main-nav-line .nav-link.active::before {
    background-color: var(--primary-bg-color);
}

@media (min-width: 576px) {
    .main-content-body-profile .nav {
        flex-direction: row;
        align-items: center;
        padding-block-end: 15px;
    }

    .main-content-body-profile .nav .main-nav-line .nav-link.active::before {
        inset-block-end: -11px;
    }

    .main-content-choose-demo .container {
        padding: 40px;
    }

    .main-content-choose-demo .title-text {
        margin-block-end: 40px;
    }

    .main-content-choose-demo .card {
        height: 155px;
    }

    .main-content-left-mail {
        width: 300px;
    }

    .main-content-left {
        width: 280px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .main-content-body-profile .main-nav-line .nav-link.active::before {
        width: auto;
        inset-block-start: auto;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 2px;
    }

    .main-content-body-profile .main-nav-line .nav-link+.nav-link {
        margin-block-start: 0;
        margin-inline-start: 20px;
    }
}

.main-content-body-profile .nav {
    padding-block-start: 20px;
    padding-inline-end: 20px;
    padding-block-end: 20px;
    padding-inline-start: 20px;
    border-block-end: 1px solid var(--border);
}

.main-content-body-profile .main-nav-line .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: var(--color);
    border: 1px solid var(--border);
    border-radius: 5px;
}

.main-content-body-profile .main-nav-line .nav-link.active {
    font-weight: 500;
    color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.main-content-body-profile .main-nav-line .nav-link.active::before {
    background-color: var(--primary-bg-color);
}

@media (min-width: 320px) {
    .main-nav-line .nav-link+.nav-link {
        margin-inline-start: 15px;
    }

    .main-nav-line .nav-link.active::before {
        inset-block-start: 20px;
        inset-block-end: -18px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 2px;
        width: auto;
    }

    .main-content-body-profile .main-nav-line .nav-link+.nav-link {
        margin-block-start: 8px;
        margin-inline-start: 0;
    }
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 991px) {
    .horizontalMenu {
        display: none !important;
    }

    .animated-arrow {
        position: absolute;
        z-index: 1;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
        margin: 0px 0 0 -14px;
    }

    .animated-arrow span {
        cursor: pointer;
        height: 2px;
        width: 17px;
        background: #ffffff;
        background-image: initial;
        background-position-x: initial;
        background-position-y: initial;
        background-size: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: rgb(255, 255, 255);
        position: absolute;
        display: block;
        content: "";
        transition: all 500ms ease-in-out;
    }

    .animated-arrow span:before,
    .animated-arrow span:after {
        cursor: pointer;
        height: 2px;
        width: 17px;
        background: #ffffff;
        background-image: initial;
        background-position-x: initial;
        background-position-y: initial;
        background-size: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: rgb(255, 255, 255);
        position: absolute;
        display: block;
        content: "";
    }

    .animated-arrow span:after {
        bottom: -7px;
        width: 17px;
    }

    .animated-arrow span:before,
    .animated-arrow span:after {
        transition: all 500ms ease-in-out;
    }

    .animated-arrow span:before {
        top: -7px;
        width: 23px;
    }

    .header-1,
    .header-2,
    .header-3 {
        border-end-start-radius: 5px;
        border-end-end-radius: 5px;
    }
}

.inbox-small-cells {
    text-align: center;
}

/* Mapel map */
.mapael .map {
    margin-block-end: 10px;
    position: relative;
}

.mapael .zoomButton {
    background-color: #292929;
    border: 1px solid #292929;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 12px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    inset-block-start: 0;
    font-weight: bold;
    inset-inline-start: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.mapael .zoomReset {
    inset-block-start: 10px;
}

.mapael .zoomIn {
    inset-block-start: 30px;
}

.mapael .zoomOut {
    inset-block-start: 50px;
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #474c4b;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    color: #fff;
}

.bg-primary th {
    color: #fff;
}

.checkbox-group .checkbox-normal:checked+label:before {
    border-color: var(--primary-bg-color);
    font-weight: bold;
    background: var(--primary-bg-color);
}

.multi-wrapper .item-1:hover {
    background: var(--primary-bg-color);
}

.contact-icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    font-size: 16px;
}

.description-block {
    display: block;
    margin: 12px 0;
    text-align: center;
}

.skill-tags a {
    float: var(--float-start);
    margin-inline-end: 5px;
    margin-block-end: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    color: #99a6b7;
    font-size: 12px;
    border: 1px solid var(--border);
}

.media-logo,
.media-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: var(--primary-bg-color);
    background-color: var(--primary-01);
    font-size: 17px;
    position: relative;
    border-radius: 100% !important;
}

.main-profile-contact-list .media {
    align-items: center;
}

.main-content-label,
.card-table-two .card-title,
.card-dashboard-eight .card-title {
    font-weight: 800;
    line-height: 1;
}

.reviewnavs {
    padding-inline-start: 0;
    list-style: none;
    display: inline-flex;
}

.reviewnavs a {
    color: var(--muted);
    font-size: 13px;
}

.ribbon-top-left {
    inset-block-start: -10px;
    inset-inline-start: -10px;
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}

.ribbon-top-left::before {
    inset-block-start: 0;
    inset-inline-end: 50px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
    border-block-start-color: transparent;
    border-inline-start-color: transparent;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    border: 5px solid;
}

.ribbon-top-left span {
    inset-inline-end: -8px;
    inset-block-start: 30px;
    transform: rotate(-45deg);
}

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 8px 0;
    color: #fff;
    text-shadow: 0 1px 1px var(--black-2);
    text-transform: capitalize;
    text-align: center;
}

.ribbon-top-left::after {
    inset-block-end: 50px;
    inset-inline-start: 0;
}

.op-7 {
    opacity: 0.7;
}

.portfolio-tabs.nav-pills .nav-item .nav-link {
    color: var(--color) !important;
    background-color: var(--white);
}

.portfolio-tabs.nav-pills .nav-item .nav-link.active {
    color: #fff !important;
    background-color: var(--orange-bg-color);
}

.features i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    text-align: center;
}

.btn-close {
    float: var(--float-end);
    font-size: 1rem;
    font-weight: 700;
    line-height: 0;
    color: inherit;
    text-shadow: 0 1px 0 rgb(var(--white));
}

.btn-close:hover {
    color: inherit;
}

.btn-close {
    background-image: none;
}

button.btn-close {
    background-color: transparent;
    border: 0;
    appearance: none;
    outline: none;
}

.notification {
    list-style-type: none;
    padding: 0;
    position: relative;
}

.notification::before {
    content: "";
    position: absolute;
    inset-block-start: 0px;
    inset-block-end: 5px;
    width: 4px;
    background-color: var(--black-1) !important;
    inset-inline-start: 20%;
    margin-inline-start: -1.5px;
}

.notification>li {
    position: relative;
    min-height: 50px;
    padding: 15px 0px;
}

.notification .notification-time {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 30px;
    width: 18%;
    text-align: end;
}

.notification .notification-time .date,
.notification .notification-time .time {
    display: block;
    font-weight: 500;
    color: var(--muted);
}

.notification .notification-time .date {
    line-height: 16px;
    font-size: 12px;
    margin-block-end: 4px;
}

.notification .notification-time .date,
.notification .notification-time .time {
    display: block;
    font-weight: 500;
    color: var(--muted);
}

.notification .notification-time .time {
    line-height: 24px;
    font-size: 18px;
}

.notification .notification-time {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 30px;
    width: 18%;
    text-align: end;
}

.notification .notification-icon {
    position: absolute;
    inset-inline-start: 15%;
    inset-block-start: 41px;
    width: 10%;
    text-align: center;
}

.notification .notification-icon {
    position: absolute;
    inset-inline-start: 15%;
    inset-block-start: 41px;
    width: 10%;
    text-align: center;
}

.notification .notification-icon a {
    text-decoration: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    background: var(--white);
    line-height: 10px;
    color: var(--white);
    font-size: 14px;
    border: 3px solid var(--primary-bg-color);
    transition: border-color 0.2s linear;
}

.notification .notification-body {
    margin-inline-start: 24%;
    margin-inline-end: 18%;
    background: var(--white);
    position: relative;
    padding: 14px 20px;
    border-radius: 6px;
}

.notification .notification-body::before {
    content: "";
    display: block;
    position: absolute;
    border: 10px solid transparent;
    border-inline-end-color: var(--white);
    inset-inline-start: -20px;
    inset-block-start: 32px;
    transform: translateY(-50%);
}

@media (min-width: 576px) {

    .mt-sm-0,
    .my-sm-0 {
        margin-block-start: 0 !important;
    }
}

.notification .notification-body .notification-badge {
    background-color: var(--gray-100);
    color: var(--muted);
}

.settings-main-icon {
    display: flex;
    text-align: center;
}

.settings-main-icon i {
    width: 3rem;
    font-size: 18px;
    line-height: 3rem;
    height: 3rem;
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
    border-radius: 50%;
}

.icon-style {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 22px;
}

.activity-list {
    position: relative;
}

.activity-list .recent-activity {
    position: relative;
}

.activity-list .recent-activity:before {
    content: "";
    position: absolute;
    inset-block-start: 41px;
    inset-block-end: -22px;
    inset-inline-start: 19px;
    border-inline-start: 2px dotted var(--border);
}

.activity-list .avatar.avatar-md {
    width: 2.3rem;
    height: 2.3rem;
}

.activity-list .list-item:not(:last-child) {
    margin-block-end: 23px;
}

.min-w-fit-content {
    min-width: fit-content;
}

.social-widget .social-icon {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.browser-icons {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.diff-sites .apexcharts-datalabels text {
    font-size: 10px;
}

.bounce-rate {
    min-height: 75px !important;
    margin-block-start: -9px;
}

.bounce-rate .apexcharts-canvas {
    inset-block-end: -37px;
    position: absolute;
    inset-inline-start: -45px;
    overflow: hidden;
}

.apexcharts-tooltip {
    border: 1px solid var(--border) !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
    color: var(--color);
    background-color: var(--background);
}

.apexcharts-tooltip.apexcharts-theme-light {
    color: var(--color) !important;
    background-color: var(--white) !important;
    border: 1px solid var(--border) !important;
}

.apexcharts-tooltip-series-group.apexcharts-active,
.apexcharts-tooltip-series-group:last-child {
    color: var(--color) !important;
    background-color: var(--background) !important;
    border: 0px solid var(--border) !important;
}

.apexcharts-tooltip-title {
    margin: 0px !important;
    border-block-end: 1px solid var(--border) !important;
    color: var(--color) !important;
    background-color: var(--background) !important;
}

.apexcharts-tooltip-series-group {
    color: var(--color) !important;
    background-color: var(--background) !important;
}

.apexcharts-tooltip.light {
    border: 1px solid var(--border) !important;
}

.project-card-icon {
    width: 55px;
    height: 55px;
    padding: 5px;
    background-color: var(--fixed-white-1);
    border-radius: 50%;
    margin: 0 auto;
}

.Dash-icon .icon {
    width: 54px;
    padding: 10px;
    border-radius: 0.35rem;
}

.card-over-data {
    position: absolute;
    width: 100%;
}

#sources .apexcharts-legend-marker {
    width: 17px !important;
    border-radius: 3px !important;
}

.social-icon {
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
}

#myTab3.nav-pills .nav-item .nav-link {
    margin-inline-end: 7px;
}

.ckbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 1;
}

.ckbox span:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--white);
    border: 1px solid var(--border);
    inset-block-start: 1px;
    inset-inline-start: 0px;
    border-radius: 3px;
}

.ckbox span:before,
.ckbox span:after {
    line-height: 18px;
    position: absolute;
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin-inline-start: 2px;
    margin-block-start: 2px;
}

.ckbox input[type=checkbox]:checked+span:after {
    display: block;
}

.ckbox span:after {
    inset-block-start: 1px;
    inset-inline-start: 0px;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%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");
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: 55% 45%;
    background-color: var(--primary-bg-color);
    line-height: 17px;
    display: none;
    border-radius: 3px;
}

.ckbox span {
    padding-inline-start: 15px;
}

.ckbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 1;
}

.main-mail-star {
    font-size: 18px;
    line-height: 0.9;
    color: var(--gray-400);
    inset-block-start: -11px;
}

.main-mail-star.active {
    color: #ffbd5a;
}

.main-mail-group .list-group-item {
    border-radius: 0;
}

.file-manger-icon1 img {
    width: 118px;
}

input[type=radio],
input[type=checkbox] {
    margin-inline-end: 7px;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.form-control-file::-webkit-file-upload-button {
    background-color: #e9e9f1;
    transition: none;
    padding: 0.5rem 0.5rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    border: none;
}

.wishlist .jq-star {
    width: 18px !important;
    height: 18px !important;
}

.card-table-pd {
    padding-block-start: 0.75rem;
}

.card-table-pdb {
    padding-block-end: 0.75rem;
}

.transactions .transactions-item {
    padding-block: 0.715rem;
}

.Crypto .nav-pills .nav-item .nav-link {
    background: var(--background);
    color: var(--color);
}

.Crypto .nav-pills .nav-item .nav-link.active,
.Crypto .nav-pills .nav-item .nav-link:hover {
    background: var(--primary-bg-color);
    color: white;
}

.client-card {
    position: relative;
}

.activity-chart {
    position: absolute;
    inset-block-end: -6px;
    inset-inline-end: 10px;
}

.img-thumbnail {
    background-color: var(--background);
    border-color: var(--border);
}

.offcanvas {
    color: var(--color);
    background-color: var(--white);
}

.modal-open .select2-dropdown {
    z-index: 99999999;
}

.flex-1 {
    flex: 1;
}

@media (max-width: 400px) {
    .flatpickr-calendar {
        width: 228.875px !important;
    }
}

.settings1 .form-switch {
    padding-right: 2.2em;
}

.total-sales .icon-style,
.today-orders .icon-style,
.total-revenue .icon-style,
.total-profit .icon-style {
    flex: none !important;
}

.browser-traffic .browser-icons {
    flex: none;
}

.page-link:focus {
    color: var(--fixed-white) !important;
    background-color: var(--primary-bg-color);
}

.page-item.active .page-link {
    background-color: var(--primary-bg-color) !important;
}

.main-content-body-profile .main-nav-line .nav-link {
    padding: 7px 12px !important;
    margin-inline-end: 10px !important;
}

@media (max-width: 559px) {
    #calendar2 .fc-daygrid .fc-col-header thead th {
        padding: 3px 0px;
        font-size: 12px;
    }

    #calendar2 .fc-timeGridWeek-view .fc-col-header-cell-cushion {
        padding: 0px 0px;
        font-size: 9px;
    }

    #calendar2 .fc-timegrid-axis-cushion {
        max-width: 63px;
        flex-shrink: 0;
        font-size: 11px;
    }

    #calendar2 .fc-col-header thead th {
        padding: 3px;
    }
}

@media (max-width: 568px) {

    .fc-icon,
    .fc-toolbar .fc-center {
        margin-block-end: 0rem !important;
    }
}

.cbp_tmtimeline>li .cbp_tmlabel {
    box-shadow: 0 0 0.2rem 0 rgba(136, 152, 170, 0.15) !important;
}

.offcanvas.offcanvas-start {
    border-color: var(--border) !important;
}

#simple-map .gm-fullscreen-control,
#map .gm-fullscreen-control,
#map1 .gm-fullscreen-control,
#map2 .gm-fullscreen-control,
#map3 .gm-fullscreen-control,
#map4 .gm-fullscreen-control {
    background-color: var(--background) !important;
}

#simple-map .gm-control-active,
#map .gm-control-active,
#map1 .gm-control-active,
#map2 .gm-control-active,
#map3 .gm-control-active,
#map4 .gm-control-active {
    background-color: var(--background) !important;
}

.dropdown-menu {
    border: 1px solid var(--border);
}

.iti__country-list {
    box-shadow: 0 0px 3px 0 var(--box-shadow-color) !important;
}

.note-editor .note-toolbar .note-color .dropdown-toggle,
.note-popover .popover-content .note-color .dropdown-toggle {
    width: 30px !important;
}

.note-modal .modal-dialog kbd {
    background-color: var(--background) !important;
    color: var(--color) !important;
}

.ql-snow .ql-tooltip {
    border-radius: 5px !important;
}

#smartwizard .sw-btn-group .sw-btn-prev {
    border-start-end-radius: 0px !important;
    border-end-end-radius: 0px !important;
}

#smartwizard .sw-btn-group .sw-btn-next {
    border-start-start-radius: 0px !important;
    border-end-start-radius: 0px !important;
}

#smartwizard .sw-btn-group-extra .btn-success {
    border-start-end-radius: 0px !important;
    border-end-end-radius: 0px !important;
}

#smartwizard .sw-btn-group-extra .btn-danger {
    border-start-start-radius: 0px !important;
    border-end-start-radius: 0px !important;
}

.flex-none {
    flex: none !important;
}

.apexcharts-tooltip-marker {
    margin-inline-end: 10px !important;
}

.apexcharts-tooltip-series-group {
    text-align: var(--float-start) !important;
}

canvas#race {
    position: relative !important;
    z-index: 1 !important;
}

.ms-choice>span {
    overflow: visible !important;
}

.numInputWrapper span {
    inset-inline-start: 89px !important;
}

#events .apexcharts-canvas {
    margin-inline: auto;
}

@media (max-width: 563px) {
    #sales-chart .apexcharts-canvas .apexcharts-toolbar {
        margin-block-start: 20px !important;
    }
}

@media (max-width: 575px) {
    .active-deals .border-bottom-dotted {
        border-block-end: 1px dotted var(--border) !important;
    }
}

#placeholder table,
#placeholder1 table,
#placeholder2 table {
    background-color: var(--white);
    color: rgb(117, 117, 117) !important;
}

#piechart svg text,
#donutchart svg text {
    fill: rgb(117, 117, 117);
}

#chart_area svg text,
#combo-chart svg text {
    fill: rgb(117, 117, 117);
    color: rgb(117, 117, 117);
}

.cryptoChart11 {
    width: 141% !important;
    height: 175px !important;
    position: relative;
    inset-inline-start: -77px;
    inset-block-end: 110px;
}

@media (max-width: 575px) {
    .cryptoChart11 {
        width: 146% !important;
        inset-inline-start: -88px;
        inset-block-end: 110px;
    }
}

.cryptoChart12 {
    width: 141% !important;
    height: 175px !important;
    position: relative;
    inset-inline-start: -77px;
    inset-block-end: 110px;
}

@media (max-width: 575px) {
    .cryptoChart12 {
        width: 146% !important;
        inset-inline-start: -84px;
        inset-block-end: 93px;
    }
}

@media (min-width: 992px) {
    .cryptoChart12 {
        width: 146% !important;
        inset-inline-start: -84px;
        inset-block-end: 97px;
    }
}

#chartArea1 .chartist-tooltip,
#chartArea2 .chartist-tooltip,
#chartLine1 .chartist-tooltip,
#chartLine2 .chartist-tooltip,
#chartBar1 .chartist-tooltip,
#chartBar2 .chartist-tooltip,
#chartBar3 .chartist-tooltip,
#chartBar5 .chartist-tooltip,
#chartDonut1 .chartist-tooltip,
#chartPie2 .chartist-tooltip {
    display: none;
}

.ct-label {
    color: rgb(117, 117, 117) !important;
}

#donut-chart svg path {
    stroke: var(--border) !important;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
    inset-inline-end: 1em;
    content: "↑";
    font-size: 12px;
    font-weight: normal;
}

.sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
    inset-inline-end: 0.3em;
    content: "↓";
    font-size: 11px;
    font-weight: normal;
}

#Webvisits .apexcharts-canvas line {
    stroke: var(--border) !important;
}

#events .apexcharts-canvas .apexcharts-datalabels {
    display: none;
}

.events-Status-chart {
    position: relative;
}

.events-Status-chart .events-Status-inner {
    position: absolute;
    inset-block-start: 76px;
    inset-inline-end: 0;
    inset-inline-start: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}

.dropdown-menu {
    color: var(--color);
}

.product-section .product-img {
    position: relative;
    width: 487px;
}

.product-section .product-img img {
    position: absolute;
    inset-block-start: -98px;
    inset-inline-start: 44px;
    inset-inline-end: 0px;
    inset-block-end: 0px;
}

@media (max-width: 991px) {
    .landing-layout .nav-header-main.sticky .header-icon {
        color: var(--primary-bg-color) !important;
    }
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-sidemenu-open .landing-layout .sidemenu-landing {
    transform: translate(0, 0) !important;
    border-block-start: 1px solid var(--border);
}

.landing-layout .sidemenu-landing {
    display: none;
    position: fixed;
    inset-block-start: 0px;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 240px;
    height: 100%;
    background: var(--white);
    border-inline-end: 1px solid var(--border);
    z-index: 99;
    transform: translate(-100%, 0);
    transition: transform 300ms ease;
}

@media (max-width: 575px) {
    .landing-layout section {
        padding-inline: 0rem !important;
    }
}

@media (max-width: 1199px) {
    #sales-chart .apexcharts-legend.apx-legend-position-top.apexcharts-align-center {
        justify-content: start;
    }
}

@media (max-width: 370px) {
    .multiple-select-tags .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: inline !important;
    }
}

#sales-chart .apexcharts-element-hidden,
#sales-chart .apexcharts-element-hidden {
    display: none;
}

#sales-chart .apexcharts-legend-marker {
    margin-inline: 4px;
}

#statistics .apexcharts-legend-marker {
    margin-inline: 5px;
}

.media-body {
    margin-inline-start: 0px !important;
}

.colored-nav-variations .main-nav .nav-item+.nav-item .nav-link {
    border-inline-start: 1px solid var(--fixed-white-2);
}

.colored-nav-variations .nav-danger .nav-link:not(.active):hover,
.colored-nav-variations .nav-danger .nav-link:focus {
    color: var(--fixed-white) !important;
}

.colored-nav-variations .nav-success .nav-link:not(.active):hover,
.colored-nav-variations .nav-success .nav-link:focus {
    color: var(--fixed-white) !important;
}

.colored-nav-variations .nav-primary .nav-link:not(.active):hover,
.colored-nav-variations .nav-primary .nav-link:focus {
    color: var(--fixed-white) !important;
}

.dataTables_wrapper .selected {
    background: var(--background) !important;
    cursor: pointer;
}

@media (min-width: 768px) {
    .mg-md-t-0 {
        margin-block-start: 0px !important;
    }
}

@media (max-width: 361px) {
    .list-group .list-group-item .material-switch.pull-right {
        float: left;
    }
}

.handle-counter {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

@media (max-width: 420px) {
    .section-divider .card-pay .tabs-menu li {
        display: contents !important;
    }

    .section-divider .card-pay .tabs-menu li a {
        border-block-end: 1px solid var(--border);
    }

    .wizard>.actions {
        padding: 13px !important;
    }

    #checkoutsteps .item .purchase {
        margin-inline-start: 0px !important;
        margin-block: 10px !important;
    }

    #checkout-steps #checkoutsteps-t-3 .number {
        font-size: 12px;
        width: 30px;
        height: 30px;
    }

    #checkout-steps #checkoutsteps-t-0 {
        padding-inline-start: 5px;
    }

    .colored-tab-navigation .nav-tabs .nav-link {
        padding: 8px 8px;
    }

    .colored-tab-navigation .nav-tabs .nav-item {
        width: fit-content;
    }

    .icon-navbar .nav .nav-item {
        width: fit-content;
    }
}

.link-badges .btn-light .bg-light {
    background-color: #eeeef5 !important;
    color: #495057 !important;
}

.grid .grids .row>.col {
    border-color: rgba(210, 213, 225, 0.6) !important;
}

.min-w-content {
    min-width: max-content;
}

.cbp_tmtimeline>li .cbp_tmtime span {
    text-align: end !important;
}

@media screen and (max-width: 767px) {
    .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
        border-inline-end-color: transparent !important;
        border-block-end-color: var(--white) !important;
    }
}

@media screen and (max-width: 767px) {
    .cbp_tmtimeline>li .cbp_tmlabel:after {
        inset-inline-end: auto !important;
        inset-inline-start: 20px !important;
        inset-block-start: -20px !important;
    }
}

@media screen and (max-width: 767px) {
    .colored-nav-variations .main-nav .nav-item+.nav-item .nav-link {
        border-inline-start: 0px solid var(--fixed-white-2);
    }

    .notification .notification-body {
        margin-inline-start: 27% !important;
    }
}

.note-btn.btn-default {
    color: var(--gray-500) !important;
}

.rtl .bs-tooltip-start .tooltip-arrow::before,
.rtl .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.rtl .bs-tooltip-end .tooltip-arrow::before,
.rtl .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.rtl .bs-popover-end .popover-arrow::before,
.rtl .bs-popover-auto[data-popper-placement^=right] .popover-arrow::before,
.rtl .bs-popover-end .popover-arrow::after,
.rtl .bs-popover-auto[data-popper-placement^=right] .popover-arrow::after,
.rtl .bs-popover-start .popover-arrow::before,
.rtl .bs-popover-auto[data-popper-placement^=left] .popover-arrow::before,
.rtl .bs-popover-start .popover-arrow::after,
.rtl .bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    transform: rotate(180deg);
}

.notification .notification-icon-end-point .end-point {
    text-decoration: none;
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50%;
    background: var(--black-1);
    line-height: 10px;
    font-size: 14px;
    transition: border-color 0.2s linear;
}

.notification .notification-icon-end-point {
    position: absolute;
    inset-inline-start: 15%;
    inset-block-start: 124px;
    width: 10%;
    text-align: center;
}

.notification .notification-icon-start-point .start-point {
    text-decoration: none;
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50%;
    background: var(--black-1);
    line-height: 10px;
    font-size: 14px;
    transition: border-color 0.2s linear;
}

.notification .notification-icon-start-point {
    position: absolute;
    inset-inline-start: 15%;
    inset-block-start: -15px;
    width: 10%;
    text-align: center;
}

@media screen and (min-width: 1086px) {
    .notification .notification-icon-end-point {
        position: absolute !important;
        inset-inline-start: 15% !important;
        inset-block-start: 88px !important;
        width: 10% !important;
        text-align: center !important;
    }
}

@media screen and (min-width: 1086px) {
    .notification .notification-icon-start-point {
        position: absolute !important;
        inset-inline-start: 15% !important;
        inset-block-start: -15px !important;
        width: 10% !important;
        text-align: center !important;
    }
}

@media (max-width: 1085px) and (min-width: 768px) {
    .notification .notification-icon-end-point {
        position: absolute !important;
        inset-inline-start: 15% !important;
        inset-block-start: 105px !important;
        width: 10% !important;
        text-align: center !important;
    }
}

@media (max-width: 1085px) and (min-width: 768px) {
    .notification .notification-icon-start-point {
        position: absolute !important;
        inset-inline-start: 15% !important;
        inset-block-start: -15px !important;
        width: 10% !important;
        text-align: center !important;
    }
}

@media (max-width: 576px) {
    .notification .notification-icon-end-point {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .notification .notification-icon-start-point {
        display: none !important;
    }
}

#thumbcarousel.carousel.slide {
    margin: 0 0px;
}

@media screen and (max-width: 400px) {
    #wizard3.wizard>.steps>ul {
        display: block;
    }

    #wizard3.wizard>.steps>ul li {
        margin-inline-start: 0px;
        margin-block-start: 5px;
    }

    #wizard3.wizard>.steps>ul li a {
        justify-content: start;
    }

    #wizard1.wizard>.steps>ul {
        display: block;
    }

    #wizard1.wizard>.steps>ul li {
        margin-inline-start: 0px;
        margin-block-start: 5px;
    }

    #wizard1.wizard>.steps>ul li a {
        justify-content: start;
    }
}

.flatpickr-calendar {
    overflow: hidden !important;
}

.cbp_tmtimeline .cbp_tmtimeline-icon-end-point .end-point {
    text-decoration: none;
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50%;
    background: var(--black-1);
    line-height: 10px;
    font-size: 14px;
    transition: border-color 0.2s linear;
}

.cbp_tmtimeline .cbp_tmtimeline-icon-end-point {
    position: absolute;
    inset-inline-start: 14.7%;
    inset-block-start: 85px;
    width: 10%;
    text-align: center;
}

@media screen and (min-width: 1086px) {
    .cbp_tmtimeline .cbp_tmtimeline-icon-end-point {
        position: absolute !important;
        inset-inline-start: 14.7% !important;
        inset-block-start: 85px !important;
        width: 10% !important;
        text-align: center !important;
    }
}

@media (max-width: 1085px) and (min-width: 768px) {
    .cbp_tmtimeline .cbp_tmtimeline-icon-end-point {
        position: absolute !important;
        inset-inline-start: 17.5% !important;
        inset-block-start: 85px !important;
        width: 10% !important;
        text-align: center !important;
    }
}

@media (max-width: 1085px) and (min-width: 993px) {
    .cbp_tmtimeline .cbp_tmtimeline-icon-end-point {
        inset-inline-start: 14.7% !important;
    }
}

@media (max-width: 755px) {
    .cbp_tmtimeline .cbp_tmtimeline-icon-end-point {
        display: none !important;
    }
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-bg-color) !important;
    color: #fff !important;
}

.form-horizontal .form-group label {
    font-size: 14px;
}

div.dt-button-background {
    z-index: 0 !important;
}

#handleCounter4 .btn-white,
#handleCounter2 .btn-white,
#handleCounter5 .btn-white,
#handleCounter6 .btn-white,
#handleCounter7 .btn-white,
#handleCounter3 .btn-white {
    box-shadow: none !important;
}

.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {
    box-shadow: 0 0 4px 0 #999 !important;
}

.card-pay .tabs-menu li a {
    flex: auto;
}

@media (max-width: 400px) {
    #checkoutsteps .actions a {
        padding: 9px 10px;
    }

    #checkoutsteps-p-2 .product .handle-counter {
        margin-inline: 5px;
        margin-block-start: 7px;
    }
}

.panel-color .ribbon {
    z-index: 0 !important;
}

.demo_changer .form_holder {
    background: var(--white) !important;
    color: var(--black-7) !important;
}

element.style {
    z-index: 999999;
    position: absolute;
    top: 28px;
    left: 30.7969px;
}

div.hopscotch-bubble {
    margin-block-start: 15px;
}

@media (max-width: 786px) {
    .cbp_tmtimeline .cbp_tmtime .text-white {
        color: var(--color) !important;
    }
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-inline-start: 0px solid var(--border) !important;
}

@media (max-width: 436px) {
    #example_wrapper .dt-buttons .buttons-collection {
        border-start-start-radius: 6px !important;
        border-end-start-radius: 6px !important;
        margin-block-start: 5px;
    }

    #example_wrapper .dt-buttons .buttons-collection .dropdown-menu {
        padding-block: 0px !important;
    }

    #example_wrapper .dt-buttons .buttons-pdf {
        border-start-end-radius: 5px !important;
        border-end-end-radius: 5px !important;
    }
}

@media (max-width: 776px) and (min-width: 576px) {
    #example_wrapper .dt-buttons .buttons-pdf {
        border-start-end-radius: 5px !important;
        border-end-end-radius: 5px !important;
    }

    #example_wrapper .dt-buttons .buttons-collection {
        border-start-start-radius: 6px !important;
        border-end-start-radius: 6px !important;
        margin-block-start: 5px;
    }
}

#example_wrapper .dt-buttons .dropdown-menu {
    padding-block: 0px !important;
}

@media (max-width: 992px) {
    .transfer-double-content-middle {
        margin: 15px 45% 15px 45% !important;
    }
}

@media screen and (max-width: 400px) {
    #wizard2.wizard>.steps>ul {
        display: block;
    }
}

@media screen and (max-width: 400px) {
    #wizard2.wizard>.steps>ul li {
        margin-inline-start: 0px;
        margin-block-start: 5px;
    }
}

@media screen and (max-width: 400px) {
    #wizard1.wizard>.steps>ul li a {
        justify-content: start;
    }
}

[data-header-style=dark] .form-control {
    border-color: rgba(255, 255, 255, 0.1);
}

.onoffswitch2-checkbox:checked+.onoffswitch2-label {
    background-color: var(--primary-bg-color) !important;
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-danger-text) !important;
    border-color: var(--bs-danger-text) !important;
}

.input-group>.form-control:not(:focus).is-invalid {
    z-index: 0px !important;
}

.custom-switch-indicator:before {
    border: 1px solid #CCCCCC !important;
    background-color: #fff;
}

.pagination.pagination-secondary .page-item.active .page-link {
    color: #fff;
    background-color: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
}

.pagination.pagination-warning .page-item.active .page-link {
    color: #fff;
    background-color: var(--warning-bg-color) !important;
    border-color: var(--warning-bg-color) !important;
}

.pagination.pagination-danger .page-item.active .page-link {
    color: #fff;
    background-color: var(--danger-bg-color) !important;
    border-color: var(--danger-bg-color) !important;
}

.pagination.pagination-secondary .page-item:not(.active) .page-link:hover {
    color: #fff;
    background-color: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
}

.pagination.pagination-warning .page-item:not(.active) .page-link:hover {
    color: #fff;
    background-color: var(--warning-bg-color) !important;
    border-color: var(--warning-bg-color) !important;
}

.pagination.pagination-danger .page-item:not(.active) .page-link:hover {
    color: #fff;
    background-color: var(--danger-bg-color) !important;
    border-color: var(--danger-bg-color) !important;
}

.panel-body .tab-content .menutabs-content .card {
    background-color: transparent !important;
}

.panel-body .tab-content .menutabs-content .list-group .list-group-item {
    background-color: transparent !important;
}

.app-header .dropdown-menu {
    inset-block-start: -0.1rem !important;
}

.note-editor .dropdown-menu>li>a {
    padding: 0.1rem 1rem !important;
}

.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre {
    margin: 0;
    padding: 5px 0px !important;
}

.ql-editor {
    height: 100% !important;
}

.ql-bubble .ql-tooltip {
    margin-block-start: 52px;
}

.product-list .pro-img-box .social .wishlist-icon {
    position: absolute;
    z-index: 1 !important;
}

.note-editor .note-editable ul li {
    margin-inline-start: 20px;
    list-style-type: disc;
}

.ps--active-y>.ps__rail-y {
    width: 3px;
}

.ps__thumb-y {
    width: 3px !important;
}

.ps__rail-y:hover>.ps__thumb-y {
    width: 3px !important;
}

[data-theme-color=dark] .header-brand-img {
    display: none;
}

[data-theme-color=dark] .theme-logos {
    display: block;
    margin-inline: auto;
}

.theme-logos {
    display: none;
}

.pro-img-box:hover .social li:nth-child(2) {
    margin-block-start: 49px;
}

@media (min-width: 992px) {
    .dropdown-menu-arrow:before {
        content: "";
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        inset-block-start: -7px;
        inset-inline-end: 28px;
        transform: rotate(45deg);
        border-block-start: 1px solid #e9edf4;
        border-inline-start: 1px solid #e9edf4;
    }

    .dropdown-menu-arrow.dropdown-menu-end:before,
    .dropdown-menu-arrow.dropdown-menu-end:after {
        inset-inline-start: auto;
        inset-inline-end: 18px;
    }
}

select {
    position: relative;
    z-index: 0;
}

select option {
    z-index: -1 !important;
}

.ms-choice>span {
    white-space: normal !important;
    text-align: start;
}

.page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
}

.main-content {
    min-height: calc(100vh - 121px);
}

.apexcharts-toolbar {
    z-index: 0 !important;
}

.icons-item {
    padding: 0;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.icons-item li {
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 3;
    margin: 4px;
    list-style: none;
    text-align: center;
    border-radius: 3px;
    border-radius: 4px;
    position: relative;
    border: 1px solid var(--border);
    cursor: pointer;
}

.flag-icons {
    padding: 0;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flag-icons li {
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 3.2rem;
    margin: 4px;
    list-style: none;
    text-align: center;
    border-radius: 3px;
    border-radius: 4px;
    position: relative;
    border: 1px solid var(--border);
    cursor: pointer;
}

.img-container {
    max-width: 600px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.img-container img {
    width: 100%;
}

.img-container .overlay {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 100%;
    padding: 0 20px;
    z-index: 8;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 0.35s;
}

.img-container:hover .overlay {
    inset-inline-start: 0;
}

.img-container .overlay:hover p {
    opacity: 1;
}

.cover-image {
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
}

.gallery {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.gallery .mask,
.gallery .content {
    position: absolute;
    width: 100%;
    overflow: hidden;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.gallery img {
    display: block;
    position: relative;
    margin: 0 auto;
}

.gallery .tools {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.35);
    margin: 43px 0 0 0;
}

.gallery .tools a {
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 0 4px;
}

.gallery p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}

.gallery a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
}

.g-img {
    position: relative;
    overflow: hidden;
}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.label-pill {
    padding-inline-end: 0.6em;
    padding-inline-start: 0.6em;
    border-radius: 10rem;
}

.label-default {
    background-color: #efefef;
    color: #343a40;
}

.label-primary {
    background-color: var(--primary-bg-color);
}

.label-secondary {
    background-color: #6c757d;
}

.label-info {
    background-color: var(--info-bg-color);
}

.label-danger {
    background-color: var(--danger-bg-color);
}

.label-warning {
    background-color: var(--warning-bg-color);
}

.label-success {
    background-color: var(--success-bg-color);
}

.dot-label {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    margin-inline-end: 10px;
}

@media (max-width: 320px) {
    .heart label:before {
        font-size: 12px !important;
    }

    .rate label:before {
        font-size: 10px !important;
    }
}

.form-label {
    display: block;
    margin-block-end: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    margin-block-start: 9px;
}

.custom-control-label {
    display: flex;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.landing-page {
    background-color: var(--white);
}

.landing-sidemenu-open .landing-layout .nav-header-main .landing-open-btn {
    display: none !important;
}

.landing-sidemenu-open .landing-layout .nav-header-main .landing-close-btn {
    display: block !important;
}

.landing-sidemenu-open .landing-layout .sidemenu-landing {
    transform: translate(0, 0) !important;
    border-block-start: 1px solid var(--border);
}

.landing-layout .section-title {
    font-size: 16px;
}

.landing-layout .v-line {
    height: 100%;
    width: 1px;
    border-inline-start: 1px solid var(--border);
}

.landing-layout .section-title-1 {
    font-size: 22px;
}

.landing-layout .section-title-2 {
    font-size: 33px;
    font-weight: 600;
    z-index: 1;
}

.landing-layout .shadow-none {
    box-shadow: none !important;
}

.landing-layout .scale-1-5 {
    transform: scale(1.5);
}

.landing-layout .rounded-icon {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-block-end: 1.3rem;
    font-size: 1.3rem;
    padding: 6px;
    box-shadow: 0px 2px 4px -1px;
}

.landing-layout .rounded-icon.sm {
    height: 30px;
    width: 30px;
}

.landing-layout .media-links .media-btn {
    height: 35px;
    width: 35px;
    line-height: 2.87;
    border-radius: 50%;
    color: var(--muted);
    background-color: var(--background);
    display: inline-block;
    transition: all ease 0.3s;
}

.landing-layout .media-links .media-btn:hover {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
}

.landing-layout section {
    position: relative;
    padding: 3rem;
}

.landing-layout .bg-section {
    background: #f5f5ff;
}

.landing-layout .bg-gray {
    background-color: var(--background) !important;
}

.landing-layout .flex-nowrap {
    flex-wrap: nowrap !important;
}

.landing-layout .min-btn-list-sm .btn {
    width: 4rem;
}

.landing-layout .min-btn-list .btn {
    width: 6rem;
}

.landing-layout .min-btn-list-lg .btn {
    width: 8rem;
}

.landing-layout .op--1 {
    opacity: 1 !important;
}

.landing-layout .sidemenu-landing {
    display: none;
}

.landing-layout .landing-page-content .btn-lg,
.landing-layout .landing-page-content .btn-group-lg>.btn {
    padding: 0.5rem 1.5rem;
    font-size: 14px !important;
}

.landing-layout .banner-section::before {
    content: "";
    background: url(../images/media/26.jpg);
    position: absolute;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    opacity: 0.4;
    z-index: -1;
}

.landing-layout .banner-section {
    position: relative;
    z-index: 1;
}

.landing-layout .banner-content {
    padding-block: 4rem;
}

.landing-layout .img-content {
    position: relative;
    inset-block-start: 42px;
}

.landing-layout .pattern {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    inset-inline-end: 46px;
    inset-block-start: -20px;
    background-color: #fff;
    opacity: 0.09;
    z-index: -1;
    animation: moveup 4s ease infinite;
}

@keyframes moveup {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 10px);
    }

    100% {
        transform: translate(0, 0px);
    }
}

.landing-layout .pattern2 {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    inset-inline-start: 173px;
    inset-block-start: -40px;
    background-color: #fff;
    opacity: 0.07;
    z-index: -1;
}

.landing-layout .banner-section {
    background-repeat: no-repeat;
    background-size: cover;
    background: linear-gradient(89.1deg, var(--primary-bg-color) 0.7%, #2915ad 88.4%);
    color: white;
}

.landing-layout .banner-section .nav-header-main {
    padding: 10px 0;
    border-block-end: 1px solid rgba(255, 255, 255, 0.085);
}

.landing-layout .banner-section .nav-header-main .mobile-logo {
    display: none;
    margin-inline-start: -30px;
}

.landing-layout .banner-section .nav-header-main .mobile-logo.dark-logo-1 {
    display: block;
    margin-inline-start: -30px;
}

.landing-layout .banner-section .nav-header-main .nav-header-icon {
    height: 37px;
    width: 37px;
    border-radius: 4px;
    color: var(--black-3);
}

.landing-layout .banner-section .nav-header-main .nav-header-icon:hover,
.landing-layout .banner-section .nav-header-main .nav-header-icon:focus {
    color: var(--primary-bg-color);
}

.landing-layout .banner-section .nav-header-main .landing-open-btn {
    display: block;
    font-size: 1.3rem;
}

.landing-layout .banner-section .nav-header-main .landing-close-btn {
    display: none;
    font-size: 1.3rem;
}

.landing-layout .banner-section .nav-header-main .nav .nav-item .nav-link {
    color: var(--fixed-white);
    opacity: 0.75;
    font-weight: 500;
    font-size: 15px;
}

.landing-layout .banner-section .nav-header-main .nav .nav-item .nav-link:hover,
.landing-layout .banner-section .nav-header-main .nav .nav-item .nav-link.active {
    opacity: 1;
    color: var(--fixed-white);
}

.landing-layout .banner-section .nav-header-main .dropdown-link {
    color: var(--white);
    font-weight: 500;
    font-size: 14px;
}

.landing-layout .banner-section .nav-header-main .dropdown-link .dropdown-menu {
    transition: none;
}

.landing-layout .banner-section .title-content {
    font-size: 45px;
    position: relative;
}

.landing-layout .choose-section .feature-card {
    box-shadow: 0 0.268rem 0.68rem -0.0618rem var(--black-05);
    border-radius: 5px;
    margin-block-end: 1.875rem;
}

.landing-layout .counters-section {
    background-image: url(../images/media/27.jpg);
    color: var(--fixed-white);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.landing-layout .counters-section::before {
    content: "";
    inset-inline-start: 0;
    inset-block-start: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(89.1deg, var(--primary-01) 0.7%, rgba(41, 21, 173, 0.8) 88.4%);
    position: absolute;
}

.landing-layout .counters-section .counter-container {
    position: relative;
}

.landing-layout .counters-section .counter-container .counter-icon {
    background-color: var(--black-2);
    border-radius: 10px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 56px;
    font-size: 22px;
}

.landing-layout .counters-section .counter-container::before {
    font-family: "feather" !important;
    speak-as: normal;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.1;
    font-size: initial;
    position: absolute;
    height: 100%;
    width: 100%;
    inset-block-start: 0;
    inset-inline-start: -37%;
    font-size: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.1);
    z-index: -1;
}

.landing-layout .counters-section .counter-container.container-2::before {
    transform: scaleX(-1);
}

.landing-layout .counters-section .counter-container.container-4::before {
    inset-inline-start: -20%;
}

.landing-layout .best-features-section .best-features-section-icon {
    border-top-left-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 30px;
    box-shadow: 0px 2px 2px 0px;
}

.landing-layout .box-shadow {
    box-shadow: var(--box-shadow);
}

.landing-layout .pricing-section .nav-tabs .nav-item+.nav-item {
    margin-inline-start: 7px;
}

.landing-layout .happy-clients-section {
    position: relative;
}

.landing-layout .happy-clients-section .carousel-indicators {
    margin: 0 auto !important;
    inset-block-end: -10% !important;
}

.landing-layout .happy-clients-section .carousel-indicators [data-bs-target] {
    background-color: rgba(var(--danger-bg-color-rgb), 0.4);
}

.landing-layout .happy-clients-section .jq-star {
    width: 15px !important;
    height: 15px !important;
}

.landing-layout .happy-clients-section .review {
    width: fit-content;
    margin: 1rem auto;
    border-radius: 9px;
    box-shadow: 0px 2px 4px 0px var(--black-05), 0px 2px 16px 0px var(--black-05);
    padding: 1.2rem 1.2rem;
    margin: 1.2rem 0.5rem;
    position: relative;
}

.landing-layout .happy-clients-section .review .quote-icon {
    position: absolute;
    inset-inline-end: 22px;
    inset-block-start: -19px;
    font-size: 23px;
    color: var(--fixed-white);
    padding: 1px 0.5rem;
    background: linear-gradient(89.1deg, var(--primary-bg-color) 0.7%, #2915ad 88.4%);
    border-radius: 50%;
}

.landing-layout .happy-clients-section .review .rating-stars {
    width: fit-content;
}

.landing-layout .happy-clients-section .review .rating-stars .jq-star-svg {
    padding-inline-start: 1px;
}

.landing-layout .happy-clients-section .carousel .carousel-inner {
    padding: 20px;
}

.landing-layout .happy-clients-section .carousel-control-prev .prev {
    background-color: var(--background);
    padding: 11px;
    color: var(--color);
    border-radius: 50%;
    border: 1px solid var(--border);
}

.landing-layout .happy-clients-section .carousel-control-next .next {
    background-color: var(--background);
    padding: 11px;
    color: var(--color);
    border-radius: 50%;
    border: 1px solid var(--border);
}

.landing-layout .more-faq-section {
    position: relative;
    background: linear-gradient(89.1deg, var(--primary-bg-color) 0.7%, rgba(41, 21, 173, 0.6509803922) 88.4%);
    width: 100%;
    height: 100%;
    z-index: 0;
}

.landing-layout .more-faq-section::before {
    content: "";
    position: absolute;
    background-image: url(../images/pngs/15.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    inset-inline-start: 0;
    inset-block-start: 0;
    z-index: -1;
    opacity: 0.1;
}

.landing-layout .footer-section {
    background-color: #181752;
    color: var(--fixed-white);
}

.landing-layout .footer-section a {
    color: #fff;
}

.landing-layout .footer-section .mobile-logo.dark-logo-1 {
    display: block;
}

.landing-layout .footer-section .footer-container-1 .mobile-logo.dark-logo-1 {
    margin-block-end: 1rem;
    height: 2.5rem;
}

.landing-layout .footer-section .copyright-content {
    margin-block-start: 3rem;
    border-block-start: 1px solid var(--fixed-white-1);
}

.landing-layout .footer-section .copyright-content .nav-link {
    padding: 0 1rem;
}

.landing-layout .footer-section .copyright-content .nav {
    border-inline-end: 1px solid var(--white-1);
}

.landing-layout .footer-section .copyright-content .nav-item:hover {
    text-decoration: underline;
    color: var(--white-5);
}

.landing-layout .footer-section .footer-page-link {
    opacity: 0.7;
    transition: all ease 0.2s;
}

.landing-layout .footer-section .footer-page-link:hover {
    opacity: 1;
}

.landing-layout .footer-section .footer-icons .footer-link {
    color: var(--white);
    opacity: 0.7;
    border-radius: 50%;
    transition: all ease 0.3s;
}

.landing-layout .footer-section .footer-icons .footer-link:hover {
    background-color: var(--white);
    color: var(--primary-bg-color);
    opacity: 1;
}

@media (max-width: 574px) {

    .landing-layout .footer-section .footer-container-2,
    .landing-layout .footer-section .footer-container-3 {
        margin-block-end: 25px;
    }

    .landing-layout .counters-section .counter-container:not(:last-child) {
        margin-block-end: 50px;
    }
}

@media (max-width: 991px) {
    .landing-layout .header-icon {
        color: var(--fixed-white);
    }

    .landing-layout .nav-header-main.sticky {
        position: fixed;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        z-index: 99;
        padding: 0;
        border-block-end: 1px solid var(--border);
        background: var(--white);
        padding: 10px 0;
        box-shadow: 5px 7px 26px -5px var(--box-shadow-color);
    }

    .landing-layout .nav-header-main.sticky .mobile-logo {
        display: block;
    }

    .landing-layout .nav-header-main.sticky .mobile-logo.dark-logo-1 {
        display: none;
    }

    .landing-layout .nav-header-main.sticky .header-icon {
        color: var(--fixed-white);
    }

    .landing-layout .nav-header-main.sticky .nav .nav-item .nav-link {
        color: var(--color);
        opacity: 0.65;
        font-weight: 500;
        font-size: 15px;
    }

    .landing-layout .nav-header-main.sticky .nav .nav-item .nav-link:hover,
    .landing-layout .nav-header-main.sticky .nav .nav-item .nav-link.active {
        color: var(--primary-bg-color);
        opacity: 1;
    }

    .landing-layout .sidemenu-landing {
        display: block;
    }

    .landing-layout .companies-section .brand-img {
        display: inline-block;
        margin-inline-end: 35px;
        margin-block-end: 5px;
    }

    .landing-layout .counters-section .counter-container.container-1::before,
    .landing-layout .counters-section .counter-container.container-2::before,
    .landing-layout .counters-section .counter-container.container-3::before,
    .landing-layout .counters-section .counter-container.container-4::before {
        content: none;
    }

    .landing-layout .feature-card.bg-hover-shape {
        z-index: 1;
    }

    .landing-layout .feature-card.bg-hover-shape::before {
        content: none;
    }

    .landing-layout section:not(.banner-section) {
        padding-block-start: 3rem;
        padding-block-end: 3rem;
    }

    .landing-layout .faq-section .general-faq-container {
        margin-block-end: 50px;
    }

    .landing-layout .footer-section .footer-container-1 {
        margin-block-end: 40px;
    }

    .landing-layout .footer-section .footer-container-1 .mobile-logo.dark-logo-1 {
        margin-block-end: 0.75rem;
    }

    .landing-layout .footer-section .copyright-content {
        margin-block-start: 3rem;
    }
}

@media (max-width: 991px) {
    .product-section svg {
        display: none;
    }

    .choose-section {
        margin-block-start: 0rem;
    }
}

@media (min-width: 992px) {
    .landing-page .banner-section .nav-header-main.sticky.sticky-pin {
        position: fixed;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        z-index: 99;
        border-block-end: 1px solid var(--border);
        background: var(--white);
        box-shadow: 5px 7px 26px -5px var(--box-shadow-color);
    }

    .landing-page .banner-section .nav-header-main.sticky.sticky-pin .mobile-logo {
        display: block;
    }

    .landing-page .banner-section .nav-header-main.sticky.sticky-pin .mobile-logo.dark-logo-1 {
        display: none;
    }

    .landing-page .banner-section .nav-header-main.sticky.sticky-pin .nav .nav-item .nav-link {
        color: var(--color);
        opacity: 0.65;
        font-weight: 500;
        font-size: 15px;
    }

    .landing-page .banner-section .nav-header-main.sticky.sticky-pin .nav .nav-item .nav-link:hover,
    .landing-page .banner-section .nav-header-main.sticky.sticky-pin .nav .nav-item .nav-link.active {
        color: var(--primary-bg-color);
        opacity: 1;
    }

    .landing-page .banner-section .nav-header-main.sticky.sticky-pin .dropdown-link {
        color: var(--color);
        font-weight: 500;
        font-size: 14px;
    }

    .landing-page .banner-section .nav-header-main.sticky.sticky-pin .dropdown-link.show {
        color: var(--primary-bg-color);
    }

    .landing-page .banner-section .nav-header-main.sticky.sticky-pin .dropdown-link .dropdown-menu {
        transition: none;
    }
}

@media (min-width: 992px) {
    .wd-lg-77p {
        width: 77%;
    }
}

@media (min-width: 992px) {

    .mb-lg-0,
    .my-lg-0 {
        margin-block-end: 0 !important;
    }
}

@media (min-width: 768px) {

    .mb-md-4,
    .my-md-4 {
        margin-block-end: 1.5rem !important;
    }
}

@media (min-width: 992px) {
    .wd-lg-66p {
        width: 66%;
    }
}

.landing-layout .banner-section .image-container {
    padding: 0px;
    border-radius: 16px;
    box-shadow: 1px 3px 11px 0px var(--box-shadow-color);
    border: 10px solid var(--fixed-white-3);
}

.landing-layout .nav-header-main .mobile-logo {
    margin-inline-start: 0px !important;
}

@media (max-width: 992px) {
    .landing-page .nav-item {
        padding-left: 25px;
    }
}

.horizontal .app-sidebar {
    width: 270px;
}

.horizontal .main-sidemenu {
    padding: 0;
}

@media (max-width: 992px) {
    .nav-header-main .container {
        max-width: none;
    }
}

.landing-layout .banner-section .nav-header-main.sticky.sticky-pin .btn-outline-light {
    color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
}

.landing-layout .banner-section .nav-header-main.sticky.sticky-pin .header-icon {
    color: var(--primary-bg-color);
}

.landing-layout .banner-section .nav-header-main.sticky .header-icon {
    color: var(--fixed-white);
}

.landing-page .nav-header-main .toggler-icon {
    position: relative;
}

.landing-page .nav-header-main .header-nav-right {
    position: absolute;
    inset-inline: 0px;
    inset-block-start: 64px;
}

.landing-page .nav-link.icon {
    padding: 10px 15px;
    color: var(--white);
}

.landing-page .footer-section .container {
    padding-block-start: 4rem;
}

.landing-page .footer-section .social-icons {
    width: 30px;
    height: 30px;
    padding: 6px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.landing-page .owl-dots {
    text-align: center;
    padding-top: 15px;
}

.landing-page .owl-dots button.owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 10px;
}

.landing-page .owl-dots button.owl-dot.active {
    background-color: #000;
}

.landing-page .owl-dots button.owl-dot:focus {
    outline: none;
}

.landing-page .owl-carousel button.owl-dot {
    background: var(--primary-07);
}

.landing-page .owl-carousel button.owl-dot.active {
    background: var(--primary-bg-color);
}

.landing-page .feature-card.bg-hover-shape {
    padding: 1.5rem;
}

.landing-page .owl-carousel {
    z-index: 0;
}

.landing-page .card-contact {
    position: relative;
}

.landing-page .square-img {
    position: absolute;
    width: 150px;
    height: 150px;
    inset-block-start: -3rem;
    inset-inline-start: -3rem;
    background-color: var(--warning-bg-color);
    opacity: 0.075;
    border-radius: 50%;
}

.landing-page .icon-border {
    margin-inline-end: 1rem;
}

.landing-page .privacy-faq-container .accordion.accordion-style1>.accordion-item:not(:first-of-type) {
    border: 0;
}

.landing-page .privacy-faq-container .accordion.accordion-style1>.accordion-item {
    border: 0;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.06);
}

.landing-page .animation-img {
    animation: moveright 4s ease 2;
}

@keyframes moveright {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(3px, 0px);
    }

    100% {
        transform: translate(0, 0px);
    }
}

.banner-section-content .btn-outline-light {
    color: #fff;
    border-color: #fff !important;
}

@media (max-width: 530px) {
    .landing-layout .pattern2 {
        width: 120px;
        height: 120px;
        inset-inline-start: 48px;
        inset-block-start: -23px;
    }

    .landing-layout .pattern {
        width: 200px;
        height: 200px;
        inset-block-start: -3px;
        inset-inline-start: 113px;
    }
}

@media (max-width: 992px) {
    .landing-page .pricing-section .nav-item {
        padding-left: 0px;
    }
}

.privacy-faq-container .accordion-body {
    background: var(--white);
}

.privacy-faq-container .accordion-header a {
    display: flex !important;
}

.visitor .media:first-child {
    margin-block-start: 0;
}

.visitor .media .media-title {
    margin-block-end: 0;
}

.media-body {
    overflow: visible;
    margin-inline-start: 15px;
}

.media-body h4 {
    font-size: 16px;
    color: var(--color);
}

.media-body p {
    font-size: 13px !important;
}

.media-body .nav-pills li a {
    color: var(--color);
}

.media-body .nav-pills li a:hover {
    text-decoration: none;
    color: #ababc7;
}

.media-object {
    max-width: 50px;
    border-radius: 50px;
    display: block;
}

.media .media-right {
    float: var(--float-end);
    color: var(--primary-bg-color);
    font-weight: 600;
    font-size: 16px;
}

.media .media-icon {
    font-size: 20px;
    margin-inline-end: 15px;
    line-height: 1;
}

.media .media-title {
    margin-block-start: 0;
    margin-block-end: 5px;
    font-weight: 500;
}

.media .media-title a {
    color: #68686b;
}

.media .media-description {
    line-height: 24px;
    color: var(--color);
}

.media .media-links {
    margin-block-start: 10px;
}

.media .media-links a {
    font-size: 12px;
    color: #999;
}

.media .media-progressbar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.media .media-progressbar .progress-text {
    font-size: 14px;
    font-weight: 600;
    margin-block-end: 5px;
    color: var(--color);
}

.media .media-cta {
    margin-inline-start: 40px;
}

.media .media-cta .btn {
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 12px;
}

.media .media-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.media .media-items .media-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 0 15px;
}

.media .media-items .media-item .media-label {
    font-weight: 500;
    font-size: 12px;
    color: var(--color);
}

.media .media-items .media-item .media-value {
    font-weight: 700;
    font-size: 18px;
}

.Relatedpost .media img {
    width: 70px;
    height: 70px;
    border: 1px solid var(--border);
    border-radius: 6px;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.media {
    display: flex;
    align-items: flex-start;
    -ms-flex-align: start;
}

.media {
    zoom: 1;
    overflow: hidden;
}

.panel-heading {
    padding: 0.75rem 1.25rem;
    border-block-end: 1px solid var(--border);
    border-start-end-radius: 3px;
    border-start-start-radius: 3px;
}

.panel-footer {
    padding: 0.75rem 1.25rem;
    border-block-start: 1px solid var(--border);
    border-start-end-radius: 3px;
    border-start-start-radius: 3px;
}

.panel {
    border-radius: 4px;
}

.panel-default {
    border: 1px solid var(--border);
    margin-block-end: 20px;
    border-radius: 4px;
}

.panel-primary {
    border: 1px solid var(--border);
}

.panel-success {
    border: 1px solid var(--border);
}

.panel-info {
    border: 1px solid var(--border);
}

.panel-warning {
    border: 1px solid var(--border);
}

.panel-danger {
    border: 1px solid var(--border);
}

.panel-title {
    margin-block-start: 0;
    margin-block-end: 0;
    font-size: 16px;
}

.panel-body {
    padding: 15px;
}

.panel-body:before {
    display: table;
    content: " ";
}

.panel-body:after {
    display: table;
    content: " ";
    clear: both;
}

.panel-default>.panel-heading,
.panel-default>.panel-footer {
    color: var(--color);
    background-color: var(--background);
    border-color: var(--border);
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.panel-success>.panel-heading {
    color: #fff;
    background-color: var(--success-bg-color);
    border-color: var(--success-bg-color);
}

.panel-info>.panel-heading {
    color: #fff;
    background-color: var(--info-bg-color);
    border-color: var(--info-bg-color);
}

.panel-warning>.panel-heading {
    color: #fff;
    background-color: var(--warning-bg-color);
    border-color: var(--warning-bg-color);
}

.panel-danger>.panel-heading {
    color: #fff;
    background-color: var(--danger-bg-color);
    border-color: var(--danger-bg-color);
}

.rating-stars {
    width: 100%;
    text-align: center;
}

.rating-stars .rating-stars-container {
    font-size: 0px;
}

.rating-stars .rating-stars-container .rating-star {
    display: inline-block;
    font-size: 32px;
    cursor: pointer;
    padding: 5px 10px;
    color: #ebedf5;
}

.rating-stars .rating-stars-container .rating-star.sm {
    display: inline-block;
    font-size: 14px;
    color: var(--border);
    cursor: pointer;
    padding: 5px;
}

.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f1c40f;
}

.rating-stars .rating-stars-container .rating-star.is--no-hover {
    color: #3e4b5b;
}

.rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
    color: #9f78ff;
}

.rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
    color: #3e4b5b;
}

.rating-stars input {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e3ebf3;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rate {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
}

.rate input {
    display: none;
    margin-block-end: 0 !important;
}

.rate label {
    float: var(--float-end);
    font-size: 0;
    color: #dfdfe2;
    margin-inline-end: 0.5rem;
    margin-block-end: 0 !important;
}

.rate label:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 40px;
}

.rate label:hover {
    color: var(--warning-bg-color);
    transition: 0.2s;
}

.rate label:hover~.rate label {
    color: var(--warning-bg-color);
    transition: 0.2s;
}

.rate input:checked~.rate label {
    color: #ccac00;
}

.rate input:checked~.rate label:hover {
    color: var(--warning-bg-color);
    transition: 0.2s;
}

.rate input:checked~.rate label:hover~.rate label {
    color: var(--warning-bg-color);
    transition: 0.2s;
}

.br-theme-fontawesome-stars-o .br-widget a {
    font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-inline-end: 2px;
}

.br-theme-fontawesome-stars-o .br-widget a.br-active:after,
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    content: "\f005";
    color: #f1c40f !important;
}

.br-theme-fontawesome-stars-o .br-widget a:after {
    content: "\f006";
    color: #e5e9f2;
}

.br-theme-fontawesome-stars .br-widget a {
    font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-inline-end: 2px;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #f1c40f !important;
}

.br-theme-fontawesome-stars .br-widget a:after {
    content: "\f005" !important;
    color: #e5e9f2;
}

.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-1to10 .br-widget a.br-selected {
    background-color: var(--primary-bg-color) !important;
}

.br-theme-bars-1to10 .br-widget a {
    display: block;
    width: 12px;
    padding: 5px 0;
    height: 28px;
    float: var(--float-start);
    margin: 1px;
    text-align: center;
}

.br-theme-bars-1to10 .br-widget a {
    background-color: #e5e9f2;
}

.br-theme-bars-1to10 .br-widget .br-current-rating {
    font-size: 20px;
    line-height: 2;
    float: var(--float-start);
    padding: 0 20px 0 20px;
    font-weight: 400;
}

.br-theme-bars-1to10 .br-widget .br-current-rating {
    color: var(--primary-bg-color);
}

.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected {
    background-color: var(--primary-bg-color) !important;
}

.br-theme-bars-movie .br-widget a {
    display: block;
    width: 60px;
    height: 8px;
    float: var(--float-start);
    margin: 1px;
}

.br-theme-bars-movie .br-widget a {
    display: block;
    width: 60px;
    height: 8px;
    float: var(--float-start);
    margin: 1px;
}

.br-theme-bars-movie .br-widget a {
    background-color: #e5e9f2;
}

.br-theme-bars-movie .br-widget .br-current-rating {
    clear: both;
    width: 240px;
    text-align: center;
    font-weight: 600;
    display: block;
    padding: 0.5em 0;
    font-weight: 400;
}

.br-theme-bars-movie .br-widget .br-current-rating {
    color: var(--primary-bg-color);
}

.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid var(--primary-bg-color);
    color: var(--primary-bg-color);
}

.br-theme-bars-square .br-widget a {
    display: block;
    width: 30px;
    height: 30px;
    float: var(--float-start);
    margin: 2px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    font-weight: 600;
}

.br-theme-bars-square .br-widget a {
    display: block;
    width: 30px;
    height: 30px;
    float: var(--float-start);
    margin: 2px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    font-weight: 600;
}

.br-theme-bars-square .br-widget a {
    border: 2px solid #e5e9f2;
    background-color: #fff;
    color: #e5e9f2;
}

.br-theme-bars-pill .br-widget a:first-child {
    -webkit-border-start-start-radius: 999px;
    -webkit-border-end-start-radius: 999px;
    -moz-border-radius-topleft: 999px;
    -moz-border-radius-bottomleft: 999px;
    border-start-start-radius: 999px;
    border-end-start-radius: 999px;
}

.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected {
    background-color: var(--primary-bg-color) !important;
    color: white;
}

.br-theme-bars-pill .br-widget a {
    padding: 7px 15px;
    text-decoration: none;
    font-size: 13px;
    line-height: 3;
    text-align: center;
    font-weight: 400;
}

.br-theme-bars-pill .br-widget a {
    background-color: #e5e9f2;
    color: var(--primary-bg-color);
}

.br-theme-bars-pill .br-widget a:last-child {
    -webkit-border-start-end-radius: 999px;
    -webkit-border-end-end-radius: 999px;
    -moz-border-radius-topright: 999px;
    -moz-border-radius-bottomright: 999px;
    border-start-end-radius: 999px;
    border-end-end-radius: 999px;
}

.br-theme-bars-horizontal .br-widget a {
    display: block;
    width: 120px;
    height: 5px;
    margin: 1px;
}

.br-theme-bars-horizontal .br-widget a {
    background-color: #e5e9f2;
}

.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected {
    background-color: var(--primary-bg-color) !important;
}

.br-theme-bars-horizontal .br-widget .br-current-rating {
    width: 120px;
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    text-align: center;
}

.br-theme-bars-horizontal .br-widget .br-current-rating {
    color: var(--primary-bg-color);
}

.rating-stars i {
    padding: 5px;
    font-size: 1.5rem;
}

.selectgroup {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.selectgroup-item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}

.selectgroup-item+.selectgroup-item {
    margin-inline-start: -1px;
}

.selectgroup-item:not(:first-child) .selectgroup-button {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.selectgroup-item:not(:last-child) .selectgroup-button {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.selectgroup-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
    inset-block-start: 0;
    inset-inline-start: 0;
}

.selectgroup-button {
    display: block;
    border: 1px solid rgba(167, 180, 201, 0.3);
    text-align: center;
    padding: 0.375rem 1rem;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    color: #a7b4c9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    min-width: 2.375rem;
}

.selectgroup-input:checked+.selectgroup-button {
    border-color: var(--primary-bg-color);
    z-index: 1;
    color: var(--primary-bg-color);
    background: #f1f6f7;
}

.selectgroup-input:focus+.selectgroup-button {
    border-color: var(--primary-bg-color);
    z-index: 2;
    color: var(--primary-bg-color);
    box-shadow: 0 0 0 2px rgba(5, 117, 230, 0.25);
}

.selectgroup-pills {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}

.selectgroup-pills .selectgroup-item {
    margin-inline-end: 0.5rem;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.selectgroup-pills .selectgroup-button {
    border-radius: 50px !important;
}

.select2-lg .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.95rem !important;
}

.select2-sm .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.85rem !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-bg-color);
    color: white;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: var(--primary-bg-color);
    color: white;
}

.tabs-style1 {
    border: 1px solid var(--border);
    border-radius: 3px;
    overflow: hidden;
}

.tabs-style1>.panel-head {
    background: var(--background);
}

.tabs-style1>.panel-body {
    border: none;
}

.tabs-style2>.panel-head>.nav-tabs {
    padding: 0px 0px 10px !important;
    border-block-end: 0;
}

.tabs-style2>.panel-head>.nav-tabs.p-0 {
    padding: 0px !important;
}

.tabs-style2>.panel-head>.nav-tabs>.nav-item>.nav-link {
    border-radius: 0.25rem;
    border-color: var(--border);
    border-block-end: 1px solid var(--border);
    color: var(--muted) !important;
}

.tabs-style2>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):hover {
    color: var(--primary-bg-color) !important;
    background: var(--black-03);
}

.tabs-style2>.panel-head>.nav-tabs>.nav-item>.nav-link.active {
    color: var(--fixed-white) !important;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.tabs-style2>.panel-body {
    border-radius: 3px;
}

.tabs-style3 {
    display: flex;
}

.tabs-style3>.panel-head>.nav-tabs {
    flex-direction: column;
    padding: 0px !important;
    border-block-end: 0;
}

.tabs-style3>.panel-head>.nav-tabs>.nav-item+.nav-item {
    margin-inline-start: 0px;
    margin-block-start: 10px;
}

.tabs-style3>.panel-head>.nav-tabs>.nav-item>.nav-link {
    border-radius: 0.25rem;
    border-color: var(--border);
    border-block-end: 1px solid var(--border);
    color: var(--muted) !important;
}

.tabs-style3>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):hover {
    color: var(--primary-bg-color) !important;
    background: var(--black-03);
}

.tabs-style3>.panel-head>.nav-tabs>.nav-item>.nav-link.active {
    color: var(--fixed-white) !important;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.tabs-style3>.panel-body {
    border-radius: 3px;
    margin-inline-start: 10px;
    flex: 1;
}

.tabs-style4 {
    display: flex;
}

.tabs-style4>.panel-head {
    order: 1;
}

.tabs-style4>.panel-head>.nav-tabs {
    flex-direction: column;
    padding: 0px !important;
    border-block-end: 0;
}

.tabs-style4>.panel-head>.nav-tabs>.nav-item+.nav-item {
    margin-inline-start: 0px;
    margin-block-start: 10px;
}

.tabs-style4>.panel-head>.nav-tabs>.nav-item>.nav-link {
    border-radius: 0.25rem;
    border-color: var(--border);
    border-block-end: 1px solid var(--border);
    color: var(--muted) !important;
}

.tabs-style4>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):hover {
    color: var(--primary-bg-color) !important;
    background: var(--black-03);
}

.tabs-style4>.panel-head>.nav-tabs>.nav-item>.nav-link.active {
    color: var(--fixed-white) !important;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.tabs-style4 .panel-body {
    order: 0;
    flex: 1;
    border-radius: 3px;
    margin-inline-end: 10px;
}

.tabs-style5>.panel-head>.nav-tabs {
    padding: 0.5rem !important;
    background: var(--black-03);
    border-radius: 30px;
    border-block-end: 0;
}

.tabs-style5>.panel-head>.nav-tabs>.nav-item>.nav-link {
    padding: 0.5rem 1rem;
    border-radius: 30px;
    border: none;
    color: var(--muted) !important;
}

.tabs-style5>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):hover {
    color: var(--primary-bg-color) !important;
    background: var(--black-03);
}

.tabs-style5>.panel-head>.nav-tabs>.nav-item>.nav-link.active {
    background: var(--primary-bg-color);
    color: var(--fixed-white) !important;
}

.tabs-style5>.panel-body {
    border: none;
}

.tabs-style6>.panel-head>.nav-tabs {
    padding: 0.5rem !important;
    background: var(--black-03);
    border-radius: 30px;
    border-block-end: 0;
}

.tabs-style6>.panel-head>.nav-tabs>.nav-item>.nav-link {
    padding: 0.5rem 1rem;
    border-radius: 30px;
    border: none;
    color: var(--muted) !important;
}

.tabs-style6>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):hover {
    color: var(--primary-bg-color) !important;
    background: var(--background);
}

.tabs-style6>.panel-head>.nav-tabs>.nav-item>.nav-link.active {
    background: var(--white);
    color: var(--primary-bg-color) !important;
}

.tabs-style6>.panel-body {
    border: none;
}

.tabs-style7>.panel-head>.nav-tabs {
    border-block-end: none;
    padding: 0px !important;
}

.tabs-style7>.panel-head>.nav-tabs>.nav-item>.nav-link {
    border-block-end: 2px solid transparent;
    color: var(--muted) !important;
}

.tabs-style7>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):hover,
.tabs-style7>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):focus {
    color: var(--primary-bg-color) !important;
    background: none;
    border-color: transparent;
    border-block-end-color: transparent;
}

.tabs-style7>.panel-head>.nav-tabs>.nav-item>.nav-link.active {
    color: var(--primary-bg-color) !important;
    background-color: transparent;
    border-color: transparent transparent var(--primary-bg-color) transparent;
}

.tabs-style7>.panel-body {
    border: none;
}

.tabs-style7.scaleX>.panel-head .nav-tabs>.nav-item>.nav-link {
    position: relative;
    border-block-end: none;
}

.tabs-style7.scaleX>.panel-head .nav-tabs>.nav-item>.nav-link:focus::before,
.tabs-style7.scaleX>.panel-head .nav-tabs>.nav-item>.nav-link.active::before {
    transform: scaleX(1);
}

.tabs-style7.scaleX>.panel-head .nav-tabs>.nav-item>.nav-link::before {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0%;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: center;
    background-color: var(--primary-bg-color);
    transition: transform ease 300ms;
}

.nav-tabs .nav-item+.nav-item {
    margin-inline-start: 5px;
}

.panel-body {
    padding: 15px;
}

.nav-tabs .nav-link.active {
    color: var(--primary-bg-color);
    background-color: var(--white);
    border-color: var(--border);
}

.custom-pages .tabs-style7>.panel-head>.nav-tabs>.nav-item>.nav-link {
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 0.25rem;
    color: var(--color) !important;
}

.custom-pages .tabs-style7>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):hover,
.custom-pages .tabs-style7>.panel-head>.nav-tabs>.nav-item>.nav-link:not(.active):focus {
    color: var(--fixed-white) !important;
    background: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.custom-pages .tabs-style7>.panel-head>.nav-tabs>.nav-item>.nav-link.active {
    color: var(--fixed-white) !important;
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.tags-avatar .tag {
    line-height: 2.5em;
}

.tag {
    font-size: 0.75rem;
    color: var(--color);
    background-color: var(--background);
    border-radius: 5px;
    padding: 0 0.5rem;
    line-height: 2em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: default;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.tag {
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s color, 0.3s background;
}

a.tag:hover {
    background-color: rgba(110, 118, 135, 0.2);
    color: inherit;
}

.tag-addon {
    display: inline-block;
    padding: 0 0.5rem;
    color: inherit;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.02);
    margin-block-start: 0px;
    margin-inline-end: -0.5rem;
    margin-block-end: 0px;
    margin-inline-start: 0.5rem;
    text-align: center;
    min-width: 1.5rem;
}

.tag-addon:last-child {
    border-start-end-radius: 3px;
    border-end-end-radius: 3px;
}

.tag-addon i {
    vertical-align: middle;
    margin: 0 -0.25rem;
}

a.tag-addon {
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s color, 0.3s background;
}

a.tag-addon:hover {
    background: rgba(0, 0, 0, 0.1);
    color: inherit;
}

.tag-avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-start-start-radius: 3px;
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
    border-end-start-radius: 3px;
    margin-block-start: 0px;
    margin-inline-end: 0.5rem;
    margin-block-end: 0px;
    margin-inline-start: -0.5rem;
}

.tag-blue {
    background-color: #0000fe !important;
    color: #fff !important;
}

.tag-indigo {
    background-color: var(--indigo-bg-color) !important;
    color: #fff !important;
}

.tag-purple {
    background-color: var(--purple-bg-color) !important;
    color: #fff !important;
}

.tag-pink {
    background-color: var(--pink-bg-color) !important;
    color: #fff !important;
}

.tag-red {
    background-color: #f94859 !important;
    color: #fff !important;
}

.tag-orange {
    background-color: var(--orange-bg-color) !important;
    color: #fff !important;
}

.tag-yellow {
    background-color: var(--warning-bg-color) !important;
    color: #fff !important;
}

.tag-green {
    background-color: var(--success-bg-color) !important;
    color: #fff !important;
}

.tag-teal {
    background-color: var(--teal-bg-color) !important;
    color: #fff !important;
}

.tag-cyan {
    background-color: var(--cyan-bg-color) !important;
    color: #fff !important;
}

.tag-white {
    background-color: #fff !important;
    color: #3d3f4e !important;
}

.tag-gray {
    background-color: #aaadb2 !important;
    color: #fff !important;
}

.tag-gray-dark {
    background-color: #3d3f4e !important;
    color: #fff !important;
}

.tag-azure {
    background-color: #0a7ffb !important;
    color: #fff !important;
}

.tag-lime {
    background-color: #9db825 !important;
    color: #fff !important;
}

.tag-primary {
    background-color: var(--primary-bg-color) !important;
    color: #fff !important;
}

.tag-secondary {
    background-color: var(--secondary-bg-color) !important;
    color: #fff !important;
}

.tag-success {
    background-color: var(--success-bg-color) !important;
    color: #fff !important;
}

.tag-info {
    background-color: var(--info-bg-color) !important;
    color: #fff !important;
}

.tag-warning {
    background-color: var(--warning-bg-color) !important;
    color: #fff !important;
}

.tag-danger {
    background-color: var(--danger-bg-color) !important;
    color: #fff !important;
}

.tag-light {
    background-color: #f8f9fa !important;
    color: #fff !important;
}

.tag-dark {
    background-color: #3d3f4e !important;
    color: #fff !important;
}

.tag-rounded {
    border-radius: 50px;
}

.tag-rounded .tag-avatar {
    border-radius: 50px;
}

.tags {
    margin-block-end: -0.5rem;
    font-size: 0;
}

.tags>.tag {
    margin-block-end: 0.5rem;
}

.tags>.tag:not(:last-child) {
    margin-inline-end: 0.5rem;
}

.tag-outline-primary {
    color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
}

.tag-outline-secondary {
    color: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
}

.tag-outline-success {
    color: var(--success-bg-color) !important;
    border-color: var(--success-bg-color) !important;
}

.tag-outline-warning {
    color: var(--warning-bg-color) !important;
    border-color: var(--warning-bg-color) !important;
}

.tag-outline-info {
    color: var(--info-bg-color) !important;
    border-color: var(--info-bg-color) !important;
}

.tag-outline-danger {
    color: var(--danger-bg-color) !important;
    border-color: var(--danger-bg-color) !important;
}

.tag-outline-pink {
    color: var(--pink-bg-color) !important;
    border-color: var(--pink-bg-color) !important;
}

.tag-outline-cyan {
    color: var(--cyan-bg-color) !important;
    border-color: var(--cyan-bg-color) !important;
}

.tags-group .tag-item .tag {
    background-color: var(--primary-02);
    border-color: var(--primary-02);
    color: var(--primary-bg-color);
    cursor: pointer;
}

.tags-group .tag-item .selectgroup-input:checked+.tag {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
    color: var(--fixed-white);
}

.cbp_tmtimeline {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.cbp_tmtimeline:before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    width: 3px;
    background: var(--black-1);
    inset-inline-start: 20%;
    margin-inline-start: -6px;
}

.cbp_tmtimeline>li {
    position: relative;
}

.cbp_tmtimeline>li:first-child .cbp_tmtime span.large {
    font-size: 17px !important;
    font-weight: 700;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
    font-size: 13px;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
    background: var(--white);
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: var(--white);
}

.cbp_tmtimeline>li .empty span {
    color: rgba(0, 0, 0, 0.5);
}

.cbp_tmtimeline>li .cbp_tmtime {
    display: block;
    width: 21%;
    padding-inline-end: 70px;
    position: absolute;
}

.cbp_tmtimeline>li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline>li .cbp_tmtime span:first-child {
    font-size: 15px;
    font-weight: 700;
}

.cbp_tmtimeline>li .cbp_tmtime span:last-child {
    font-size: 14px;
}

.cbp_tmtimeline>li .cbp_tmlabel {
    margin-block-start: 0px;
    margin-inline-end: 0px;
    margin-block-end: 30px;
    margin-inline-start: 25%;
    background: var(--white);
    padding: 1.2em;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
}

.cbp_tmtimeline>li .cbp_tmlabel:after {
    inset-inline-end: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: var(--white);
    border-width: 10px;
    inset-block-start: 10px;
}

.cbp_tmtimeline>li .cbp_tmlabel blockquote {
    font-size: 16px;
}

.cbp_tmtimeline>li .cbp_tmlabel .map-checkin {
    border: 5px solid rgba(235, 235, 235, 0.2);
    -moz-box-shadow: 0px 0px 0px 1px #ebebeb;
    -webkit-box-shadow: 0px 0px 0px 1px #ebebeb;
    box-shadow: 0px 0px 0px 1px #ebebeb;
    background: #3d3780 !important;
}

.cbp_tmtimeline>li .cbp_tmlabel h2 {
    margin: 0px;
    padding: 0 0 5px 0;
    line-height: 26px;
    font-size: 18px;
    font-weight: 600;
}

.cbp_tmtimeline>li .cbp_tmlabel h2 a {
    font-size: 15px;
}

.cbp_tmtimeline>li .cbp_tmlabel h2 a:hover {
    text-decoration: none;
}

.cbp_tmtimeline>li .cbp_tmlabel h2 span {
    font-size: 15px;
}

.cbp_tmtimeline>li .cbp_tmlabel p {
    margin-block-end: 0;
}

.cbp_tmtimeline>li .cbp_tmicon {
    width: 40px;
    height: 40px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: var(--white);
    background: #46a4da;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(154, 159, 185, 0.2);
    text-align: center;
    inset-inline-start: 20%;
    inset-block-start: 0;
    margin-block-start: 0px;
    margin-inline-end: 0px;
    margin-block-end: 0px;
    margin-inline-start: -25px;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .cbp_tmtimeline>li .cbp_tmtime {
        padding-inline-end: 60px;
        width: 25%;
    }

    .cbp_tmtimeline>li .cbp_tmicon {
        inset-inline-start: 23%;
    }

    .cbp_tmtimeline:before {
        inset-inline-start: 23%;
    }

    .cbp_tmtimeline>li .cbp_tmlabel {
        margin-block-start: 0px;
        margin-inline-end: 0px;
        margin-block-end: 15px;
        margin-inline-start: 30%;
    }
}

@media screen and (max-width: 65.375em) {
    .cbp_tmtimeline>li .cbp_tmtime span:last-child {
        font-size: 12px;
    }
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }

    .cbp_tmtimeline>li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding-block-start: 0px;
        padding-inline-end: 0px;
        padding-block-end: 20px;
        padding-inline-start: 0px;
    }

    .cbp_tmtimeline>li .cbp_tmtime span {
        text-align: start !important;
    }

    .cbp_tmtimeline>li .cbp_tmlabel {
        margin-block-start: 0px;
        margin-inline-end: 0px;
        margin-block-end: 30px;
        margin-inline-start: 0px;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

    .cbp_tmtimeline>li .cbp_tmlabel:after {
        inset-inline-end: auto;
        inset-inline-start: 20px;
        border-right-color: transparent;
        border-bottom-color: var(--white);
        inset-block-start: -20px;
    }

    .cbp_tmtimeline>li .cbp_tmicon {
        position: relative;
        float: var(--float-end);
        inset-inline-start: auto;
        margin: -64px 5px 0 0px;
    }

    .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: var(--white);
    }
}

/* ############### LAYOUTS STYLES ############### */
@media (min-width: 992px) {
    [data-vertical-style=doublemenu-tabs] .app .slide .side-menu__item:hover+.slide-menu {
        visibility: hidden;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar {
        position: fixed !important;
        overflow: visible !important;
        inset-inline-start: 0;
        width: 80px !important;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-content {
        min-height: 1300px;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar__user .user-info {
        display: none;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-menu__label {
        display: none !important;
        font-size: 11px !important;
        white-space: nowrap;
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        inset-inline-start: 0;
        color: var(--color);
        opacity: 1;
        background: transparent;
        box-shadow: none;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-menu__label1 {
        display: block !important;
        font-size: 1rem;
        font-weight: 500;
        padding: 5px 10px !important;
        width: 200px;
        margin-block-start: -55px;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-menu__label1 a {
        color: var(--color) !important;
        font-weight: 500;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-menu__icon {
        margin-inline-end: 0;
        margin-inline-start: 0;
        margin: 0 auto !important;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar__toggle .close-toggle {
        display: none;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-header {
        padding-inline-start: 345px !important;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar__header {
        width: 80px;
        padding: 10px;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar__header .mobile-logo {
        display: none !important;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar__header .mobile-logo-dark {
        display: block !important;
    }

    [data-vertical-style=doublemenu-tabs] .app.sidenav-toggled .app-sidebar__header {
        width: 80px;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-content {
        margin-inline-start: 360px;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar__overlay {
        visibility: hidden;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide.is-expanded .slide-menu {
        display: none;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide .slide-menu {
        position: absolute;
        inset-inline-start: 50px;
        min-width: 280px;
        opacity: 1;
        z-index: 9999;
        visibility: hidden;
        inset-block-start: 0;
        display: block;
        max-height: inherit;
    }

    [data-vertical-style=doublemenu-tabs] .app.sidenav-toggled .slide .slide-menu {
        position: absolute;
        visibility: hidden;
    }

    [data-vertical-style=doublemenu-tabs] .app .ps>.ps__rail-y {
        display: none !important;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide-menu {
        padding-inline-start: 0 !important;
        position: absolute;
        background: var(--menu-bg);
        opacity: 1;
        visibility: hidden;
        z-index: 999;
        inset-inline-start: 80px;
        width: 280px;
        transition: none !important;
        display: block !important;
        box-shadow: none;
        inset-block-start: 0;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide .slide-menu.double-menu-active {
        visibility: visible !important;
        display: block !important;
        height: 100% !important;
        position: absolute;
        inset-block-start: 0;
        padding: 20px 20px !important;
        border-radius: 0 !important;
        border-block-start: 0;
        overflow: hidden scroll;
        border-inline-end: 1px solid var(--border);
    }

    [data-vertical-style=doublemenu-tabs] .app .side-item.side-item-category {
        display: none !important;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-menu .slide .side-menu__item.active {
        display: block;
        padding: 8px !important;
        text-align: center;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-menu .slide .side-menu__item {
        display: block;
        padding: 8px !important;
        text-align: center;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-menu .slide .side-menu__item i.angle {
        display: none;
    }

    [data-vertical-style=doublemenu-tabs] .app .sub-slide a {
        text-decoration: none;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar .main-sidemenu .list-group-item {
        font-size: 13px;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide-item {
        padding-block: 8px;
        padding-inline-start: 35px;
        padding-inline-end: 12px;
    }

    [data-vertical-style=doublemenu-tabs] .app .sub-side-menu__item,
    [data-vertical-style=doublemenu-tabs] .app .sub-slide-item,
    [data-vertical-style=doublemenu-tabs] .app .sub-slide-menu1 .sub-slide-item2 {
        padding-block: 8px;
        padding-inline-start: 35px !important;
        padding-inline-end: 15px !important;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar .slide {
        position: inherit;
        display: block;
    }

    [data-vertical-style=doublemenu-tabs] .app.sidenav-toggled .app-header {
        padding-inline-start: 70px !important;
    }

    [data-vertical-style=doublemenu-tabs] .app.sidenav-toggled .app-content {
        margin-inline-start: 80px;
    }

    [data-vertical-style=doublemenu-tabs] .app.sidenav-toggled .app-sidebar__toggle .close-toggle {
        display: block;
    }

    [data-vertical-style=doublemenu-tabs] .app .app-sidebar .slide-menu .side-menu__label1 a:before {
        content: none;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide-menu .tabs-menu ul li a {
        padding: 6px 16px;
        margin: 3px;
        text-align: center;
        border: 1px solid var(--border);
        color: var(--color);
        border-radius: 3px;
    }

    [data-vertical-style=doublemenu-tabs] .app .main-img-user .avatar-xl {
        width: 55px;
        height: 55px;
    }

    [data-vertical-style=doublemenu-tabs] .app .tabs-menu a:before,
    [data-vertical-style=doublemenu-tabs] .app .side-account a:before,
    [data-vertical-style=doublemenu-tabs] .app .latest-timeline a:before {
        content: none;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide-menu .sidetab-menu .panel-tabs li a.active,
    [data-vertical-style=doublemenu-tabs] .app .slide-menu .sidetab-menu .panel-tabs li a:hover {
        background: var(--primary-bg-color);
        color: #fff !important;
        border: 1px solid var(--primary-bg-color);
        position: relative;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide-menu .sidetab-menu .panel-tabs li a.active p,
    [data-vertical-style=doublemenu-tabs] .app .slide-menu .sidetab-menu .panel-tabs li a:hover p {
        color: #fff;
    }

    [data-vertical-style=doublemenu-tabs] .app .slide-menu .sidetab-menu .panel-tabs li a p {
        margin-block-end: 0;
        font-size: 13px;
    }

    [data-vertical-style=doublemenu-tabs] .app .sidetab-menu .menutabs-content,
    [data-vertical-style=doublemenu-tabs] .app .sidetab-menu .tab-menu-heading {
        display: block;
        padding-inline: 15px;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-account li {
        padding: 7px 0;
        font-size: 14px;
    }

    [data-vertical-style=doublemenu-tabs] .app .side-account li a {
        color: var(--color);
    }

    [data-vertical-style=doublemenu-tabs] .app .sidemenu-list {
        padding-block-start: 70px;
    }

    [data-vertical-style=doublemenu-tabs] .app-sidebar .main-sidemenu .tab-content>.tab-pane {
        display: none !important;
    }

    [data-vertical-style=doublemenu-tabs] .app-sidebar .main-sidemenu .tab-content>.tab-pane.active {
        display: block !important;
    }
}

.main-footer {
    padding: 20px 30px 20px 30px;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
    border-block-start: 1px solid var(--border);
    margin-block-start: auto;
    display: block;
}

.sidenav-toggled .main-footer {
    padding: 20px 30px 20px 150px;
}

.footer-main {
    padding-block-start: 0.5rem;
    padding-block-end: 0.5rem;
    background: var(--white);
}

.footer-social-list {
    padding-inline-start: 0;
    list-style: none;
    margin: 0;
    line-height: 1.25rem;
}

.footer-social-list li {
    display: inline-block;
}

.footer-social-list li:not(:last-child) {
    margin-inline-end: 1rem;
}

.footer-social-list a {
    color: #8e9090;
    text-decoration: none;
    font-size: 1rem;
}

.footer-social-list a:hover {
    color: var(--primary-bg-color);
}

.top-footer {
    width: 100%;
    line-height: 1.25rem;
    opacity: 1;
    transform: translate(0px, 0px);
    color: #68686b;
    font-size: 14px;
    flex: 0 0 auto;
}

.top-footer h6 {
    font-size: 14px;
    margin-block-end: 1rem;
    font-weight: 600;
}

.top-footer p {
    color: #8e9090;
}

.top-footer a {
    color: #8e9090;
    line-height: 2;
}

.top-footer p:hover {
    color: var(--primary-bg-color);
}

.top-footer a address {
    color: #8e9090;
    margin-block-end: 0;
    line-height: 2;
}

.top-footer a address:hover {
    color: var(--primary-bg-color);
}

.top-footer img {
    width: 80px;
    border: 1px solid var(--border);
    padding: 2px;
    border-radius: 5px;
}

.top-footer img:hover {
    color: #8e9090;
    opacity: 0.6;
}

.top-footer a:hover {
    color: var(--primary-bg-color);
}

.footer-payments {
    padding-inline-start: 0;
    list-style: none;
    margin: 0;
    line-height: 1.25rem;
}

.footer-payments li {
    display: inline-block;
}

.footer-payments li:not(:last-child) {
    margin-inline-end: 1rem;
}

.footer-payments a {
    color: #8e9090;
    text-decoration: none;
    font-size: 2rem;
}

.footer-payments a:hover {
    color: var(--primary-bg-color);
    opacity: 0.9;
}

@media (max-width: 992px) {
    .footer-social-list {
        text-align: center;
        margin-block-start: 1rem;
    }

    .footer1 {
        text-align: center;
    }

    .footer.left-footer {
        padding: 1.25rem 1.25rem 1.25rem 250px;
    }
}

@media (min-width: 992px) {
    .footer.left-footer {
        padding-block-start: 1.25rem;
        padding-inline-end: 1.25rem;
        padding-block-end: 1.25rem;
        padding-inline-start: 250px;
    }
}

.footer {
    border-block-start: 1px solid #e3e3f7;
    font-size: 0.875rem;
    padding: 1.25rem 0;
    color: #1c1d22;
    background-color: #fff;
}

.footer .container {
    width: 100%;
    padding-inline-end: 0.75rem;
    padding-inline-start: 0.75rem;
    margin-inline-end: auto;
    margin-inline-start: auto;
}

.footer {
    display: block;
}

@media (min-width: 992px) {
    .footer-main {
        padding-inline-start: 250px !important;
    }
}

.footer .social ul li a {
    width: 29px;
    height: 29px;
    display: block;
    border: 1px solid var(--primary-bg-color);
    line-height: 25px;
    border-radius: 50%;
    color: var(--primary-bg-color);
    margin-inline: 4px;
}

.footer-social-list li a {
    width: 29px;
    height: 29px;
    display: block;
    border: 1px solid var(--primary-bg-color);
    line-height: 25px;
    border-radius: 50%;
    color: var(--primary-bg-color);
    text-align: center;
    line-height: 1.7;
}

.app-header {
    background: var(--header-bg);
    width: 100%;
    height: 66px;
    border-block-end: 1px solid var(--fixed-white-1);
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    align-items: stretch;
    transition: all ease 0.3s;
    z-index: 999;
}

.app-header.sticky {
    position: fixed;
    inset-inline: 0;
    inset-block-start: 0;
}

.app-header .collapse.show {
    display: flex;
}

.app-header.fixed-header {
    box-shadow: 0 -2px 17px 2px var(--black-2);
    -webkit-box-shadow: 0 -2px 17px 2px var(--black-2);
}

@media (min-width: 992px) {
    .app-header {
        width: 100%;
        padding-inline-start: 235px;
    }

    .Notifications-dropdown,
    .cart-dropdown {
        min-width: 20rem;
    }

    .Messages-dropdown {
        min-width: 25rem;
    }
}

@media print {
    .header {
        display: none;
    }
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(0.8rem);
    }

    100% {
        transform: transform;
        opacity: 1;
    }
}

@keyframes slideIn-1 {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        transform: transform;
        opacity: 1;
    }
}

.app-header .nav-link .badge,
.app-header .nav-item .badge {
    position: absolute;
}

.app-header .nav-link .badge {
    inset-block-start: 12px;
    inset-inline-end: 9px;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-header .dropdown-menu.show {
    transition: all ease 0.3s;
    animation: slideIn-1 0.2s linear;
}

.app-header .dropdown-menu[data-bs-popper] {
    animation: slideIn 0.22s linear;
}

.header-nav-link {
    display: flex;
    align-items: stretch;
    position: relative;
}

.header-right .dropdown-menu.show {
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
}

.masked-link {
    position: absolute;
    height: 100%;
    width: 100%;
    inset-inline-end: 0;
}

.highlight-item {
    position: relative;
}

.highlight-item::before {
    content: "";
    height: 100%;
    width: 2px;
    border-radius: 20rem;
    background-color: var(--primary-05);
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
}

.header-main .social-icons li {
    color: #212529;
    margin-inline-end: 22px;
    display: inline-block;
    list-style: none;
    font-size: 20px;
}

.custom-header .nav-link .badge {
    inset-block-start: 0;
    position: absolute;
    inset-inline-end: 0;
    display: block !important;
    padding: 3px 5px !important;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    font-size: 11px;
    line-height: 1;
}

.custom-header .nav-link.icon {
    margin: 9px;
    border-radius: 50%;
    padding: 12px;
    width: 2.5rem;
    text-align: center;
    height: 2.5rem;
    font-size: 15px;
    position: relative;
}

.header-search .header-icons .header-icons-link {
    display: flex;
    margin-block-end: 0;
}

.header-search .header-icons .header-icons-link li {
    background: rgba(222, 226, 241, 0.8);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    line-height: 2.5;
    margin-inline-end: 5px;
    position: relative;
}

.header-search .header-icons .header-icons-link1 .main-badge1 {
    position: absolute;
    inset-block-start: -7px;
    inset-inline-end: -2px;
    text-align: center;
    font-size: 10px;
    width: auto;
}

@media (max-width: 991.98px) {
    .responsive-logo .main-logo .desktop-logo {
        display: none;
        margin: 0 auto;
        inset-inline-start: 0;
        inset-inline-end: 0;
        text-align: center;
        position: absolute;
        inset-block-start: 15px;
    }

    .responsive-logo .main-logo .desktop-logo.desktop-logo-light {
        display: block;
    }

    .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
        display: none;
    }

    .responsive-navbar {
        position: relative !important;
    }

    .responsive-navbar .navbar-collapse {
        padding: 0px;
        padding-inline-start: 20px;
        padding-inline-end: 20px;
        width: 100%;
        background: var(--header-bg);
        margin-block-start: 0;
        z-index: 9999;
        inset-block-start: 65px;
        border-block-end: 1px solid var(--white-1);
        border-block-start: 1px solid var(--white-1);
        position: fixed;
        inset-inline-start: 0;
        inset-inline-end: 0;
    }

    .responsive-navbar .navbar-collapse .nav-link.icon {
        min-height: 3.5rem;
    }

    .responsive-navbar .navbar-collapse.show .dropdown {
        position: inherit !important;
    }

    .responsive-navbar .navbar-collapse.show .dropdown .dropdown-menu.show {
        width: 100% !important;
        inset-block-start: -5px !important;
        inset-inline: 0px !important;
    }

    .header-search {
        width: 600px;
    }
}

@media (min-width: 992px) {
    .responsive-logo {
        display: none;
    }
}

@media (min-width: 1280px) {
    .header-profile-img {
        position: relative;
    }

    .header-profile-img::before {
        content: "Alica Nestle";
        font-size: 14px;
        margin-inline-end: 0.5rem;
        font-weight: 500;
    }
}

@media (max-width: 1199px) {
    .country-text {
        display: none;
    }
}

.responsive-navbar {
    display: flex;
}

@media (max-width: 460px) {
    .header-right .nav-link.icon {
        padding: 0 7px;
    }

    .header-right .avatar.avatar-md {
        width: 1.5rem;
        height: 1.5rem;
    }

    .header-right .nav-link .badge {
        inset-inline-end: 0px;
    }
}

.header-dropdown-scroll1,
.header-dropdown-scroll2,
.header-dropdown-scroll3 {
    height: 280px;
}

.dark-layout {
    display: none !important;
}

.header-profile-img img {
    padding: 0.1rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0;
}

.header-search {
    width: 300px;
}

@media (min-width: 992px) {
    [data-layout=horizontal] .app-header {
        box-shadow: none;
    }

    [data-layout=horizontal] .app-sidebar__user {
        display: none;
    }

    [data-layout=horizontal] .ps>.ps__rail-y>.ps__thumb-y {
        display: none;
    }

    [data-layout=horizontal] .hor-header .responsive-logo .desktop-logo-dark {
        display: none;
    }

    [data-layout=horizontal] .hor-header .responsive-logo .desktop-logo-light {
        display: block;
    }

    [data-layout=horizontal] .wave {
        margin-block-start: -372px;
    }

    [data-layout=horizontal] .horizontal-main .sub-slide2 .sub-slide-menu1 {
        inset-inline-start: 163px;
        inset-block-start: 13px;
        width: 190px;
        position: absolute;
        background: var(--menu-bg);
        z-index: 9999;
        border-radius: 4px;
        padding: 5px;
        min-width: fit-content;
        border: 1px solid var(--border);
    }

    [data-layout=horizontal] .app-sidebar {
        border-block-end: 1px solid var(--border) !important;
        border-inline-start: 0;
        border-inline-end: 0;
    }

    [data-layout=horizontal] .main-footer {
        padding: 0.9rem 1rem !important;
    }

    [data-layout=horizontal] .horizontal-main {
        z-index: 99 !important;
    }

    [data-layout=horizontal] .hor-header .container,
    [data-layout=horizontal] .horizontal-main .container,
    [data-layout=horizontal] .main-content.horizontal-content .container {
        max-width: 85% !important;
        padding: 0;
    }

    [data-layout=horizontal] .page-header {
        --muted: rgba(60, 72, 88, 0.7);
        background: transparent;
        box-shadow: none;
        border-block-end: 0;
    }

    [data-layout=horizontal] .page-header .vr {
        width: 0;
    }

    [data-layout=horizontal][data-theme-color=dark] .page-header {
        --muted: #828b9d;
    }

    [data-layout=horizontal] .app-sidebar .side-item.side-item-category {
        display: none;
    }

    [data-layout=horizontal] .side-menu {
        display: flex;
        overflow: hidden;
    }

    [data-layout=horizontal] .main-sidemenu {
        margin-block-start: 0;
    }

    [data-layout=horizontal] .app-sidebar__header {
        display: none;
    }

    [data-layout=horizontal] .horizontal-main {
        width: 100%;
        position: relative;
        inset-block-end: initial;
    }

    [data-layout=horizontal] .horizontal-main.ps {
        overflow: visible !important;
    }

    [data-layout=horizontal] .horizontal-main .slide .slide-menu,
    [data-layout=horizontal] .horizontal-main .slide .sub-slide-menu {
        width: 190px;
        position: absolute;
        background: var(--menu-bg);
        z-index: 9999;
        border-radius: 4px;
        padding: 5px;
        min-width: fit-content;
        border: 1px solid var(--border);
    }

    [data-layout=horizontal] .slide.is-expanded .sub-slide-item2:before {
        inset-inline-start: 20px !important;
    }

    [data-layout=horizontal] .sub-slide-menu .sub-slide-item2 {
        padding-block: 8px !important;
        padding-inline-start: 40px !important;
        padding-inline-end: 20px !important;
    }

    [data-layout=horizontal] .sub-slide .sub-slide-menu {
        position: absolute;
        background: var(--menu-bg);
        z-index: 9999;
        border-radius: 4px;
        padding: 0px;
        min-width: fit-content;
        border: 1px solid var(--border);
        inset-inline-start: 163px;
        inset-block-start: 13px;
    }

    [data-layout=horizontal] .side-menu>li>a {
        display: flex;
        margin: 0px !important;
        text-decoration: none;
        position: relative;
        color: var(--color);
        padding: 14px 16px;
        font-weight: 400;
    }

    [data-layout=horizontal] .main-sidemenu i.angle {
        transform: rotate(90deg) !important;
        font-size: 15px;
        margin-inline-start: 9px;
    }

    [data-layout=horizontal] .main-sidemenu .slide.is-expanded i.angle {
        transform: rotate(-90deg);
        position: relative;
        inset-block-start: 0px;
        inset-inline-end: 0;
        font-size: 15px;
    }

    [data-layout=horizontal] .breadcrumb-header {
        margin-block-start: 20px;
    }

    [data-layout=horizontal] .slide {
        margin: 0 !important;
        padding: 0 !important;
        position: static;
    }

    [data-layout=horizontal] .responsive-logo {
        display: block;
    }

    [data-layout=horizontal] .app-sidebar__toggle {
        display: none;
    }

    [data-layout=horizontal] .mobile-logo.dark-logo-1 {
        display: none;
    }

    [data-layout=horizontal] .main-content {
        margin-inline-start: 0px !important;
    }

    [data-layout=horizontal] .main-sidemenu .slide-right {
        inset-inline-end: 0;
    }

    [data-layout=horizontal] .main-sidemenu .slide-left,
    [data-layout=horizontal] .main-sidemenu .slide-right {
        position: absolute;
        inset-block-start: 0px;
        padding: 17px;
        color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer;
    }

    [data-layout=horizontal] .main-sidemenu .slide-left {
        inset-inline-start: 0;
    }

    [data-layout=horizontal] .horizontal-main {
        position: relative;
        margin: 0px auto;
    }

    [data-layout=horizontal] .main-sidemenu {
        overflow: hidden;
    }

    [data-layout=horizontal] .sticky-pin {
        position: fixed;
        inset-block-start: 0;
        width: 100%;
        z-index: 9;
    }

    [data-layout=horizontal] .hor-header {
        padding-inline-start: 0;
        z-index: 1000 !important;
        transition: none;
    }

    [data-layout=horizontal] .hor-header.sticky-pin {
        z-index: 1 !important;
        position: absolute;
    }

    [data-layout=horizontal] .hor-header .responsive-logo {
        display: block;
        padding: 10px 0px;
    }

    [data-layout=horizontal][dir=ltr] .horizontal-main .slide.dropdownDirChng .slide-menu {
        inset-inline-end: 0 !important;
        inset-inline-start: initial !important;
    }

    [data-layout=horizontal][dir=ltr] .horizontal-main .slide.dropdownDirChng .sub-slide-menu {
        inset-inline-start: -108% !important;
        inset-inline-end: initial !important;
    }

    [data-layout=horizontal] .side-menu,
    [data-layout=horizontal] .main-sidemenu {
        overflow: visible !important;
    }

    [data-layout=horizontal] .app.sidenav-toggled .app-sidebar {
        width: 100% !important;
    }

    [data-layout=horizontal] .app-sidebar {
        width: 100% !important;
    }

    [data-layout=horizontal] .main-sidemenu.container {
        overflow: hidden !important;
    }

    [data-layout=horizontal][data-logo=centerlogo] .responsive-logo {
        display: block;
        position: absolute;
        inset-inline-start: 0;
        inset-inline-end: 0;
        margin: 0 auto;
        text-align: center;
    }

    [data-layout=horizontal][data-logo=centerlogo] .responsive-logo .mobile-logo {
        margin: 0 auto;
    }
}

@media (min-width: 992px) and (max-width: 1499px) {

    [data-layout=horizontal][data-logo=centerlogo] .layout-setting,
    [data-layout=horizontal][data-logo=centerlogo] #fullscreen-button,
    [data-layout=horizontal][data-logo=centerlogo] .header-profile-img {
        display: none !important;
    }
}

[data-layout=horizontal] .vertical-switcher {
    display: none;
}

[data-layout=horizontal] .horizontal-switcher {
    display: block;
}

@media (max-width: 991px) {
    [data-layout=horizontal] .hor-header {
        width: 100%;
    }

    [data-layout=horizontal] .app-sidebar.horizontal-main {
        inset-inline-start: -300px;
    }

    [data-layout=horizontal] .main-sidemenu {
        padding: 0;
    }

    [data-layout=horizontal] .horizontalMenucontainer .app-header.hor-header {
        position: fixed;
    }

    [data-layout=horizontal] .slide-left,
    [data-layout=horizontal] .slide-right {
        display: none !important;
    }

    [data-layout=horizontal] .main-sidemenu.container {
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
    }
}

@media (min-width: 992px) {
    [data-hor-style=hor-hover] .sub-slide2:hover .sub-slide-menu1 {
        display: block !important;
    }

    [data-hor-style=hor-hover] .app-sidebar .slide-menu .sub-slide-menu1 a:before {
        inset-inline-start: 20px !important;
        inset-block-start: 11px;
    }

    [data-hor-style=hor-hover] .slide:hover ul.slide-menu {
        display: block !important;
    }

    [data-hor-style=hor-hover] .sub-slide:hover .sub-slide-menu {
        display: block !important;
    }
}

.horizontal-switcher {
    display: none;
}

@media (max-width: 991px) {

    .sidebar-mini .side-menu,
    .sidebar-gone .side-menu {
        margin-inline: 0 !important;
    }

    .main-container.container {
        max-width: none;
        padding-inline: 1.25rem;
    }
}

@media (min-width: 992px) {
    [data-layout=horizontal] .side-menu {
        display: inline-flex !important;
        overflow: hidden;
    }
}

[data-layout=vertical] .side-menu {
    margin-inline: 0 !important;
}

[data-layout=horizontal][dir=rtl] .main-sidemenu .slide-right,
[data-layout=horizontal][dir=rtl] .main-sidemenu .slide-left {
    transform: rotate(180deg);
}

[data-layout=horizontal][dir=rtl] .main-sidemenu i.angle {
    transform: rotate(-90deg) !important;
}

.sidebar {
    position: fixed;
    display: block;
    inset-block-start: 0;
    width: 300px;
    inset-block-end: 0;
    z-index: 1000;
    min-height: 100%;
    max-height: none;
    background-color: var(--white);
    border-inline-start: 1px solid var(--border);
    box-shadow: 0px 8px 14.72px 1.28px var(--black-05);
    overflow: auto;
}

.sidebar-right {
    inset-inline-end: 0;
}

.row .sidebar.sidebar-right.sidebar-xs-show {
    inset-inline-end: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media (min-width: 768px) {
    .row .sidebar.sidebar-right.sidebar-sm-show {
        inset-inline-end: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (min-width: 992px) {
    .row .sidebar.sidebar-right.sidebar-md-show {
        inset-inline-end: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (min-width: 1170px) {
    .row .sidebar.sidebar-right.sidebar-lg-show {
        inset-inline-end: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

/* animation class - optional: without it the sidebar would just pop in and out*/
.sidebar-animate {
    -webkit-transition: -webkit-transform 300ms ease;
    -moz-transition: -moz-transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
}

.sidebar.sidebar-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.sidebar.sidebar-right.sidebar-open {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.main-sidebar {
    position: fixed;
    inset-block-start: 70px;
    inset-inline-start: 0;
    height: 100%;
    width: 250px;
    z-index: 880;
    background-color: #fff;
    border-inline-end: 1px solid var(--border);
}

body.sidebar-gone .main-sidebar {
    inset-inline-start: -250px;
}

body.sidebar-gone .navbar {
    inset-inline-start: 0;
}

.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge {
    position: absolute;
    inset-block-start: 5px;
    inset-inline-start: 57px;
    display: block !important;
    padding: 3px 5px !important;
}

.sidenav-toggled .main-wrapper .side-menu .side-menu__item .nav-badge1 {
    display: none;
}

.profile-tab label {
    font-weight: 600;
}

.profile-tab p {
    font-weight: 600;
    color: var(--primary-bg-color);
}

@media (max-width: 480px) {
    .profile-card .media {
        display: -ms-flexbox;
        display: inline-block;
        -ms-flex-align: start;
        align-items: center;
    }

    .profile-card .media-body {
        margin-inline-start: 0;
    }

    .profile-card .media-body h4 {
        margin-block-start: 12px;
    }

    .files input {
        outline-offset: 0px !important;
        padding: 120px 10% 85px 10% !important;
    }
}

.userprofile {
    width: 100%;
    float: var(--float-start);
    clear: both;
}

.userprofile .userpic {
    height: 100px;
    width: 100px;
    clear: both;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
    box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    position: relative;
}

.userprofile .userpic .userpicimg {
    height: auto;
    width: 100%;
    border-radius: 100%;
}

.username {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: var(--black);
    margin-block-start: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.username p {
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.userprofile.small {
    width: auto;
    clear: both;
    margin: 0px auto;
}

.userprofile.small .userpic {
    height: 40px;
    width: 40px;
    margin: 0 10px 0 0;
    display: block;
    border-radius: 100%;
    box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    float: var(--float-start);
}

.userprofile.small .textcontainer {
    float: var(--float-start);
    max-width: 100px;
    padding: 0;
}

.userprofile.small .userpic .userpicimg {
    min-height: 100%;
    width: 100%;
    border-radius: 100%;
}

.userprofile.social .username {
    color: var(--color);
    font-size: 22px;
}

.userprofile.social .username+p {
    color: #ababc7;
    opacity: 0.8;
}

.userprofile.small .username {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: var(--black);
    margin: 0px;
    float: var(--float-start);
    width: 100%;
}

.userprofile.small .username p {
    color: white;
    font-size: 13px;
    float: var(--float-start);
    width: 100%;
    margin: 0;
}

.app-sidebar {
    position: fixed;
    inset-block-start: 0px;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 250px;
    background: var(--menu-bg);
    overflow: auto;
    box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.15), 0 4px 16px 0 rgba(179, 187, 195, 0.0035);
    border-inline-end: 1px solid var(--border);
    transition: all ease 0.3s;
    z-index: 1024;
    max-height: 100%;
}

.app-sidebar__header {
    height: 66px;
    padding: 10px 20px;
    width: 250px;
    background: var(--white);
    border-block-end: 1px solid var(--border);
    position: fixed;
    border-inline-end: 1px solid var(--border);
    z-index: 999;
    inset-block-start: 0;
    inset-inline: 0;
    transition: all ease 0.3s;
}

.main-logo img {
    height: 2.6rem;
    margin: 0 auto;
    max-width: 100%;
}

.mobile-logo,
.desktop-logo {
    display: none;
}

.desktop-logo-dark {
    display: block;
}

.app-sidebar__user {
    position: relative;
    padding: 18px 0px;
    text-align: center;
    background-repeat: no-repeat;
    color: #3c4858;
}

.app-sidebar__profile-img {
    transition: width ease 0.3s;
    width: 4rem;
}

.app-sidebar__user-name,
.app-sidebar__user-designation {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;
    margin: 0 auto;
}

.user-pro-body .main-img-user {
    display: inline-block;
    position: relative;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto;
}

.app-sidebar__user img {
    padding: 5px;
    border: 1px solid var(--border);
    background: var(--background);
    position: relative;
    border-radius: 50%;
}

.app-sidebar__user-name {
    font-size: 13px;
}

.side-menu {
    margin-block-end: 0;
    padding: 0;
}

.slide {
    position: relative;
}

.slide.is-expanded .angle {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.angle {
    opacity: 0.8;
}

.sub-angle,
.sub-angle2 {
    float: var(--float-end);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.sub-angle,
.sub-angle2 {
    opacity: 0.6;
    transition: transform ease 0.2s;
}

.sub-slide.is-expanded .sub-angle,
.sub-slide2.is-expanded .sub-angle2 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.side-menu__item {
    position: relative;
    padding: 0.65rem 1.5rem;
    font-size: 15px;
    display: flex;
    align-items: center;
    margin: 0;
    color: var(--menu-color) !important;
}

.side-menu__item.active {
    color: var(--menu-primary) !important;
}

.side-menu__item.active .side-menu__icon {
    color: var(--primary-bg-color);
}

.side-menu__item:hover,
.side-menu__item:focus {
    color: var(--menu-primary) !important;
}

.side-menu__item:hover .side-menu__icon,
.side-menu__item:focus .side-menu__icon {
    color: var(--primary-bg-color);
}

.side-menu__icon {
    text-align: center;
    font-size: 19px;
    vertical-align: middle;
    margin-inline-end: 10px;
    margin-block-end: 3px;
}

.user-info h6 {
    color: var(--color);
}

.side-menu__label {
    display: block;
    flex: 1 1 auto;
    font-weight: 400;
    white-space: nowrap;
}

.slide-menu {
    margin-inline-start: 30px;
    display: none;
    height: auto;
}

.slide-menu li {
    position: relative;
}

.slide-item,
.sub-side-menu__item,
.sub-slide-item2 {
    font-size: 0.8375rem;
    color: var(--menu-color);
    padding-block: 6px;
    padding-inline-start: 35px;
    padding-inline-end: 19px;
    display: block;
    position: relative;
}

.slide-item::before,
.sub-side-menu__item::before,
.sub-slide-item2::before {
    content: "\e936";
    inset-block-start: 11px;
    inset-inline-start: 20px;
    position: absolute;
    font-family: "feather" !important;
    opacity: 0.6;
    font-size: 7px;
}

.slide-item:hover,
.slide-item.active,
.sub-side-menu__item:hover,
.sub-side-menu__item.active,
.sub-slide-item2:hover,
.sub-slide-item2.active {
    color: var(--menu-primary);
}

.slide-right,
.slide-left {
    inset-block: 0;
    background-color: transparent;
}

.sub-angle {
    inset-inline-end: 27px;
}

.sub-angle2 {
    inset-inline-end: 32px;
}

.sub-slide-menu,
.sub-slide-menu1 {
    display: none;
    margin-inline-start: 20px;
}

.sub-slide.is-expanded .sub-slide-menu {
    display: block;
}

.sidebar-mini .slide-left,
.sidebar-mini .slide-right {
    display: none;
}

@media (min-width: 992px) {
    .app.sidenav-toggled .main-img-user .avatar-xl {
        width: 55px;
        height: 55px;
    }

    .sidenav-toggled .user-info {
        display: none;
    }

    .app.sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar__user .user-info {
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .app.sidebar-mini.sidenav-toggled.show-sidenav .main-img-user .avatar-xl {
        width: 4rem;
        height: 4rem;
    }

    .sidebar-mini.sidenav-toggled .app-sidebar {
        inset-inline-start: 0;
        width: 70px;
    }

    .sidebar-mini.sidenav-toggled .app-sidebar__header {
        width: 70px;
        padding: 10px;
    }

    .sidebar-mini.sidenav-toggled .desktop-logo {
        display: none;
    }

    .sidebar-mini.sidenav-toggled .mobile-logo {
        display: none;
    }

    .sidebar-mini.sidenav-toggled .mobile-logo.mobile-logo-dark {
        display: block;
    }

    .sidebar-mini.sidenav-toggled .side-menu__item {
        display: block;
        text-align: center;
    }

    .sidebar-mini.sidenav-toggled .app-sidebar__profile-img {
        width: 2.5rem;
    }

    .sidebar-mini.sidenav-toggled .app-header {
        padding-inline-start: 55px;
    }

    .sidebar-mini.sidenav-toggled .app-sidebar__user-name,
    .sidebar-mini.sidenav-toggled .app-sidebar__user-designation,
    .sidebar-mini.sidenav-toggled .side-menu__label,
    .sidebar-mini.sidenav-toggled .angle,
    .sidebar-mini.sidenav-toggled .slide.is-expanded .slide-menu {
        display: none !important;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar {
        width: 250px;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .mobile-logo {
        display: none;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo {
        display: none;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo.desktop-logo-dark {
        display: block;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar__profile-img {
        width: 4rem;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar__user-name,
    .sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar__user-designation,
    .sidebar-mini.sidenav-toggled.show-sidenav .side-menu__label,
    .sidebar-mini.sidenav-toggled.show-sidenav .angle,
    .sidebar-mini.sidenav-toggled.show-sidenav .slide.is-expanded .slide-menu {
        display: block !important;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .side-menu__item {
        display: flex;
        align-items: center;
        text-align: start;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .side-menu__icon {
        margin-inline-end: 15px !important;
    }

    .sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar__header {
        width: 250px;
        padding: 10px 20px;
    }

    .sidebar-mini .app-sidebar .main-sidemenu {
        margin-block-start: 80px;
    }

    .app.sidenav-toggled .side-menu .side-menu__icon {
        margin-inline-end: 0;
        margin-inline-start: 0;
    }
}

@media (max-width: 991px) {
    .app .app-sidebar {
        inset-inline-start: -250px;
    }

    .app.sidenav-toggled .app-sidebar {
        inset-inline-start: 0;
    }

    .app-sidebar {
        z-index: 1029 !important;
        inset-block-start: 66px !important;
    }

    .app-sidebar__header {
        display: none;
    }

    .main-logo img {
        height: 2.2rem;
    }

    .app .app-sidebar {
        inset-inline-start: -250px;
    }
}

.side-menu__label1 {
    display: none !important;
}

.sidetab-menu .menutabs-content,
.sidetab-menu .tab-menu-heading {
    display: none;
}

.sidetab-menu .panel-body {
    background: transparent;
}

@media (max-width: 991px) {

    .app .app-sidebar .main-sidemenu #side2,
    .app .app-sidebar .main-sidemenu #side3,
    .app .app-sidebar .main-sidemenu #side5,
    .app .app-sidebar .main-sidemenu #side6,
    .app .app-sidebar .main-sidemenu #side8,
    .app .app-sidebar .main-sidemenu #side9,
    .app .app-sidebar .main-sidemenu #side11,
    .app .app-sidebar .main-sidemenu #side12,
    .app .app-sidebar .main-sidemenu #side14,
    .app .app-sidebar .main-sidemenu #side15,
    .app .app-sidebar .main-sidemenu #side17,
    .app .app-sidebar .main-sidemenu #side18,
    .app .app-sidebar .main-sidemenu #side20,
    .app .app-sidebar .main-sidemenu #side21,
    .app .app-sidebar .main-sidemenu #side23,
    .app .app-sidebar .main-sidemenu #side24,
    .app .app-sidebar .main-sidemenu #side26,
    .app .app-sidebar .main-sidemenu #side27,
    .app .app-sidebar .main-sidemenu #side29,
    .app .app-sidebar .main-sidemenu #side30,
    .app .app-sidebar .main-sidemenu #side32,
    .app .app-sidebar .main-sidemenu #side33 {
        display: none !important;
    }

    .app .app-sidebar .main-sidemenu .tab-content>.tab-pane {
        display: block !important;
    }
}

@media (min-width: 992px) {

    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side2,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side3,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side5,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side6,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side8,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side9,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side11,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side12,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side14,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side15,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side17,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side18,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side20,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side21,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side23,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side24,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side26,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side27,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side29,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side30,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side32,
    [data-vertical-style=default] .app .app-sidebar .main-sidemenu #side33,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side2,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side3,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side5,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side6,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side8,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side9,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side11,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side12,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side14,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side15,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side17,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side18,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side20,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side21,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side23,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side24,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side26,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side27,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side29,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side30,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side32,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu #side33,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side2,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side3,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side5,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side6,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side8,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side9,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side11,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side12,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side14,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side15,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side17,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side18,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side20,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side21,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side23,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side24,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side26,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side27,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side29,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side30,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side32,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu #side33,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side2,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side3,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side5,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side6,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side8,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side9,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side11,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side12,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side14,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side15,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side17,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side18,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side20,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side21,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side23,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side24,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side26,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side27,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side29,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side30,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side32,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu #side33,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side2,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side3,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side5,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side6,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side8,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side9,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side11,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side12,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side14,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side15,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side17,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side18,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side20,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side21,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side23,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side24,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side26,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side27,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side29,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side30,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side32,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu #side33,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side2,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side3,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side5,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side6,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side8,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side9,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side11,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side12,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side14,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side15,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side17,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side18,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side20,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side21,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side23,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side24,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side26,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side27,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side29,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side30,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side32,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu #side33,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side2,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side3,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side5,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side6,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side8,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side9,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side11,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side12,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side14,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side15,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side17,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side18,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side20,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side21,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side23,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side24,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side26,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side27,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side29,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side30,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side32,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu #side33 {
        display: none !important;
    }

    [data-vertical-style=default] .app .app-sidebar .main-sidemenu .tab-content>.tab-pane,
    [data-vertical-style=closed] .app .app-sidebar .main-sidemenu .tab-content>.tab-pane,
    [data-vertical-style=icontext] .app .app-sidebar .main-sidemenu .tab-content>.tab-pane,
    [data-vertical-style=overlay] .app .app-sidebar .main-sidemenu .tab-content>.tab-pane,
    [data-vertical-style=hover] .app .app-sidebar .main-sidemenu .tab-content>.tab-pane,
    [data-vertical-style=hover1] .app .app-sidebar .main-sidemenu .tab-content>.tab-pane,
    [data-vertical-style=doublemenu] .app .app-sidebar .main-sidemenu .tab-content>.tab-pane {
        display: block !important;
    }
}

[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side2,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side3,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side5,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side6,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side8,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side9,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side11,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side12,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side14,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side15,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side17,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side18,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side20,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side21,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side23,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side24,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side26,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side27,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side29,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side30,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side32,
[data-layout=horizontal] .app .app-sidebar .main-sidemenu #side33 {
    display: none !important;
}

[data-layout=horizontal] .app .app-sidebar .main-sidemenu .tab-content>.tab-pane {
    display: block !important;
}

@media (min-width: 992px) {
    [data-vertical-style=icontext] .app.sidenav-toggled .side-menu .side-menu__icon {
        margin-block-end: 5px;
    }

    [data-vertical-style=icontext] .sidenav-toggled .side-menu__label {
        display: block !important;
        position: relative !important;
    }

    [data-vertical-style=icontext] .app.sidenav-toggled .app-sidebar {
        width: 110px;
    }

    [data-vertical-style=icontext] .app.sidenav-toggled .app-sidebar__header {
        width: 110px;
    }

    [data-vertical-style=icontext] .app.sidenav-toggled .app-header {
        padding-inline-start: 95px;
    }

    [data-vertical-style=icontext] .app.sidenav-toggled .app-content {
        margin-inline-start: 110px;
    }

    [data-vertical-style=icontext] .app.sidebar-mini.show-sidenav .app-sidebar {
        width: 240px !important;
    }

    [data-vertical-style=icontext] .app.sidebar-mini.show-sidenav .app-sidebar__header {
        width: 240px !important;
    }

    [data-vertical-style=icontext] .app.sidebar-mini.show-sidenav .close-toggle {
        display: none !important;
    }

    [data-vertical-style=icontext] .sidebar-mini.show-sidenav .side-menu .slide .side-menu__item.active {
        width: inherit;
        height: inherit;
    }

    [data-vertical-style=icontext] .app.sidenav-toggled:not(.show-sidenav) .slide .side-menu__item {
        padding: 14px 10px;
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    [data-vertical-style=closed] .app.sidenav-toggled .app-sidebar {
        display: none !important;
    }

    [data-vertical-style=closed] .app.sidenav-toggled .app-content {
        margin-inline-start: 0px !important;
    }

    [data-vertical-style=closed] .app.sidenav-toggled .app-header {
        padding-inline-start: 0px !important;
    }
}

[data-vertical-style=hover] .sub-slide a {
    text-decoration: none;
}

@media (min-width: 992px) {
    [data-vertical-style=hover] .show-sidenav .slide-menu {
        border-start-start-radius: 0 !important;
        border-start-end-radius: 5px !important;
        border-end-end-radius: 5px !important;
        border-end-start-radius: 0 !important;
    }

    [data-vertical-style=hover] .slide-item {
        padding-block: 8px;
        padding-inline-start: 35px;
        padding-inline-end: 18px;
    }

    [data-vertical-style=hover] .slide-menu {
        border-start-start-radius: 0;
        border-start-end-radius: 5px;
        border-end-end-radius: 5px;
        border-end-start-radius: 0;
    }

    [data-vertical-style=hover] .sidebar-mini.sidenav-toggled.show-sidenav .slide .slide-menu {
        position: absolute;
        inset-inline-start: 79px;
        min-width: 180px;
        opacity: 1;
        z-index: 9999;
        visibility: hidden;
        inset-block-start: 0;
        display: block;
        max-height: inherit;
    }

    [data-vertical-style=hover] .sidebar-mini.sidenav-toggled .side-menu__item {
        padding: 12px 10px;
    }

    [data-vertical-style=hover] .sidebar-mini.sidenav-toggled.show-sidenav .main-img-user .avatar-xl {
        width: 55px;
        height: 55px;
    }

    [data-vertical-style=hover] .sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar__user .user-info {
        display: none;
    }

    [data-vertical-style=hover] .app-sidebar .slide {
        position: relative;
        display: block;
    }

    [data-vertical-style=hover] .app.show-sidenav .ps>.ps__rail-y {
        display: none !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .slide-menu {
        padding-inline-start: 0 !important;
        padding: 10px 0px !important;
        position: absolute;
        background: var(--menu-bg);
        opacity: 1;
        visibility: visible;
        z-index: 999;
        width: 200px;
        inset-inline-start: 110px;
        border: 1px solid var(--border);
        transition: none !important;
        display: block !important;
        inset-block-start: 0;
    }

    [data-vertical-style=hover] .app.show-sidenav .slide:hover .slide-menu {
        visibility: visible;
        display: block !important;
        height: auto !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .app-sidebar {
        overflow: visible !important;
        position: absolute !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .side-menu__label {
        white-space: nowrap;
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        inset-inline-start: 0;
        opacity: 1;
        background: transparent;
        font-size: 12px;
        box-shadow: none;
    }

    [data-vertical-style=hover] .app.show-sidenav .side-menu .side-menu__icon {
        margin-block-end: 5px !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo {
        display: none !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo-dark {
        display: block !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .side-item.side-item-category {
        display: none !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .side-menu__icon {
        margin-inline-end: 0;
        margin-inline-start: 0;
        margin: 0 auto !important;
    }

    [data-vertical-style=hover] .app.show-sidenav .side-menu .slide .side-menu__item.active {
        display: block;
        margin: 0 auto !important;
        text-align: center;
    }

    [data-vertical-style=hover] .app.show-sidenav .side-menu .slide .side-menu__item {
        display: block;
        text-align: center;
    }

    [data-vertical-style=hover] .app.show-sidenav .side-menu .slide .side-menu__item .angle {
        display: none !important;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .app-content {
        min-height: 1300px;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .side-menu__label {
        font-size: 13px !important;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .app-sidebar {
        position: absolute !important;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .side-menu .side-menu__icon {
        margin-block-end: 5px;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .side-menu__label {
        display: block !important;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .app-sidebar__toggle .close-toggle {
        display: block;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .app-header {
        padding-inline-start: 95px;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .app-sidebar__header {
        width: 110px;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .app-content {
        margin-inline-start: 110px;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .app-sidebar {
        inset-inline-start: 0;
        width: 110px !important;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .app-sidebar__overlay {
        visibility: hidden;
    }

    [data-vertical-style=hover] .app.sidenav-toggled .slide.is-expanded .slide-menu {
        display: none;
    }

    [data-vertical-style=hover] .side-badge {
        display: none;
    }

    [data-vertical-style=hover] .app-header {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inset-block-start: 0;
        position: fixed;
        z-index: 9;
    }
}

@media (min-width: 992px) {
    [data-vertical-style=hover1] .sub-slide a {
        text-decoration: none;
    }

    [data-vertical-style=hover1] .show-sidenav .slide-menu {
        border-start-start-radius: 0 !important;
        border-start-end-radius: 5px !important;
        border-end-end-radius: 5px !important;
        border-end-start-radius: 0 !important;
    }

    [data-vertical-style=hover1] .slide-item {
        padding-block: 8px;
        padding-inline-start: 35px;
        padding-inline-end: 18px;
    }

    [data-vertical-style=hover1] .sidenav-toggled .side-menu__label1 {
        display: block !important;
    }

    [data-vertical-style=hover1] .sidebar-mini.sidenav-toggled.show-sidenav .slide .slide-menu {
        position: absolute;
        inset-inline-start: 79px;
        min-width: 180px;
        opacity: 1;
        z-index: 9999;
        visibility: hidden;
        inset-block-start: 0;
        display: block;
        max-height: inherit;
    }

    [data-vertical-style=hover1] .sidebar-mini.sidenav-toggled .side-menu__item {
        padding: 12px 10px;
    }

    [data-vertical-style=hover1] .sidebar-mini.sidenav-toggled.show-sidenav .main-img-user .avatar-xl {
        width: 55px;
        height: 55px;
    }

    [data-vertical-style=hover1] .sidebar-mini.sidenav-toggled.show-sidenav .app-sidebar__user .user-info {
        display: none;
    }

    [data-vertical-style=hover1] .app-sidebar .slide {
        position: relative;
        display: block;
    }

    [data-vertical-style=hover1] .app.show-sidenav .ps>.ps__rail-y {
        display: none !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-menu__label1 {
        display: block;
        font-size: 15px;
        font-weight: 500;
        border-block-end: 1px solid var(--border);
        padding: 10px 20px !important;
        margin-block-end: 6px;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-menu__label1 a {
        color: var(--menu-primary) !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .slide-menu {
        padding-inline-start: 0 !important;
        position: absolute;
        background: var(--menu-bg);
        opacity: 1;
        visibility: visible;
        z-index: 999;
        inset-inline-start: 110px;
        width: 200px;
        border: 1px solid var(--border);
        transition: none !important;
        display: block !important;
        inset-block-start: 0;
    }

    [data-vertical-style=hover1] .app.show-sidenav .slide:hover .slide-menu {
        visibility: visible;
        display: block !important;
        height: auto !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .app-sidebar {
        overflow: visible !important;
        position: absolute !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-menu__label {
        display: none !important;
        white-space: nowrap;
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        inset-inline-start: 0;
        color: var(--color);
        opacity: 1;
        background: transparent;
        font-size: 12px;
        box-shadow: none;
    }

    [data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo {
        display: none !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo-dark {
        display: block !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-item.side-item-category {
        display: none !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-menu__icon {
        margin-inline-end: 0;
        margin-inline-start: 0;
        margin: 0 auto !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-menu .slide .side-menu__item.active {
        display: block;
        margin: 0 auto !important;
        text-align: center;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-menu .slide .side-menu__item {
        display: block;
        text-align: center;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-menu .slide .side-menu__item .angle {
        display: none !important;
    }

    [data-vertical-style=hover1] .app.show-sidenav .side-menu__label {
        display: none !important;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .app-content {
        min-height: 1300px;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .side-menu__label {
        display: none !important;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .side-menu__label {
        font-size: 13px !important;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .app-sidebar {
        position: absolute !important;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .app-sidebar__toggle .close-toggle {
        display: block;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .app-header {
        padding-inline-start: 95px;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .app-sidebar__header {
        width: 110px;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .app-content {
        margin-inline-start: 110px;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .app-sidebar {
        inset-inline-start: 0;
        width: 110px !important;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .app-sidebar__overlay {
        visibility: hidden;
    }

    [data-vertical-style=hover1] .app.sidenav-toggled .slide.is-expanded .slide-menu {
        display: none;
    }

    [data-vertical-style=hover1] .side-badge {
        display: none;
    }

    [data-vertical-style=hover1] .app-header {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inset-block-start: 0;
        position: fixed;
        z-index: 1;
    }
}

@media (min-width: 992px) {
    [data-vertical-style=doublemenu] .app .slide .side-menu__item:hover+.slide-menu {
        visibility: hidden;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar {
        position: fixed !important;
        overflow: visible !important;
        inset-inline-start: 0;
        width: 80px !important;
    }

    [data-vertical-style=doublemenu] .app .app-content {
        min-height: 1300px;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar__user .user-info {
        display: none;
    }

    [data-vertical-style=doublemenu] .app .side-menu__label {
        display: none !important;
        font-size: 11px !important;
        white-space: nowrap;
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        inset-inline-start: 0;
        color: var(--color);
        opacity: 1;
        background: transparent;
        box-shadow: none;
    }

    [data-vertical-style=doublemenu] .app .side-menu__label1 {
        display: block !important;
        font-size: 1rem;
        padding: 5px 10px !important;
        width: 200px;
        margin-block-start: -55px;
    }

    [data-vertical-style=doublemenu] .app .side-menu__label1 a {
        color: var(--color) !important;
        font-weight: 500;
    }

    [data-vertical-style=doublemenu] .app .side-menu__icon {
        margin-inline-end: 0;
        margin-inline-start: 0;
        margin: 0 auto !important;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar__toggle .close-toggle {
        display: none;
    }

    [data-vertical-style=doublemenu] .app .app-header {
        padding-inline-start: 345px;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar__header {
        width: 80px;
        padding: 10px;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar__header .mobile-logo {
        display: none !important;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar__header .mobile-logo-dark {
        display: block !important;
    }

    [data-vertical-style=doublemenu] .app .app-content {
        margin-inline-start: 360px;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar__overlay {
        visibility: hidden;
    }

    [data-vertical-style=doublemenu] .app .slide.is-expanded .slide-menu {
        display: none;
    }

    [data-vertical-style=doublemenu] .app .slide .slide-menu {
        position: absolute;
        min-width: 280px;
        opacity: 1;
        z-index: 9999;
        visibility: hidden;
        inset-block-start: 0;
        display: block;
        max-height: inherit;
    }

    [data-vertical-style=doublemenu] .app .ps>.ps__rail-y {
        display: none !important;
    }

    [data-vertical-style=doublemenu] .app .slide-menu {
        padding-inline-start: 0 !important;
        position: absolute;
        background: var(--menu-bg);
        opacity: 1;
        visibility: visible;
        z-index: 999;
        inset-inline-start: 50px;
        width: 280px;
        transition: none !important;
        display: block !important;
        box-shadow: none;
        inset-block-start: 0;
    }

    [data-vertical-style=doublemenu] .app .slide .slide-menu.double-menu-active {
        visibility: visible !important;
        display: block;
        height: 100% !important;
        position: absolute;
        inset-block-start: 0;
        padding: 20px 20px !important;
        border-radius: 0 !important;
        border-block-start: 0;
        border-block-end: 0;
        border-inline-start: 0;
        border-inline-end: 1px solid var(--border);
        overflow: hidden scroll;
    }

    [data-vertical-style=doublemenu] .app .sidemenu-list {
        padding-block-start: 70px;
    }

    [data-vertical-style=doublemenu] .app .main-img-user .avatar-xl {
        width: 55px;
        height: 55px;
    }

    [data-vertical-style=doublemenu] .app .side-menu .slide .side-menu__item.active {
        padding: 8px;
    }

    [data-vertical-style=doublemenu] .app .side-item.side-item-category {
        display: none !important;
    }

    [data-vertical-style=doublemenu] .app .side-menu .slide .side-menu__item.active {
        display: block;
        margin: 0 auto !important;
        text-align: center;
    }

    [data-vertical-style=doublemenu] .app .side-menu .slide .side-menu__item {
        display: block;
        text-align: center;
        padding: 8px;
    }

    [data-vertical-style=doublemenu] .app .side-menu .slide .side-menu__item .angle {
        display: none !important;
    }

    [data-vertical-style=doublemenu] .app .sub-slide a {
        text-decoration: none;
    }

    [data-vertical-style=doublemenu] .app .slide-item {
        padding-block: 8px;
        padding-inline-start: 35px;
        padding-inline-end: 18px;
    }

    [data-vertical-style=doublemenu] .app .app-sidebar .slide {
        position: inherit;
        display: block;
    }

    [data-vertical-style=doublemenu] .app .side-badge {
        display: none;
    }

    [data-vertical-style=doublemenu] .app .app-header {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inset-block-start: 0;
        position: fixed;
        z-index: 9;
    }

    [data-vertical-style=doublemenu] .app.sidenav-toggled .app-header {
        padding-inline-start: 70px;
    }

    [data-vertical-style=doublemenu] .app.sidenav-toggled .app-content {
        margin-inline-start: 80px;
    }

    [data-vertical-style=doublemenu] .app.sidenav-toggled .app-sidebar__toggle .close-toggle {
        display: block;
    }
}

@media (min-width: 992px) {
    .sidebar-mini.sidenav-toggled .app-content {
        margin-inline-start: 70px;
    }
}

.app-content {
    transition: all ease 0.3s;
}

@media (max-width: 991px) {
    .app-content {
        min-width: 100%;
    }
}

@media (min-width: 992px) {
    .app-content {
        margin-inline-start: 250px;
    }
}

.sidemenu-list .sub-slide .slide-item .sub-angle,
.sidemenu-list .sub-slide .slide-item .sub-angle2 {
    font-size: 14px;
}

.sidemenu-list .sub-angle2 {
    font-size: 14px;
}

[data-layout=horizontal][data-header-style=light] .app-header {
    border-block-end: 1px solid var(--border);
}

@media (max-width: 991px) {
    .app-sidebar__overlay {
        position: fixed;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-block-end: 0;
        inset-inline-end: 0;
        z-index: 9;
    }

    .app.sidenav-toggled .app-sidebar__overlay {
        visibility: visible;
    }

    .page {
        position: inherit;
        background: none;
    }
}

@media (min-width: 992px) {
    [data-layout=horizontal] .main-content {
        min-height: calc(100vh - 170px);
    }
}

@media (max-width: 991px) {
    .app .app-sidebar__overlay {
        visibility: hidden;
    }
}

/* ###############  LIB STYLES  ############### */
.chartsh {
    height: 16rem;
}

.chart-dropshadow {
    -webkit-filter: drop-shadow(-6px 9px 4px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-6px 9px 4px rgba(0, 0, 0, 0.1));
}

#chart {
    max-width: 760px;
    margin: 35px auto;
    opacity: 0.9;
}

.ct-chart-pie {
    height: 292px !important;
}

.chartist-tooltip {
    position: relative;
}

.knob-chart .dash3 {
    margin-block-start: 13px;
}

.knob-chart .dash3 h2 {
    font-size: 26px;
}

#Area-chart {
    height: 97px !important;
    inset-block-end: -7px;
    position: relative;
}

.direct-chat .box-body {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0;
}

.direct-chat-msg,
.direct-chat-text {
    display: block;
}

.direct-chat-msg {
    margin-block: 13.5px;
    padding: 10px;
}

.direct-chat-msg:before {
    content: " ";
    display: table;
}

.direct-chat-msg:after {
    content: " ";
    display: table;
    clear: both;
}

.direct-chat-messages {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 8px 10px;
    background: var(--primary-01);
    font-size: 12px;
    line-height: 16px;
    margin-block-start: 8px;
    margin-inline-end: 0px;
    margin-block-end: 0px;
    margin-inline-start: 50px;
    color: #ababc7;
}

.direct-chat-text:before {
    position: absolute;
    inset-inline-end: 100%;
    inset-block-start: 13px;
    border: solid transparent;
    inset-inline-start: -14px;
    border-inline-end-color: var(--primary-01);
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
}

.direct-chat-text:after {
    border-width: 5px;
    margin-block-start: -5px;
}

.direct-chat-text:before {
    border-width: 6px;
    margin-block-start: -6px;
    margin-inline-start: 2px;
}

.right .direct-chat-text {
    margin-inline-end: 50px;
    margin-inline-start: 0;
}

.right .direct-chat-text:after,
.right .direct-chat-text:before {
    inset-inline-end: auto;
    inset-inline-start: 100%;
    border-inline-end-color: transparent;
    border-inline-start-color: var(--primary-01);
    margin-inline-start: 0px;
}

.direct-chat-img {
    border-radius: 50%;
    float: var(--float-start);
    width: 40px;
    height: 40px;
}

.right .direct-chat-img {
    float: var(--float-end);
}

.direct-chat-info {
    display: block;
    margin-block-end: 3px;
    font-size: 14px;
}

.direct-chat-name {
    font-weight: 600;
    font-size: 14px;
}

.direct-chat-timestamp {
    color: #9aa4a5;
    font-size: 9px;
    margin-block-start: 4px;
}

#messages-main {
    position: relative;
    margin: 0 auto;
    margin-block-end: 30px;
    border-radius: 7px;
    box-shadow: 0 2px 17px 2px rgba(209, 228, 230, 0.5);
}

#messages-main:after,
#messages-main:before {
    content: " ";
    display: table;
}

#messages-main img {
    width: 40px;
    height: 40px;
}

#messages-main .ms-menu {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    border-inline-end: 1px solid #e3ebf3;
    padding-block-end: 50px;
    height: 100%;
    width: 240px;
    background: var(--white);
    margin-block-end: 30px;
    border-start-start-radius: 7px;
    border-end-start-radius: 7px;
}

#messages-main .ms-user {
    padding: 15px;
    background: var(--white);
    border: 1px solid var(--border);
    border-start-start-radius: 7px;
}

#messages-main .ms-user>div {
    overflow: hidden;
    padding: 3px 5px 0 15px;
    font-size: 11px;
}

#messages-main #ms-compose {
    position: fixed;
    inset-block-end: 120px;
    z-index: 1;
    inset-inline-end: 30px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

@media (min-width: 831px) {
    #messages-main .ms-body {
        padding-inline-start: 240px;
    }
}

@media (max-width: 830px) {
    #messages-main .ms-menu {
        height: calc(100% - 58px);
        display: none;
        z-index: 10;
        inset-block-start: 58px;
    }

    #messages-main .ms-menu.toggled {
        display: block;
        inset-block-start: 89px;
        inset-inline-start: 20px;
    }

    #messages-main .ms-body {
        overflow: hidden;
    }
}

@media (max-width: 480px) {
    .ah-actions {
        float: none !important;
        text-align: center;
        display: inline-block;
    }
}

#ms-menu-trigger {
    user-select: none;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    width: 50px;
    height: 100%;
    padding-inline-end: 10px;
    padding-block-start: 19px;
}

#ms-menu-trigger i {
    font-size: 21px;
}

#ms-menu-trigger.toggled i:before {
    content: "\f2ea";
}

.message-feed {
    padding: 20px;
}

#footer,
.fc-toolbar .ui-button,
.fileinput .thumbnail {
    text-align: center;
}

.pt-inner {
    text-align: center;
}

.pt-inner .pti-footer>a {
    text-align: center;
}

.message-feed.right>.pull-right {
    margin-inline-start: 15px;
}

.message-feed:not(.right) .mf-content {
    background: var(--primary-bg-color);
    color: var(--white);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.message-feed.right .mf-content {
    background: var(--primary-01);
}

.ms-body .ms-img {
    margin-inline-start: 2rem;
}

.mf-content {
    padding: 12px 17px 13px;
    border-radius: 2px;
    display: inline-block;
    max-width: 80%;
}

.mf-date {
    display: block;
    color: #8e9090;
    margin-block-start: 7px;
}

.mf-date>i {
    font-size: 14px;
    line-height: 100%;
    position: relative;
    inset-block-start: 1px;
}

.msb-reply {
    box-shadow: 0 -20px 20px -5px var(--white);
    position: relative;
    background: var(--white);
}

.msb-reply textarea {
    width: 100%;
    font-size: 13px;
    border: 0;
    padding: 10px 15px;
    resize: none;
    height: 40px;
    background: 0 0;
    border: 1px solid var(--border);
    border-radius: 0.25rem;
}

.msb-reply button {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    border: 0;
    height: 40px;
    width: 40px;
    font-size: 20px;
    color: var(--white);
    background: 0 0;
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
    background: var(--primary-bg-color);
}

.msb-reply button:hover {
    background: var(--primary-bg-color);
}

#ms-menu-trigger,
.message-feed.right {
    text-align: right;
}

#ms-menu-trigger,
.toggle-switch {
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
}

.message-feed.media .media-body,
.message-feed.right .media-body {
    overflow: visible;
}

.chat {
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li {
    margin-block-end: 20px;
    padding: 20px;
    border: 1px solid var(--border);
}

.chat li:last-child {
    margin-block-end: 0px;
}

.chat li.left .chat-body {
    margin-inline-start: 60px;
}

.chat li.right .chat-body {
    margin-inline-end: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #8e9090;
}

.chat-widget.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-inline-end: 5px;
}

.chat-widget.panel {
    margin-block-end: 0 !important;
}

@media (max-width: 480px) {
    .acc-1 .accordion__item>.accordion-header:after {
        display: none;
    }

    .multi-wrapper .non-selected-wrapper,
    .multi-wrapper .selected-wrapper {
        width: 100% !important;
    }

    div.hopscotch-bubble {
        inset-inline-start: 2px !important;
    }

    .chat li {
        display: grid;
    }

    .chat li.left .chat-body {
        margin-inline-start: 0;
        margin-block-start: 15px;
    }

    .chat li.left .chat-body .pull-right {
        float: none;
        margin-block-end: 10px;
        display: block;
    }

    .chat li.right .chat-body {
        margin-inline-end: 0;
        margin-block-start: 15px;
    }

    .preview-lg {
        height: 9rem;
        width: 100% !important;
    }
}

.chat-img img {
    width: 40px;
    height: 40px;
}

.chat-widget .panel-body {
    overflow-y: scroll;
    height: 270px;
    width: 100%;
    border-block-end: 1px solid var(--border);
}

.chat-widget .panel-footer {
    border-block-start: 0;
}

.chat-widget ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--white);
}

.chat-widget ::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.chat-widget ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ebebf1;
}

.chat-body .header {
    background: none;
}

.chat-header-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    font-size: 17px;
    color: var(--fixed-white);
    cursor: pointer;
}

/* ###### 7.3 Chat  ###### */
@media (max-width: 991.98px) {
    .main-content-body-show .main-header-menu-icon {
        display: none;
    }

    .main-content-body-show .main-header-left .main-header-arrow {
        display: block;
    }

    .main-content-body-show .main-content-left-chat {
        display: none;
    }

    .main-content-body-show .main-content-body-chat {
        display: flex;
    }
}

@media (max-width: 991px) {
    .main-content-body-show .main-header-arrow {
        display: block;
    }
}

.main-nav-line-chat {
    border-block-end: 1px solid var(--border);
    padding-block-end: 15px;
    padding-block-start: 15px;
    flex-shrink: 0;
    flex-direction: row;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
}

.main-nav-line-chat .nav-link {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray-800);
    text-transform: uppercase;
    padding: 8px 20px;
    border: 1px solid var(--border);
    border-radius: 4px;
    margin-block-end: 5px;
}

.main-nav-line-chat .nav-link:hover,
.main-nav-line-chat .nav-link:focus,
.main-nav-line-chat .nav-link:active {
    outline: none;
}

.main-nav-line-chat .nav-link+.nav-link {
    margin-block-start: 0;
    margin-inline-start: 5px;
}

.main-nav-line-chat .nav-link.active {
    color: var(--fixed-white);
    background: var(--primary-bg-color);
}

@media (min-width: 992px) {
    .main-nav-line-chat {
        padding-inline-start: 0;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 15px 20px;
        border-radius: 4px;
        border-block-end: 1px solid var(--border);
    }
}

.main-chat-contacts-wrapper .main-img-user::after,
.main-chat-list .main-img-user::after,
.main-chat-header .main-img-user::after,
.main-chat-body .main-img-user::after {
    inset-inline-end: 1px;
    inset-block-end: 3px;
}

.main-chat-contacts-wrapper {
    padding: 10px 20px;
    flex-shrink: 0;
    border-block-end: 1px solid var(--border);
    overflow: hidden;
}

.main-chat-contacts-wrapper .main-content-label,
.main-chat-contacts-wrapper .card-table-two .card-title {
    margin-block-end: 15px;
    line-height: 1;
    padding-inline-start: 20px;
}

.card-table-two {
    padding: 20px;
}

.card-table-two .card-title {
    font-size: 13px;
}

@media (min-width: 992px) {
    .main-chat-contacts-wrapper {
        padding-block: 10px;
        padding-inline-end: 15px;
        padding-inline-start: 0;
    }
}

.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card-dashboard-eight .card-title,
.card-dashboard-eight .main-chat-contacts-wrapper .card-title {
    margin-block-end: 15px;
    line-height: 1;
    padding-inline-start: 20px;
}

.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper {
    overflow: visible;
}

.main-chat-contacts {
    padding-inline-start: 20px;
    display: flex;
}

.main-chat-contacts .lslide {
    display: flex;
    flex-direction: column;
    align-items: center;
    float: none;
}

.main-chat-contacts small {
    font-size: 11px;
    width: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-block-start: 3px;
    text-align: center;
}

.main-chat-contacts-more {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--primary-bg-color);
    font-size: 12px;
    font-weight: 500;
    color: var(--white);
}

@media (min-width: 992px) {
    .main-chat-list {
        max-height: 100%;
        position: relative;
    }
}

.main-content-body-chat {
    flex-direction: column;
    display: none;
}

@media (min-width: 992px) {
    .main-content-body-chat {
        display: flex;
    }
}

.main-chat-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 17px 20px;
    border-block-end: 1px solid var(--border);
}

@media (min-width: 576px) {
    .main-chat-header .nav-link {
        display: block;
    }

    .main-chat-header .nav-link:first-child {
        display: none;
    }
}

.main-chat-msg-name {
    margin-inline-start: 15px;
}

.main-chat-msg-name h6 {
    margin-block-end: 2px;
    font-size: 15px;
    font-weight: 600;
    color: var(--gray-900);
}

.main-chat-msg-name small {
    font-size: 12px;
    color: var(--gray-600);
}

.main-chat-body {
    position: relative;
    padding-block-end: 50px;
}

.main-chat-body .content-inner {
    padding: 20px;
}

.main-chat-body .media+.media {
    margin-block-start: 20px;
}

.main-chat-body .media.flex-row-reverse .media-body {
    margin-inline-start: 0;
    margin-inline-end: 20px;
    align-items: flex-end;
}

.main-chat-body .media.flex-row-reverse .main-msg-wrapper {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
    border-radius: 4px;
}

.main-chat-body .media-body {
    margin-inline-start: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.main-chat-body .media-body>div:last-child {
    font-size: 11px;
    color: var(--gray-600);
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    .main-chat-body {
        padding-block-end: 0;
        max-height: fit-content;
        overflow: hidden;
    }
}

@media (min-width: 576px) {
    .main-chat-body .media.flex-row-reverse .media-body {
        margin-inline-start: 55px;
    }
}

@media (min-width: 576px) {
    .main-chat-body .media-body {
        margin-inline-end: 55px;
    }
}

.main-chat-time {
    display: block;
    position: relative;
    text-align: center;
    margin: 20px 0;
}

.main-chat-time:first-of-type {
    margin-block-start: 0;
}

.main-chat-time span {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.main-msg-wrapper {
    padding: 10px 15px;
    background-color: var(--primary-02);
    font-size: 13px;
    margin-block-end: 5px;
    border-radius: 4px;
    display: inline-block;
}

.main-chat-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 20px;
    border-block-start: 1px solid var(--border);
    background-color: var(--white);
    position: relative;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
}

.main-chat-footer .nav {
    align-items: center;
}

.main-chat-footer .nav-link {
    padding: 0;
    color: var(--gray-500);
    font-size: 16px;
    display: none;
}

.main-chat-footer .nav-link+.nav-link {
    margin-inline-start: 10px;
}

.main-chat-footer .nav-link:last-child {
    display: block;
    margin-inline-start: 0;
}

.main-chat-footer .form-control {
    flex: 1;
    margin-block-start: 0;
    margin-inline-end: 10px;
    margin-block-end: 0;
    margin-inline-start: 0;
    padding-inline-start: 10px !important;
    padding-inline-end: 0;
    border-width: 0;
    border: 1px solid var(--border);
}

.main-chat-footer .form-control:hover,
.main-chat-footer .form-control:focus {
    box-shadow: none;
}

@media (min-width: 992px) {
    .main-chat-footer {
        position: relative;
        inset-block-end: auto;
        inset-inline-start: auto;
        inset-inline-end: auto;
    }
}

@media (min-width: 576px) {
    .main-chat-footer .nav-link {
        display: block;
    }

    .main-chat-footer .nav-link:last-child {
        display: none;
    }
}

@media (min-width: 576px) {
    .main-chat-footer .form-control {
        margin-inline-start: 20px;
    }
}

@media (min-width: 768px) {
    .main-chat-footer .form-control {
        margin-block-start: 0;
        margin-inline-end: 20px;
        margin-block-end: 0;
        margin-inline-start: 0;
    }
}

.main-msg-send {
    color: var(--white);
    font-size: 15px;
    border: solid var(--border) 1px;
    border-radius: 4px;
    padding: 5px 10px;
    background: var(--primary-bg-color);
}

.main-msg-send i {
    line-height: 1.5;
}

@media (max-width: 991px) and (min-width: 768px) {
    .app.sidebar-mini .main-chat-footer {
        margin-inline-start: 0px;
    }

    .app.sidebar-mini.sidenav-toggled .main-chat-footer {
        margin-inline-start: 0;
    }
}

@media (max-width: 380px) and (min-width: 305px) {
    .main-nav-line-chat .nav-link+.nav-link {
        margin-block-start: 8px;
        margin-inline-start: 0px;
    }
}

/*--chat--*/
.chat {
    margin-block-end: auto;
}

.chat .card {
    height: 600px;
}

.chat .card-header {
    padding: 1rem;
}

.contacts_body {
    white-space: nowrap;
}

.msg_card_body {
    overflow-y: auto;
}

.contacts_body .contacts {
    list-style: none;
    padding: 0;
}

.contacts_body .contacts li {
    width: 100% !important;
    padding: 15px;
    border-block-end: 1px solid var(--border);
}

.contacts_body .active {
    background-color: var(--background);
}

#action_menu_btn {
    position: absolute;
    inset-inline-end: 36px;
    inset-block-start: 21px;
    color: var(--white);
    cursor: pointer;
    font-size: 20px;
}

.action_menu {
    z-index: 1;
    position: absolute;
    padding: 15px 0;
    background-color: var(--white);
    color: var(--color);
    inset-block-start: 40px;
    inset-inline-end: 15px;
    display: none;
}

.action_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ah-actions {
    z-index: 3;
    float: var(--float-end) !important;
    inset-block-start: 3px;
    position: relative;
}

.actions {
    list-style: none;
    padding: 0;
    margin: 0;
}

.actions>li {
    display: inline-block;
}

.actions:not(.a-alt)>li>a>i {
    color: var(--color);
}

.actions>li>a {
    display: block;
    width: 37px;
    height: 37px;
    border-radius: 4px;
    margin: 0 auto;
    line-height: 37px;
    text-align: center;
}

.actions>li>a>i {
    font-size: 17px;
}

.actions>li>a:hover {
    background: var(--gray-100);
    color: var(--primary-bg-color);
}

.actions>li>a:hover i {
    color: var(--primary-bg-color) !important;
}

.dash-5 {
    text-align: center;
}

.dash-5 h3 {
    font-size: 2rem;
    margin-block-end: 0.5rem;
}

.well {
    color: var(--color);
}

.icon.icon-shape i {
    height: 3rem;
    width: 3rem;
    background: var(--black);
    border-radius: 50%;
    line-height: 3rem;
    background: var(--background);
    color: var(--primary-bg-color);
}

.user-img-circle {
    box-shadow: 0 0 0 rgba(81, 15, 167, 0.4);
    animation: blinking 2s infinite;
    height: 90px;
}

@keyframes blinking {
    0% {
        transform: scale(0.95);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.95);
        opacity: 0;
    }
}

.chat .action-header {
    position: relative;
    padding: 12px 13px;
    background: var(--primary-bg-color);
    box-shadow: 0px 0px 10px 2px var(--box-shadow-color);
}

.chat .dropdown-menu.dropdown-menu-right.show {
    width: 100%;
    margin-block-end: 5px;
    position: absolute;
    transform: translate3d(-176px, 22px, 0px);
    inset-block-start: 10px !important;
    inset-inline-start: 0px;
    will-change: transform;
}

.chat .msb-reply textarea {
    width: 100%;
    font-size: 13px;
    padding: 12px 47px;
    resize: none;
    height: 44px;
    border: 1px solid var(--border);
    background: var(--primary-02);
    margin-inline-start: -42px;
}

.action_menu ul li:hover {
    cursor: pointer;
    background-color: var(--black-2);
}

.chat .actions>li {
    display: inline-block;
}

.chat .actions:not(.a-alt)>li>a>i {
    color: var(--white);
    line-height: unset;
}

.chat .chat_block {
    margin-block-end: 35px;
}

.chatbox .user_img {
    height: 50px;
    width: 50px;
}

.chatbox .user_img_msg {
    height: 40px;
    width: 40px;
    border: 0px solid var(--border);
}

.chatbox .img_cont {
    position: relative;
    height: 50px;
    width: 50px;
}

.chatbox .img_cont_msg {
    height: 40px;
    width: 40px;
    display: contents;
}

.chat-box-single-line {
    height: 1px;
    width: 100%;
    background-color: var(--border);
    margin: 7px 0 30px;
    position: relative;
    text-align: center;
}

.chat .timestamp {
    padding: 12px 16px;
    color: var(--muted);
    font-size: 11px;
    background-color: var(--background);
    border: 6px solid var(--white);
    border-radius: 18px;
    position: absolute;
    inset-block-start: 50%;
    inset-block-end: 50%;
    inset-inline-end: 48%;
    transform: translate(50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.chatbox .user_info {
    margin-block-start: auto;
    margin-block-end: auto;
    margin-inline-start: 15px;
}

.chatbox .user_info span {
    color: var(--color);
}

.chatbox .action-header small {
    font-size: 10px;
}

.chat .video_cam {
    margin-inline-start: 50px;
    margin-block-start: 5px;
}

.chat .video_cam span {
    color: var(--white);
    font-size: 20px;
    cursor: pointer;
    margin-inline-end: 20px;
}

.chat .chat_audio {
    margin-inline-start: -6px;
}

.chat .msg_block {
    margin-inline-start: 8px;
    margin-block-start: auto;
    margin-block-end: auto;
}

.chat .msg_block> :not(:first-child) {
    margin-block-start: 26px;
}

.chat .msg_container {
    position: relative;
}

.chat .msg_container .msg_cotainer-main {
    background-color: var(--primary-02);
    color: var(--primary-bg-color);
    padding: 9px;
    border-radius: 4px;
    border-start-start-radius: 0px;
    width: fit-content;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.chat .msg_container> :not(:first-child) {
    margin-block-start: 5px;
}

.chat .msg_cotainer-main.media-files,
.chat .msg_cotainer_send-main.media-files {
    background-color: unset !important;
    padding: 0px !important;
}

.chat .msg_cotainer-main.media-files img,
.chat .msg_cotainer_send-main.media-files img {
    width: 100px;
    border-radius: 4px;
}

.chat .msg_block_send {
    margin-block-start: auto;
    margin-block-end: auto;
}

.chat .msg_block_send> :not(:first-child) {
    margin-block-start: 26px;
}

.chat .msg_container_send {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.chat .msg_container_send .msg_cotainer_send-main {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
    padding: 9px;
    border-radius: 4px;
    border-start-end-radius: 0px;
    width: fit-content;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.chat .msg_container_send .msg_cotainer_send-main.media-files {
    text-align: end;
}

.chat .msg_container_send> :not(:first-child) {
    margin-block-start: 5px;
}

.chat .msg_time {
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: -18px;
}

.chat .msg_time_send {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: -18px;
    color: var(--color);
    font-size: 10px;
}

.chat .msg_head {
    position: relative;
    background: var(--primary-bg-color);
    box-shadow: 0 1px 15px 1px var(--box-shadow-color);
}

.chat_input_icons {
    position: absolute;
    inset-inline-end: 20px;
    inset-block-start: 50%;
    transform: translateY(-50%);
}

@media (max-width: 449px) {
    .actions {
        float: var(--float-start) !important;
    }
}

.main-msg-wrapper.right {
    position: relative;
    background: var(--primary-bg-color);
    border: 1px solid var(--primary-bg-color);
}

.main-msg-wrapper.right:after,
.main-msg-wrapper.right:before {
    inset-inline-start: 100%;
    inset-block-start: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.main-msg-wrapper.right:nth-child(1):before {
    border-color: transparent;
    border-inline-start-color: var(--primary-bg-color);
    border-width: 0px;
    margin-block-start: -15px;
}

.main-msg-wrapper.right:nth-child(1):after {
    border-color: transparent;
    border-inline-start-color: var(--primary-bg-color);
    border-width: 8px;
    margin-block-start: -10px;
}

.main-msg-wrapper.left {
    position: relative;
}

.main-msg-wrapper.left:after,
.main-msg-wrapper.left:before {
    inset-inline-end: 100%;
    inset-block-start: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.main-msg-wrapper.left:nth-child(1):before {
    border-color: transparent;
    border-inline-end-color: var(--primary-02);
    border-width: 0px;
    margin-block-start: -15px;
}

.main-msg-wrapper.left:nth-child(1):after {
    border-color: transparent;
    border-inline-end-color: var(--border);
    border-width: 8px;
    margin-block-start: -10px;
}

@media (max-width: 991px) {
    .main-nav-line-chat .nav-link {
        padding: 10px 10px;
    }
}

.modal-dialog.modal-dialog-right.chatbox .card-footer {
    padding: 1.25rem;
}

.main-chat-footer .nav-link {
    color: var(--muted);
    font-size: 15px;
    border: solid var(--border) 1px;
    border-radius: 4px;
    line-height: 15px;
    padding: 8px 10px;
    background: var(--white);
}

.main-chat-footer .main-msg-send {
    color: var(--white);
    font-size: 15px;
    border: solid var(--border) 1px;
    border-radius: 4px;
    padding: 5px 10px;
    background: var(--primary-bg-color);
}

.main-chat-footer .main-msg-send i {
    line-height: 1.5;
}

.chat-profile {
    padding: 8px;
    line-height: 1;
    color: var(--color);
}

.chat-profile i {
    font-size: 14px;
}

.chat-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.shared-files {
    padding: 12px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid var(--border);
}

.main-chat-list .chat-item {
    cursor: pointer;
}

.main-chat-list .chat-item:hover,
.main-chat-list .chat-item:focus,
.main-chat-list .chat-item.selected {
    background-color: var(--hover-color);
}

.main-content-left-chat .tabs-style2 .nav-tabs .nav-item+.nav-item {
    margin-block-end: 5px;
}

.main-content-app .dropdown-menu {
    z-index: 9;
}

.main-content-app .option-dots {
    position: absolute;
    inset-inline-end: 25px;
    z-index: 9;
    margin: 0 auto;
}

.chat-main .avatar-status-ofline::after {
    content: "";
    position: absolute;
    inset-inline-end: 6px;
    inset-block-end: 5px;
    width: 0.75rem;
    height: 0.75rem;
    border: 2px solid var(--white);
    background: var(--gray-500);
    border-radius: 50%;
}

.contacts-chat .btn-icon {
    width: 30px;
    height: 30px;
}

.contacts-chat .btn-icon:hover {
    color: var(--primary-bg-color);
    background-color: var(--primary-02);
}

.contacts-chat .btn-icon i {
    font-size: 16px;
}

.dataTables_length .select2-container .select2-selection--single {
    width: 55px !important;
    border-radius: 3px;
    height: 30px;
}

.dataTables_length .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
}

.dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-block-start: -6px;
}

@media (min-width: 576px) {
    .dataTables_wrapper .dataTables_filter {
        float: var(--float-end);
        margin-block-start: 0;
    }
}

@media screen and (max-width: 575px) {
    div.dataTables_wrapper div.dataTables_filter input {
        margin: 0 !important;
    }

    div.dataTables_wrapper div#modalDataTable_filter.dataTables_filter input {
        margin-inline-start: 0.5em !important;
    }
}

@media screen and (max-width: 575px) {
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding: 0;
    }

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info {
        text-align: center;
    }

    .table-responsive.deleted-table .data-table-btn {
        position: absolute;
        inset-inline-start: 100px;
        z-index: 9;
    }
}

@media (min-width: 768px) {
    .table-responsive.deleted-table .data-table-btn {
        position: absolute;
        inset-inline-start: 100px;
        z-index: 99;
    }
}

@media (max-width: 767px) {
    .table-responsive.deleted-table .data-table-btn {
        position: absolute;
        inset-inline-start: 100px;
        z-index: 9;
    }
}

.table-responsive.deleted-table .data-table-btn {
    padding: 0.1rem 0.5rem;
}

.email-app {
    display: flex;
    flex-direction: row;
    background: #fff;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    border: 1px solid var(--border);
}

.email-app .toolbar .btn {
    box-shadow: none;
    border: 1px solid var(--border);
    color: var(--color);
    background: #f7f7fa;
}

.email-app nav {
    flex: 0 0 200px;
    padding: 1rem;
    border-inline-end: 1px solid var(--border);
}

.email-app nav .btn-block {
    margin-block-end: 15px;
}

.email-app nav .nav {
    flex-direction: column;
}

.email-app nav .nav .nav-item {
    position: relative;
}

.email-app nav .nav .nav-item .nav-link,
.email-app nav .nav .nav-item .navbar .dropdown-toggle {
    color: #ababc7;
    border-block-end: 1px solid var(--border);
}

.navbar .email-app nav .nav .nav-item .dropdown-toggle {
    color: #ababc7;
    border-block-end: 1px solid var(--border);
}

.email-app nav .nav .nav-item .nav-link i,
.email-app nav .nav .nav-item .navbar .dropdown-toggle i {
    width: 20px;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-align: center;
}

.navbar .email-app nav .nav .nav-item .dropdown-toggle i {
    width: 20px;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-align: center;
}

.email-app nav .nav .nav-item .nav-link .badge,
.email-app nav .nav .nav-item .navbar .dropdown-toggle .badge {
    margin-block-start: 4px;
    margin-inline-start: 10px;
}

.navbar .email-app nav .nav .nav-item .dropdown-toggle .badge {
    margin-block-start: 4px;
    margin-inline-start: 10px;
}

.email-app .inbox {
    min-width: 0;
    flex: 1;
    padding: 1rem;
}

.mail_list .list-group-item:last-child {
    border-block-end: 0;
}

.mail_list .media-heading a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

.mail_list .list-group-item {
    border: 1px solid var(--border);
    border-inline-start: 0;
    color: var(--color);
    border-inline-end: 0;
}

@media (max-width: 768px) and (min-width: 540px) {
    .email-app .inbox .toolbar {
        display: flex;
    }
}

@media (max-width: 768px) {
    #messages-main .ms-menu {
        display: none;
        height: calc(100% - 58px) !important;
    }
}

@media (max-width: 530px) {
    .email-app .inbox .toolbar {
        display: inline-block;
    }
}

.email-app .inbox .messages {
    padding: 0;
    list-style: none;
}

.email-app .inbox .message {
    position: relative;
    padding: 2rem;
    cursor: pointer;
    border-block-end: 1px solid var(--border);
}

.email-app .inbox .message:hover {
    background: #eae8f1;
}

.email-app .inbox .message .actions {
    position: absolute;
    inset-inline-start: 0;
    display: flex;
    flex-direction: column;
}

.email-app .inbox .message .actions .action {
    width: 2rem;
    margin-block-end: 0.5rem;
    color: #c0cadd;
    text-align: center;
}

.mailsearch {
    display: flex;
    width: 100%;
    margin-block-end: 15px;
}

.mailsearch .btn {
    border-radius: 0;
    background-color: #f0f0f5;
    border: 1px solid var(--border);
    color: #ababc7;
    padding: 3px 15px 6px 15px;
    box-shadow: none;
}

.mailsearch .form-control {
    padding-inline-start: 20px;
    padding-inline-end: 0;
    margin-inline-end: -6px;
}

.email-app .inbox .message .date {
    color: var(--color);
}

.email-app .inbox .message a {
    color: #3f405f;
}

.email-app .inbox .message a:hover {
    text-decoration: none;
}

.email-app .inbox .message.unread .header,
.email-app .inbox .message.unread .title {
    font-weight: bold;
}

.email-app .inbox .message .header {
    display: flex;
    flex-direction: row;
    margin-block-end: 0.5rem;
}

.email-app .inbox .message .header .date {
    margin-inline-start: auto;
}

.email-app .inbox .message .title {
    margin-block-end: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-app .inbox .message .description {
    font-size: 12px;
    color: var(--color);
}

.email-app .message .toolbar {
    padding-block-end: 1rem;
    border-block-end: 1px solid var(--border);
}

.email-app .message .details .title {
    padding: 1rem 0;
    font-weight: bold;
}

.email-app .message .details .header {
    display: flex;
    padding: 1rem 0;
    margin: 1rem 0;
    border-block-start: 1px solid var(--border);
    border-block-end: 1px solid var(--border);
}

.email-app .message .details .header .avatar {
    width: 40px;
    height: 40px;
    margin-inline-end: 1rem;
}

.email-app .message .details .header .from {
    font-size: 12px;
    color: #9faecb;
    align-self: center;
}

.email-app .message .details .header .from span {
    display: block;
    font-weight: bold;
}

.email-app .message .details .header .date {
    margin-inline-start: auto;
}

.email-app .message .details .attachments {
    padding: 1rem 0;
    margin-block-end: 1rem;
    border-block-start: 3px solid var(--border);
    border-block-end: 3px solid var(--border);
}

.email-app .message .details .attachments .attachment {
    display: flex;
    margin: 0.5rem 0;
    font-size: 12px;
    align-self: center;
}

.email-app .message .details .attachments .attachment .badge {
    margin: 0 0.5rem;
    line-height: inherit;
}

.email-app .message .details .attachments .attachment .menu {
    margin-inline-start: auto;
}

.email-app .message .details .attachments .attachment .menu a {
    padding: 0 0.5rem;
    font-size: 14px;
    color: var(--border);
}

@media (max-width: 767px) {
    .email-app {
        flex-direction: column;
    }

    .email-app nav {
        flex: 0 0 100%;
    }
}

@media (max-width: 575px) {
    .email-app .message .header {
        flex-flow: row wrap;
    }

    .email-app .message .header .date {
        flex: 0 0 100%;
    }

    .notification::before {
        display: none;
    }

    .notification .notification-body {
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        position: relative;
    }

    .notification .notification-body::before {
        display: none;
    }

    .notification .notification-icon a {
        display: none;
    }

    .notification .notification-time {
        display: none;
    }

    .notification .notification-time .date,
    .notification .notification-time .time {
        display: inline;
    }

    .notification .notification-time .time {
        line-height: 16px;
        font-size: 11px;
        margin-inline-start: 5px;
        margin-inline-end: 10px;
        color: var(--color2);
        display: inline-block;
    }
}

@media (max-width: 320px) {
    form .files input {
        outline-offset: 0px !important;
        padding: 120px 0px 85px 0 !important;
    }
}

.files {
    position: relative;
}

.files input {
    outline: 2px dashed var(--border);
    -webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
    cursor: pointer;
}

.files input:focus {
    outline: 2px dashed var(--border);
    outline-offset: -10px;
    -webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    border: 1px solid var(--border);
}

.files:after {
    pointer-events: none;
    position: absolute;
    inset-block-start: 60px;
    inset-inline-start: 0;
    width: 80px;
    inset-inline-end: 0;
    height: 60px;
    content: "\f019";
    font-family: fontawesome;
    margin: -20px auto;
    font-size: 3em;
    background: #ececef;
    text-align: center;
    border-radius: 4px;
    color: #9b9e9e;
}

.color input {
    background-color: #f0f0f5;
}

.files:before {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-start: 0;
    pointer-events: none;
    width: 100%;
    inset-inline-end: 0;
    height: 57px;
    content: "Choose File or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #ababc7;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

.email-media .media img {
    width: 50px;
    height: 50px;
}

.eamil-body {
    margin-block-start: 30px;
}

.email-app .controls {
    display: flex;
}

.email-app .controls .checkbox {
    margin-inline-end: 1rem;
}

.email-app .controls a.favourite i {
    margin-inline-end: 0.75rem;
}

.mail-chats {
    height: 100%;
    min-height: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    flex-direction: column !important;
    display: flex !important;
}

.mail-chats li.chat-persons {
    padding-block-end: 15px;
    display: block;
}

li.chat-persons a {
    text-decoration: none;
}

.mail-chats li.chat-persons a span.pro-pic {
    display: inline-block;
    padding: 0;
    width: 20%;
    max-width: 40px;
    float: var(--float-start);
    margin-inline-end: 20px;
}

.mail-chats li.chat-persons a span.pro-pic img {
    max-width: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    flex-direction: column !important;
}

.mail-chats li.chat-persons a div.user {
    flex-direction: column !important;
}

ul.mail-chats li.chat-persons a div.user {
    display: flex !important;
}

.mail-chats li.chat-persons.user {
    width: 80%;
    padding: 5px 10px 0px 15px;
    flex-direction: column !important;
    display: flex !important;
}

.user p.u-name {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--color);
}

.user p.u-designation {
    margin: 0;
    font-size: 11px;
    color: var(--color);
    opacity: 0.7;
}

div.online-status .status.online {
    background: rgba(0, 128, 0, 0.68);
}

.online-status .status {
    height: 10px;
    width: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-flex;
    justify-content: flex-start;
    transform: translateX(-60px) translateY(2px);
}

.online-status .status.offline {
    background: rgba(255, 0, 0, 0.7);
}

.online {
    margin-inline-start: 20px;
    margin-block-start: -4px;
}

.gallery {
    display: inline-block;
    width: 100%;
}

.gallery .gallery-item {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    margin-inline-end: 7px;
    margin-block-end: 7px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.gallery .gallery-item:hover {
    opacity: 0.8;
}

.gallery .gallery-hide {
    display: none;
}

.gallery .gallery-more:after {
    content: " ";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}

.gallery .gallery-more div {
    text-align: center;
    line-height: 50px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    color: #fff;
}

.gallery.gallery-md .gallery-item {
    width: 78px;
    height: 78px;
    margin-inline-end: 10px;
    margin-block-end: 10px;
}

.gallery.gallery-md .gallery-more div {
    line-height: 78px;
}

.gallery.gallery-fw .gallery-item {
    width: 100%;
    margin-block-end: 15px;
}

.gallery.gallery-fw .gallery-more div {
    font-size: 20px;
}

.header-1,
.header-2,
.header-3 {
    background: var(--primary-bg-color);
    position: relative;
}

.horizontal-mainwrapper {
    margin: 0 auto;
    width: 100%;
}

.horizontalMenu {
    color: #ffffff;
    font-size: 14px;
    padding: 0;
    display: block;
}

.horizontalMenu:before {
    content: "";
    display: table;
}

.horizontalMenu .horizontalMenu-list {
    text-align: start;
    margin: 0 auto 0 auto;
    width: 100%;
    display: block;
    padding: 0;
}

.horizontalMenu .horizontalMenu-list li {
    text-align: center;
    display: block;
    padding: 0;
    margin: 0;
    float: var(--float-start);
}

.horizontalMenu .horizontalMenu-list li a {
    display: block;
    padding: 1rem 0.8rem 1rem;
    text-decoration: none;
    position: relative;
    margin: 0 2px;
    color: var(--muted);
}

.overlapblackbg {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 992px) {

    .header-1 .animated-arrow,
    .header-2 .animated-arrow,
    .header-3 .animated-arrow {
        display: none;
    }
}

@media (max-width: 991.98px) {

    .header-1,
    .header-2,
    .header-3 {
        border-end-start-radius: 5px;
        border-end-end-radius: 5px;
    }

    .header-1 .navbar,
    .header-2 .navbar,
    .header-3 .navbar {
        position: initial;
        background: initial;
        box-shadow: none;
    }

    .header-1 .animated-arrow,
    .header-2 .animated-arrow,
    .header-3 .animated-arrow {
        display: block;
    }

    .header-1 .horizontalMenu,
    .header-2 .horizontalMenu,
    .header-3 .horizontalMenu {
        height: 0px !important;
    }

    .header-1 .header-brand,
    .header-2 .header-brand,
    .header-3 .header-brand {
        margin-inline-start: 1rem;
    }
}

.header-1 .navbar-expand-lg .navbar-nav .nav-link,
.header-2 .navbar-expand-lg .navbar-nav .nav-link,
.header-3 .navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 1.3rem;
}

.header-1 .nav-link-badge,
.header-2 .nav-link-badge,
.header-3 .nav-link-badge {
    position: absolute;
    inset-block-start: 1px;
    inset-inline-end: 0;
    display: block !important;
    padding: 3px 5px !important;
    border-radius: 50%;
    font-size: 12px;
}

.header-1 .navbar-expand-lg .navbar-nav,
.header-2 .navbar-expand-lg .navbar-nav,
.header-3 .navbar-expand-lg .navbar-nav {
    align-items: center;
}

.header-1 .navbar,
.header-2 .navbar,
.header-3 .navbar {
    z-index: 1;
    justify-content: space-between;
}

.header-1 .dropdown-toggle::after,
.header-2 .dropdown-toggle::after,
.header-3 .dropdown-toggle::after {
    color: #fff;
}

/* ###### 4.3 jQuery Steps ###### */
/***** DEFAULT STYLE WIZARD *****/
.wizard {
    border: 1px solid var(--border);
    background-color: var(--white);
}

.wizard>.steps {
    padding: 20px;
}

.wizard>.steps>ul {
    padding: 0;
    margin-block-end: 0;
    display: flex;
}

.wizard>.steps>ul li {
    float: none;
    display: block;
    width: auto;
}

.wizard>.steps>ul li .current-info {
    display: none;
}

.wizard>.steps>ul li .title {
    margin-inline-start: 5px;
    white-space: nowrap;
    transition: all 0.2s ease-in-out;
}

.wizard>.steps>ul li+li {
    margin-inline-start: 5px;
}

.wizard>.steps a {
    color: var(--gray-900);
    font-weight: 500;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wizard>.steps a:hover,
.wizard>.steps a:active {
    color: var(--gray-900);
    font-weight: 500;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wizard>.steps a .number,
.wizard>.steps a:hover .number,
.wizard>.steps a:active .number {
    flex-shrink: 0;
    font-weight: 700;
    color: var(--primary-bg-color);
    display: block;
    text-align: center;
    line-height: 2;
    width: 30px;
    height: 30px;
    background-color: var(--primary-02);
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

.wizard>.steps .disabled {
    display: none;
}

.wizard>.steps .disabled a {
    color: var(--gray-500);
}

.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
    color: var(--gray-500);
}

.wizard>.steps .current a {
    color: var(--primary-bg-color);
}

.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    color: var(--primary-bg-color);
}

.wizard>.steps .current a .title,
.wizard>.steps .current a:hover .title,
.wizard>.steps .current a:active .title {
    display: inline-block;
}

.wizard>.steps .current a .number,
.wizard>.steps .current a:hover .number,
.wizard>.steps .current a:active .number {
    background-color: var(--primary-bg-color) !important;
    color: var(--fixed-white) !important;
}

.wizard>.steps .done a {
    color: var(--success-bg-color);
}

.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    color: var(--success-bg-color);
}

.wizard>.steps .done a .title,
.wizard>.steps .done a:hover .title,
.wizard>.steps .done a:active .title {
    display: none;
}

.wizard>.steps .done a .number,
.wizard>.steps .done a:hover .number,
.wizard>.steps .done a:active .number {
    background-color: var(--success-bg-color) !important;
    color: var(--fixed-white) !important;
}

.wizard>.content {
    border-block-start: 1px solid var(--border);
    border-block-end: 1px solid var(--border);
    min-height: 150px;
    padding: 20px;
}

.wizard>.content>.title.current {
    display: block;
}

.wizard>.content>.body {
    float: none;
    position: static;
    width: auto;
    height: auto;
}

.wizard>.content>.body input.parsley-error {
    border-color: var(--danger-bg-color);
}

.wizard>.content>.body input.parsley-error+ul {
    list-style: none !important;
}

.wizard>.actions {
    padding: 20px;
}

.wizard>.actions>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.wizard>.actions>ul>li:last-child a {
    background-color: var(--success-bg-color);
}

.wizard>.actions a {
    display: block;
    background-color: var(--primary-bg-color);
    padding: 9px 25px;
    line-height: 1.573;
    color: var(--fixed-white);
    border-radius: 3px;
    margin-inline-end: 10px;
}

.wizard>.actions a:hover,
.wizard>.actions a:active {
    display: block;
    background-color: var(--primary-bg-color);
    padding: 9px 25px;
    line-height: 1.573;
}

.wizard>.actions .disabled a {
    background-color: var(--gray-500);
    border-radius: 3px;
}

.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background-color: var(--gray-500);
}

.wizard.vertical>.steps {
    padding: 20px;
}

.wizard.vertical>.steps ul li+li {
    margin-inline-start: 10px;
}

.wizard.vertical>.steps ul li .title {
    display: none;
}

.wizard.vertical>.steps .current a .title {
    display: inline-block;
}

.wizard.vertical>.content {
    margin: 0;
    padding: 20px;
}

.wizard.vertical>.actions {
    padding: 20px;
}

.wizard.vertical>.actions ul {
    float: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .wizard>.steps {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard>.steps {
        padding: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wizard>.steps>ul li .title {
        transition: none;
    }
}

@media (min-width: 576px) {
    .wizard>.steps>ul li .title {
        display: none;
        margin-inline-start: 10px;
    }
}

@media (min-width: 768px) {
    .wizard>.steps>ul li .title {
        display: none;
    }
}

@media (min-width: 576px) {
    .wizard>.steps>ul li+li {
        margin-inline-start: 20px;
    }
}

@media (min-width: 992px) {
    .wizard>.steps>ul li+li {
        margin-inline-start: 30px;
    }
}

@media (min-width: 1200px) {
    .wizard>.steps a {
        justify-content: flex-start;
    }

    .wizard>.steps a:hover,
    .wizard>.steps a:active {
        justify-content: flex-start;
    }
}

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

    .wizard>.steps a .number,
    .wizard>.steps a:hover .number,
    .wizard>.steps a:active .number {
        transition: none;
    }
}

@media (min-width: 576px) {

    .wizard>.steps a .number,
    .wizard>.steps a:hover .number,
    .wizard>.steps a:active .number {
        font-size: 18px;
        font-weight: 600;
        line-height: 2.1;
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 576px) {
    .wizard>.steps .disabled {
        display: block;
    }
}

@media (min-width: 768px) {

    .wizard>.steps .done a .title,
    .wizard>.steps .done a:hover .title,
    .wizard>.steps .done a:active .title {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .wizard>.content {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard>.content {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .wizard>.actions {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard>.actions {
        padding: 30px;
    }
}

@media (min-width: 576px) {
    .wizard.vertical>.steps {
        float: var(--float-start);
        width: 20%;
    }
}

@media (min-width: 768px) {
    .wizard.vertical>.steps {
        width: 15%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical>.steps {
        padding: 25px;
        width: 30%;
    }
}

@media (min-width: 576px) {
    .wizard.vertical>.steps ul {
        flex-direction: column;
    }
}

@media (min-width: 576px) {
    .wizard.vertical>.steps ul li+li {
        margin-block-start: 10px;
        margin-inline-start: 0;
    }
}

@media (min-width: 768px) {
    .wizard.vertical>.steps ul li+li {
        margin-block-start: 20px;
    }
}

@media (min-width: 992px) {
    .wizard.vertical>.steps ul li .title {
        display: block;
    }
}

@media (min-width: 992px) {
    .wizard.vertical>.steps a {
        justify-content: flex-start;
    }
}

@media (min-width: 576px) {
    .wizard.vertical>.steps .current a .title {
        display: none;
    }
}

@media (min-width: 992px) {
    .wizard.vertical>.steps .current a .title {
        display: inline-block;
    }
}

@media (min-width: 576px) {
    .wizard.vertical>.content {
        border-block-start-width: 0;
        border-block-end-width: 0;
        width: 80%;
        float: var(--float-end);
        border-inline-start: 1px solid var(--border);
    }
}

@media (min-width: 768px) {
    .wizard.vertical>.content {
        width: 85%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical>.content {
        width: 70%;
        padding: 25px;
    }
}

@media (min-width: 576px) {
    .wizard.vertical>.actions {
        width: 80%;
        float: var(--float-end);
        border-inline-start: 1px solid var(--border);
    }
}

@media (min-width: 768px) {
    .wizard.vertical>.actions {
        width: 85%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical>.actions {
        width: 70%;
        padding: 25px;
    }
}

/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
.step-equal-width>.steps>ul {
    display: flex;
    display: flex;
}

.step-equal-width>.steps>ul>li {
    flex: 1;
    width: auto;
    float: none;
    flex: 1;
    width: auto;
    float: none;
}

/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
/***** CUSTOM STYLES *****/
.wizard-style-1>.steps>ul a {
    padding: 0;
    height: 50px;
}

.wizard-style-1>.steps>ul a:hover,
.wizard-style-1>.steps>ul a:active {
    padding: 0;
    height: 50px;
}

.wizard-style-1>.steps>ul a .number,
.wizard-style-1>.steps>ul a:hover .number,
.wizard-style-1>.steps>ul a:active .number {
    width: 50px;
    height: 100%;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    color: var(--color);
    background-color: var(--gray-300);
    border-radius: 0;
}

.wizard-style-1>.steps>ul a .title,
.wizard-style-1>.steps>ul a:hover .title,
.wizard-style-1>.steps>ul a:active .title {
    margin-inline-end: 20px;
    margin-inline-start: 20px;
}

.wizard-style-1>.steps>ul .current a .number,
.wizard-style-1>.steps>ul .current a:hover .number,
.wizard-style-1>.steps>ul .current a:active .number {
    background-color: #452efa;
    color: var(--white);
}

.wizard-style-1>.steps>ul .done a .number,
.wizard-style-1>.steps>ul .done a:hover .number,
.wizard-style-1>.steps>ul .done a:active .number {
    background-color: #643ab0;
    color: var(--white);
}

.wizard-style-2>.steps>ul a {
    padding: 0;
    height: 50px;
    border-radius: 50px;
}

.wizard-style-2>.steps>ul a:hover,
.wizard-style-2>.steps>ul a:active {
    padding: 0;
    height: 50px;
    border-radius: 50px;
}

.wizard-style-2>.steps>ul a .number,
.wizard-style-2>.steps>ul a:hover .number,
.wizard-style-2>.steps>ul a:active .number {
    width: 50px;
    height: 100%;
    border: 2px solid var(--border);
    font-size: 18px;
    font-weight: bold;
    color: var(--color);
    background-color: var(--white);
}

.wizard-style-2>.steps>ul a .title,
.wizard-style-2>.steps>ul a:hover .title,
.wizard-style-2>.steps>ul a:active .title {
    margin-inline-end: 20px;
}

.wizard-style-2>.steps>ul .current a .number,
.wizard-style-2>.steps>ul .current a:hover .number,
.wizard-style-2>.steps>ul .current a:active .number {
    border-color: var(--primary-bg-color);
    color: var(--primary-bg-color);
}

.wizard-style-2>.steps>ul .done a .number,
.wizard-style-2>.steps>ul .done a:hover .number,
.wizard-style-2>.steps>ul .done a:active .number {
    border-color: var(--purple-bg-color);
    color: var(--purple-bg-color);
}

@media (min-width: 992px) and (max-width: 1200px) {
    .wizard.vertical>.steps .current a .title {
        display: none;
    }

    .wizard>.steps>ul li .title {
        display: none;
    }

    .wizard.vertical>.steps ul li .title {
        display: none;
    }
}

.lds-circle {
    display: inline-block;
    transform: translateZ(1px);
}

.lds-circle>div {
    display: inline-block;
    width: 51px;
    height: 51px;
    margin: 6px;
    border-radius: 50%;
    background: var(--primary-bg-color);
    animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes lds-circle {

    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(1800deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    100% {
        transform: rotateY(3600deg);
    }
}

/*---ring loaders --*/
.lds-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid var(--primary-bg-color);
    border-color: var(--primary-bg-color) transparent var(--primary-bg-color) transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*-- lines loader --*/
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    inset-inline-start: 6px;
    width: 13px;
    background: var(--primary-bg-color);
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
    inset-inline-start: 6px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    inset-inline-start: 26px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    inset-inline-start: 45px;
    animation-delay: 0;
}

@keyframes lds-facebook {
    0% {
        inset-block-start: 6px;
        height: 51px;
    }

    50%,
    100% {
        inset-block-start: 19px;
        height: 26px;
    }
}

/*--heart loader --*/
.lds-heart {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    transform: rotate(45deg);
    transform-origin: 32px 32px;
}

.lds-heart div {
    inset-block-start: 23px;
    inset-inline-start: 19px;
    position: absolute;
    width: 26px;
    height: 26px;
    background: var(--primary-bg-color);
    animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lds-heart div:after,
.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    background: var(--primary-bg-color);
}

.lds-heart div:after {
    inset-block-start: -17px;
    border-start-start-radius: 50%;
    border-start-end-radius: 50%;
    border-end-end-radius: 0px;
    border-end-start-radius: 0px;
}

@keyframes lds-heart {
    0% {
        transform: scale(0.95);
    }

    5% {
        transform: scale(1.1);
    }

    39% {
        transform: scale(0.85);
    }

    45% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(0.9);
    }
}

/*--Ringloader-2 --*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid var(--primary-bg-color);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--primary-bg-color) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**-Ringdots-**/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary-bg-color);
    margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    inset-block-start: 50px;
    inset-inline-start: 50px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    inset-block-start: 54px;
    inset-inline-start: 45px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    inset-block-start: 57px;
    inset-inline-start: 39px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    inset-block-start: 58px;
    inset-inline-start: 32px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    inset-block-start: 57px;
    inset-inline-start: 25px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    inset-block-start: 54px;
    inset-inline-start: 19px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    inset-block-start: 50px;
    inset-inline-start: 14px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    inset-block-start: 45px;
    inset-inline-start: 10px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--hourglass loader--*/
.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 6px;
    box-sizing: border-box;
    animation: lds-hourglass 1.2s infinite;
    border: 26px solid var(--primary-bg-color);
    border-color: var(--primary-bg-color) transparent;
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

/**-ripple --*/
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ripple div {
    position: absolute;
    border: 4px solid var(--primary-bg-color);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {
    0% {
        inset-block-start: 28px;
        inset-inline-start: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        inset-block-start: -1px;
        inset-inline-start: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

/*-- Spinner loader --*/
.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-spinner div {
    transform-origin: 32px 32px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    inset-block-start: 3px;
    inset-inline-start: 29px;
    width: 5px;
    height: 14px;
    border-radius: 20%;
    background: var(--primary-bg-color);
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.lds-heart div:before {
    inset-inline-start: -17px;
    border-start-start-radius: 50%;
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
    border-end-start-radius: 50%;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ellipsis div {
    position: absolute;
    inset-block-start: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

.lds-ellipsis div {
    background: var(--primary-bg-color);
}

.lds-grid div {
    background: var(--primary-bg-color);
}

.lds-grid {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-grid div {
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    animation: lds-grid 1.2s linear infinite;
}

.lds-grid div:nth-child(1) {
    top: 6px;
    left: 6px;
    animation-delay: 0s;
}

.lds-grid div:nth-child(2) {
    top: 6px;
    left: 26px;
    animation-delay: -0.4s;
}

.lds-grid div:nth-child(3) {
    top: 6px;
    left: 45px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(4) {
    top: 26px;
    left: 6px;
    animation-delay: -0.4s;
}

.lds-grid div:nth-child(5) {
    top: 26px;
    left: 26px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(6) {
    top: 26px;
    left: 45px;
    animation-delay: -1.2s;
}

.lds-grid div:nth-child(7) {
    top: 45px;
    left: 6px;
    animation-delay: -0.8s;
}

.lds-grid div:nth-child(8) {
    top: 45px;
    left: 26px;
    animation-delay: -1.2s;
}

.lds-grid div:nth-child(9) {
    top: 45px;
    left: 45px;
    animation-delay: -1.6s;
}

@keyframes lds-grid {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.lds-default div {
    background: var(--primary-bg-color);
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-default div {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 29px;
    left: 53px;
}

.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 18px;
    left: 50px;
}

.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 9px;
    left: 41px;
}

.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 6px;
    left: 29px;
}

.lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 9px;
    left: 18px;
}

.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 18px;
    left: 9px;
}

.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 29px;
    left: 6px;
}

.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 41px;
    left: 9px;
}

.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 50px;
    left: 18px;
}

.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 53px;
    left: 29px;
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 50px;
    left: 41px;
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 41px;
    left: 50px;
}

@keyframes lds-default {

    0%,
    20%,
    80%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

.notifit_confirm_accept {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
    border-radius: 4px;
}

#ui_notifIt.default {
    background-color: var(--orange-bg-color);
    color: var(--fixed-white);
}

#ui_notifIt.primary {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
}

#ui_notifIt.secondary {
    background-color: var(--secondary-bg-color);
    color: var(--fixed-white);
}

#ui_notifIt.error {
    color: var(--white) !important;
    background-color: var(--danger-bg-color) !important;
}

.notifit_confirm,
.notifit_prompt {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    padding: 30px;
    background-color: var(--white) !important;
    color: var(--color) !important;
    border: 1px solid var(--border) !important;
    border-radius: 1px;
    -webkit-box-shadow: var(--box-shadow) !important;
    box-shadow: var(--box-shadow) !important;
    z-index: 9999;
    border-radius: 5px;
}

.notifit_confirm_message {
    text-align: center;
    margin-block-end: 20px;
    font-size: 14px;
}

.notifit_confirm_accept,
.notifit_confirm_cancel,
.notifit_prompt_accept,
.notifit_prompt_cancel {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-inline-end: 5px;
    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;
}

.notifit_confirm_accept {
    background-color: var(--success-bg-color) !important;
    color: var(--fixed-white);
    border-radius: 4px;
    border: 1px solid var(--border) !important;
}

.notifit_confirm_cancel {
    background-color: var(--danger-bg-color) !important;
    color: var(--fixed-white) !important;
    border-radius: 4px !important;
    border: 1px solid var(--border) !important;
}

.notifit_confirm_accept,
.notifit_confirm_cancel,
.notifit_prompt_accept,
.notifit_prompt_cancel {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-inline-end: 5px;
    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;
}

#ui_notifIt p {
    text-align: center !important;
    font-size: 14px;
    padding: 0;
    margin: 0;
    padding: 10px !important;
    font-weight: 400 !important;
    color: var(--fixed-white);
    border: 1px solid var(--border) !important;
    border-width: 0px !important;
}

#ui_notifIt.dark {
    background-color: rgb(var(--dark-rgb)) !important;
    color: var(--white);
}

.pt-inner {
    text-align: center;
}

.pt-inner .pti-header {
    padding: 45px 10px 70px;
    color: var(--white);
    position: relative;
}

.pt-inner .pti-header>h2 {
    margin: 0;
    line-height: 100%;
    color: var(--white);
    font-weight: 100;
    font-size: 50px;
}

.pt-inner .pti-header>h2 small {
    color: var(--white);
    letter-spacing: 0;
    vertical-align: top;
    font-size: 16px;
    font-weight: 100;
}

.pt-inner .pti-header .ptih-title {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 8px 10px 9px;
    margin: 0 -10px;
    position: absolute;
    width: 100%;
    inset-block-end: 0;
    text-transform: uppercase;
}

.pt-inner .pti-body .ptib-item {
    padding: 15px 0;
    font-weight: 400;
}

.pt-inner .pti-body .ptib-item:not(:last-child) {
    border-block-end: 1px solid #eee;
}

.pt-inner .pti-footer {
    padding: 20px 0;
    border-block-start: 0 !important;
}

.plan-card .plan-icon {
    display: inline-block;
    font-size: 30px;
    width: 100px;
    height: 100px;
    color: var(--white);
    line-height: 76px;
    overflow: hidden;
    border: 12px solid var(--white);
    border-radius: 50%;
    background: #67a8e4;
    box-shadow: 0 0 3px #cccccc;
    transition: all 0.3s;
}

.plan-card .plan-price span {
    font-size: 15px;
    vertical-align: middle;
}

.plan-card .plan-features p {
    line-height: 32px;
}

/**pricing style-2--*/
.pricing-table-7 {
    text-align: center;
}

.pricing-table-7 .price-header .title {
    color: #6a6a75;
    font-size: 22px;
    text-transform: uppercase;
    margin-block-end: 15px;
}

.pricing-table-7 .price-header .icon {
    font-size: 60px;
    line-height: 60px;
    margin-block-end: 30px;
    color: #197beb;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

.pricing-table-7 .price-header .price {
    font-size: 40px;
    line-height: 35px;
    color: var(--white);
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    text-align: center;
    position: relative;
    z-index: 0;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}

.pricing-table-7 .price-header .price .top {
    padding-block-start: 20px;
    height: 40px;
}

.pricing-table-7 .price-header .price .dollar {
    font-size: 18px;
    line-height: 13px;
    position: relative;
    inset-block-start: -12px;
}

.pricing-table-7 .price-header .price .month {
    margin-block-start: 30px;
    font-size: 12px;
    line-height: 8px;
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 50px;
    padding-block-start: 10px;
}

.pricing-table-7 .price-body ul {
    margin: 0;
    padding: 0;
}

.pricing-table-7 .price-body ul li {
    list-style: none;
    display: block;
    color: #8e9090;
    margin: 27px 0;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}

.pricing-table-7 .price-body ul li:first-child {
    margin-block-start: 0;
}

.pricing-table-7 .price-body ul li:last-child {
    margin-block-end: 0;
}

.pricing-table-7 .price-footer .order-btn:hover {
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.35);
    background-color: #333;
    color: var(--white);
}

.price-range #amount {
    color: #575c5d !important;
}

.price .list-group-item {
    border-inline-end: 0;
    border-inline-start: 0;
}

.price .list-group {
    border-radius: 0;
}

.pricing-tabs .pri-tabs-heading {
    padding: 15px;
    text-align: center;
    margin: 0 auto;
    display: inline-table;
}

.pricing-tabs .nav-price li a {
    padding: 12px 30px 12px 30px;
    color: var(--color);
    border-radius: 30px;
    margin: 2px;
}

.pricing-tabs .nav-price li a {
    border: 1px solid var(--primary-bg-color);
    color: var(--primary-bg-color);
}

.pricing-tabs .nav-price li .active {
    background: var(--primary-bg-color);
    color: #fff;
}

.pricing-tabs .tab-content {
    padding: 15px;
    margin-block-start: 1.5rem;
}

.pricing-tabs .pricing1 .list-unstyled li:first-child {
    border-block-start: 1px solid var(--border);
}

.pricing-tabs .pricing1 .list-unstyled li {
    border-block-end: 1px solid var(--border);
}

.pricing-tabs .display-4 {
    font-weight: 400;
}

.pricing-tabs .list-unstyled li {
    padding: 7px 0;
}

.pricing1 {
    color: var(--color);
}

.pricing1 .card-category {
    padding: 30px 0;
}

.pricing1 .card-category {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.leading-loose {
    line-height: 2 !important;
}

.pricing-card.premium-card .btn-default.btn-block {
    background: #f1f1f9 !important;
    color: #000;
}

.prod-cat li {
    display: block;
    width: 100%;
}

.prod-cat li a {
    padding: 6px;
    display: block;
    width: 100%;
    color: var(--color);
    text-decoration: none;
}

.prod-cat li ul {
    margin-inline-start: 30px;
}

.prod-cat li ul li a {
    border-block-end: none;
}

.prod-cat li ul li a:hover,
.prod-cat li ul li a:focus {
    background: none;
    color: var(--primary-bg-color);
}

.prod-cat li ul li.active a {
    background: none;
    color: var(--primary-bg-color);
}

.prod-cat li a:hover,
.prod-cat li a:focus,
.prod-cat li a.active {
    background: none;
    color: var(--primary-bg-color);
}

.product-list img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.product-list .pro-img-box {
    position: relative;
}

.shop-details {
    inset-inline-start: 122px;
    inset-block-end: -25px;
    position: absolute;
    margin: 0 auto;
    inset-inline-end: 0;
    text-align: center;
    display: flex;
}

.pro-img-box .social {
    padding: 0;
    margin: 0;
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 10px;
}

.pro-img-box img:hover {
    background: rgba(0, 0, 0, 0.4);
}

.pro-img-box .social {
    padding: 0;
    margin: 0;
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 10px;
}

.pro-img-box .social li {
    display: block;
    margin: 0 0 10px;
    transition: all 0.5s;
}

.pro-img-box .social li:nth-child(2) {
    opacity: 0;
    transform: translateY(-50px);
}

.pro-img-box:hover .social li:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
}

.pro-img-box .social li:nth-child(3) {
    opacity: 0;
    transform: translateY(-50px);
}

.pro-img-box:hover .social li:nth-child(3) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

.pro-img-box .social li a {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: block;
    transition: 0.5s ease 0s;
}

.product_details {
    padding: 20px 0px;
    text-align: center;
}

.product_details .product_price {
    margin: 0;
}

.product_details .product_price li {
    display: inline-block;
    padding: 0 10px;
}

.product_price .old_price {
    text-decoration: line-through;
}

.product_details .product_price .new_price {
    font-weight: 600;
    color: #25c0ce;
}

.adtocart {
    background: var(--primary-bg-color);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    border: 3px solid #fff;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adtocart i {
    color: #fff;
    font-size: 20px;
    line-height: 42px;
}

.pro-title {
    color: var(--color);
    display: inline-block;
    font-size: 16px;
    text-decoration: none !important;
}

.product-list .price {
    color: var(--primary-bg-color);
    font-size: 24px;
    margin-block-end: 0;
}

.handle-counter .btn.btn-white {
    color: var(--color) !important;
    background-color: var(--white) !important;
    border-color: var(--border) !important;
}

.handle-counter .counter-minus {
    border-start-start-radius: 3px !important;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
    border-end-start-radius: 3px !important;
}

.handle-counter .counter-plus {
    border-start-start-radius: 0 !important;
    border-start-end-radius: 3px !important;
    border-end-end-radius: 3px !important;
    border-end-start-radius: 0 !important;
}

.handle-counter .counter-minus,
.handle-counter .handle-counter .counter-plus {
    float: var(--float-start);
    text-align: center;
    border-radius: 1px;
}

.lh-1 {
    line-height: 1;
}

.handle-counter .btn {
    padding: 9px 10px !important;
}

.counter-minus {
    border-radius: 0 !important;
}

.handle-counter input {
    float: var(--float-start);
    text-align: center;
    height: 35px;
    border-radius: 0;
    width: 70px;
    border: 1px solid var(--border);
    outline: none;
    border-inline-start: 0;
    border-inline-end: 0;
}

.handle-counter input {
    background-color: var(--background);
    color: var(--black);
}

.img-sm {
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 5px;
    border: 1px solid var(--border);
    background: var(--background);
    padding: 10px;
}

.card-item-desc .card-item-desc-1 dt {
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
}

.card-item-desc .card-item-desc-1 dd {
    font-size: 13px;
    color: #737f9e;
    margin-block-end: 0;
}

dl {
    margin-block-start: 0;
    margin-block-end: 1rem;
}

.remove-button .text-danger {
    padding: 8px;
    background-color: rgba(var(--danger-bg-color-rgb), 0.2);
    border-radius: 3px;
}

.remove-button .text-info {
    padding: 8px;
    background-color: rgba(var(--info-bg-color-rgb), 0.2);
    border-radius: 3px;
}

.offer-badge {
    inset-block-start: 15px;
    inset-inline-end: 15px;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#checkoutsteps>.steps .current a .number {
    background: var(--primary-bg-color);
    color: var(--white);
}

#checkoutsteps .item .thumb {
    display: inline-flex;
    width: 100px;
    height: 90px;
    justify-content: center;
    align-items: center;
}

#checkoutsteps .item .left {
    display: flex;
    align-items: center;
}

#checkoutsteps .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block-end: 30px;
    border-block-end: 1px solid var(--border);
    margin-block-end: 30px;
}

#checkoutsteps .item .purchase {
    text-decoration: none;
}

#checkoutsteps .item .purchase {
    display: inline-block;
    margin-inline-start: 18px;
}

#checkoutsteps .total {
    float: var(--float-end);
    color: var(--primary-bg-color);
}

#checkoutsteps>.steps {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 0;
}

.wizard>.content>.title.current {
    display: none !important;
}

.card-pay .tabs-menu.nav li {
    border-inline-end: 1px solid var(--border);
}

.card-pay .tabs-menu li {
    width: 33.3%;
    display: block;
}

.card-pay .tabs-menu li a.active {
    background: var(--primary-bg-color);
    color: var(--fixed-white);
}

.card-pay .tabs-menu li a {
    padding: 0.7rem 1rem;
    display: block;
    text-align: center;
}

.card-pay .tabs-menu.nav {
    background: var(--background);
}

.card-pay .tabs-menu {
    margin-block-end: 25px;
    border-radius: 4px;
    overflow: hidden;
}

@media (max-width: 767px) {
    #checkoutsteps>.steps .number {
        background-color: var(--background);
        color: var(--color);
        font-size: 15px;
        font-weight: 600;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px auto;
    }
}

@media (max-width: 767px) {
    #checkoutsteps>.steps a {
        font-size: 10px !important;
    }
}

#checkoutsteps>.steps a {
    display: block;
    width: auto;
    background-color: transparent;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 0;
    text-decoration: none;
    border-radius: 30px;
    cursor: default;
    text-align: center;
    outline: none;
}

#checkoutsteps.wizard {
    border-radius: 4px;
}

#checkoutsteps .checkoutline {
    height: 3px;
    background-color: var(--background);
    -webkit-transform: translateY(1.7rem);
    transform: translateY(1.7rem);
    margin: 0 11%;
    position: relative;
    z-index: 0;
    inset-block-start: 28px;
}

#checkoutsteps ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

#checkoutsteps ul[role=tablist] li {
    display: flex;
    z-index: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;
    font-weight: 500;
}

.checked {
    color: #ffbd5a;
}

@media (min-width: 768px) {
    #checkoutsteps>.steps .number {
        background-color: var(--background);
        color: var(--color);
        font-size: 18px;
        font-weight: 400;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px auto;
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.wizard>.steps .done a .number,
.wizard>.steps .done a:hover .number,
.wizard>.steps .done a:active .number {
    background-color: var(--success-bg-color) !important;
    color: var(--fixed-white) !important;
}

.wizard>.steps .done a .number,
.wizard>.steps .done a:hover .number,
.wizard>.steps .done a:active .number {
    background-color: var(--success-bg-color) !important;
    color: var(--fixed-white);
}

.wizard>.steps .done a {
    color: var(--success-bg-color);
}

.wizard>.content>.title {
    font-size: 18px;
    color: var(--color);
    font-weight: 700;
    margin-block-end: 5px;
    display: none;
}

.checkout-steps .wizard>.content {
    padding: 0;
}

.checkout-steps .section-divider {
    padding: 30px;
}

.checkout-steps .sub-section-divider {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
}

.checkout-steps .order-section {
    padding-block-start: 30px;
}

/*---  Form-editor  ---*/
.ql-wrapper {
    display: flex;
    flex-direction: column;
}

.ql-wrapper-modal .ql-snow.ql-toolbar {
    border-width: 0;
    border-block-end-width: 1px;
}

.ql-wrapper-modal .ql-snow.ql-container {
    border-width: 0;
}

.ql-wrapper-modal .ql-snow .ql-editor {
    padding: 20px;
}

.ql-bubble.ql-container {
    border: 2px solid var(--border);
}

.ql-bubble.ql-container:not(.ql-disabled) a::before {
    background-color: var(--color);
    border-radius: 2px;
}

.ql-bubble .ql-tooltip {
    background-color: var(--color);
    border-radius: 2px;
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-block-start-color: var(--color);
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-block-end-color: var(--color);
}

.ql-bubble .ql-toolbar {
    padding: 0 0px 0px;
}

.ql-bubble .ql-toolbar button {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8896af;
    outline: none;
}

.ql-bubble .ql-toolbar button i {
    font-size: inherit;
    line-height: 0;
    display: inline-block;
}

.ql-bubble .ql-toolbar button i.la-bold,
.ql-bubble .ql-toolbar button i.la-underline {
    width: 21px;
}

.ql-bubble .ql-toolbar button .ql-fill {
    fill: #8896af;
}

.ql-bubble .ql-toolbar button .ql-stroke {
    stroke: #8896af;
}

.ql-bubble .ql-toolbar button.ql-active {
    color: rgb(var(--white));
    background-color: rgba(255, 255, 255, 0.08);
}

.ql-bubble .ql-toolbar .ql-formats {
    margin-block-start: 8px;
    margin-inline-end: 8px;
    margin-block-end: 0;
    margin-inline-start: 0;
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-inline-start: 0;
}

.ql-wrapper-demo {
    background-color: rgb(var(--white));
}

.ql-wrapper-demo .ql-container {
    height: 250px;
}

.ql-wrapper-demo .ql-editor {
    height: 100%;
    overflow-y: auto;
}

.ql-scrolling-demo {
    background-color: rgb(var(--white));
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid var(--border);
    position: relative;
    border-radius: 3px !important;
}

.ql-scrolling-demo .ql-container {
    border-width: 0;
    height: auto;
    min-height: 100%;
}

.ql-scrolling-demo .ql-container .ql-editor {
    font-size: 16px;
    overflow-y: visible;
    color: var(--color);
}

.ql-snow.ql-container {
    border-color: var(--border);
    border-width: 1px;
}

.ql-snow.ql-toolbar {
    border-width: 1px;
    border-color: var(--border);
    border-block-end-width: 1px;
    padding-block-start: 5px;
    padding-inline-end: 10px;
    padding-block-end: 10px;
    padding-inline-start: 10px;
}

.ql-snow.ql-toolbar .ql-picker-label {
    border-color: var(--border);
}

.ql-snow.ql-toolbar .ql-picker-label.ql-active {
    background-color: var(--border);
    border-color: transparent;
    color: var(--color);
    font-weight: 500;
}

.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
    stroke: #000;
}

.ql-snow.ql-toolbar button {
    border: 1px solid transparent;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color);
    outline: none;
}

.ql-snow.ql-toolbar button svg {
    width: 20px;
    float: none;
}

.ql-snow.ql-toolbar button i {
    font-size: 15px;
    line-height: 0;
    display: inline-block;
}

.ql-snow.ql-toolbar button i.la-bold,
.ql-snow.ql-toolbar button i.la-underline {
    width: 21px;
}

.ql-snow.ql-toolbar button .ql-stroke {
    stroke-width: 2px;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus {
    border-color: var(--border);
    color: var(--primary-bg-color);
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: var(--muted);
}

.ql-snow.ql-toolbar button.ql-active {
    background-color: var(--border);
    color: #3b4863;
    border-color: transparent;
}

.ql-snow.ql-toolbar button.ql-active .ql-fill {
    fill: #3b4863;
}

.ql-snow.ql-toolbar button.ql-active .ql-stroke {
    stroke: #3b4863;
}

.ql-snow.ql-toolbar .ql-formats {
    margin-block-start: 5px;
    margin-inline-end: 5px;
}

.ql-snow .ql-formats button+button {
    margin-block-start: 0;
    margin-inline-end: 0;
    margin-block-end: 0;
}

.ql-snow .ql-picker {
    display: block;
    border-width: 0;
    height: 32px;
    color: #596882;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    inset-inline-end: 3px;
}

.ql-snow .ql-picker:hover .ql-picker-label,
.ql-snow .ql-picker:focus .ql-picker-label {
    color: var(--color);
}

.ql-snow .ql-picker:hover .ql-picker-label .ql-stroke,
.ql-snow .ql-picker:focus .ql-picker-label .ql-stroke {
    stroke: #000;
}

.ql-snow .ql-picker-label {
    display: block;
    padding-inline-start: 10px;
    font-size: 13px;
    font-family: -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";
    border: 1px solid var(--border);
    background-color: rgb(var(--white));
    outline: none;
}

.ql-snow .ql-picker-label::before {
    line-height: 2.25;
    font-weight: 400;
}

.ql-snow .ql-stroke {
    stroke: #000;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 1;
}

.ql-snow .ql-editor {
    padding: 20px;
    color: var(--color);
}

@media (min-width: 576px) {
    .ql-wrapper-modal .ql-snow.ql-toolbar {
        padding: 15px 20px;
    }

    .ql-bubble .ql-toolbar .ql-formats {
        margin-block-start: 8px;
        margin-inline-end: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
    }

    .ql-bubble .ql-toolbar .ql-formats:first-child {
        margin-inline-start: 0;
    }
}

/*---  Form-editor  ---*/
/* ###### Select2 ###### */
.select2-results__option {
    border-radius: 0;
    font-size: 13px;
}

.select2-results__option {
    padding: 6px 10px !important;
}

.select2-xs+.select2-container,
.select2-dropdown-xs .select2-results__option {
    font-size: 12px;
}

.select2-sm+.select2-container,
.select2-dropdown-sm .select2-results__option {
    font-size: 14px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--hover-color);
    color: var(--color);
}

.avatar-xs {
    width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.select-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a6a6bf;
    line-height: 20px !important;
}

.select-lg .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a6a6bf;
    line-height: 31px !important;
}

.select2-sm+.select2-container,
.select2-dropdown-sm .select2-results__option {
    font-size: 14px;
}

.select-sm .select2-container .select2-selection--single {
    height: calc(1.7rem + 4px) !important;
    padding-block-start: 0.391rem;
    padding-block-end: 0.391rem;
    font-size: 0.75rem;
}

.select-lg .select2-container .select2-selection--single {
    height: calc(2.7rem + 4px) !important;
    padding-block-start: 0.5rem;
    padding-block-end: 0.5rem;
    font-size: 120%;
}

.select-lg .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__arrow {
    inset-block-start: 5px;
}

.select-sm .select2-container .select2-selection--single .select2-selection__arrow {
    inset-block-start: -2px;
}

.select2-sm .select2-container .select2-selection--single {
    height: calc(1.5rem + 4px) !important;
    padding-block-start: 0.391rem;
    padding-block-end: 0.391rem;
}

.select2-sm .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.2rem !important;
}

.select2-lg .select2-container .select2-selection--single {
    height: calc(2.6975rem + 2px) !important;
    padding-block-start: 0.5rem;
    padding-block-end: 0.5rem;
    font-size: 100%;
}

.select2-lg .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.2rem !important;
}

.select2-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 13px;
}

.select2-lg .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: none !important;
}

/* ###### Select2 End###### */
/* ################ Switcher ################# */
[data-theme-color=dark] .app-header,
[data-theme-color=dark] .list-group {
    --primary-005: rgba(255, 255, 255, 0.05);
    --primary-01: rgba(255, 255, 255, 0.1);
}

[data-theme-color=dark] .app-sidebar {
    box-shadow: none;
}

[data-theme-color=dark][data-header-style=color] .app-header .form-control {
    --border: rgba(255, 255, 255, 0.1);
}

[data-theme-color=dark][data-header-style=color] .app-header .form-control:focus {
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme-color=dark][data-header-style=color] .app-header .bg-header-image,
[data-theme-color=dark][data-header-style=color] .app-header .dropdown-divider {
    --border: rgba(255, 255, 255, 0.1);
}

[data-theme-color=dark][data-header-style=gradient] .app-header .form-control {
    --border: rgba(255, 255, 255, 0.1);
}

[data-theme-color=dark][data-header-style=gradient] .app-header .form-control:focus {
    border-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 992px) {

    [data-theme-color=dark][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .desktop-logo,
    [data-theme-color=dark][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-theme-color=dark][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo,
    [data-theme-color=dark][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo {
        display: block !important;
    }

    [data-theme-color=dark][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo-dark,
    [data-theme-color=dark][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo-dark {
        display: none !important;
    }
}

@media (min-width: 992px) {

    [data-theme-color=dark][data-vertical-style=doublemenu] .app-sidebar__header .desktop-logo,
    [data-theme-color=dark][data-vertical-style=doublemenu-tabs] .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-theme-color=dark][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo,
    [data-theme-color=dark][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo {
        display: block !important;
    }

    [data-theme-color=dark][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo-dark,
    [data-theme-color=dark][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo-dark {
        display: none !important;
    }
}

[data-theme-color=dark] .desktop-logo {
    display: block;
}

[data-theme-color=dark] .mobile-logo,
[data-theme-color=dark] .desktop-logo-dark {
    display: none;
}

[data-theme-color=dark] .badge-outline-dark {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme-color=dark] .light-layout {
    display: none !important;
}

[data-theme-color=dark] .dark-layout {
    display: flex !important;
}

[data-theme-color=dark] .side-menu__icon {
    border-color: var(--border);
}

[data-theme-color=dark] .custom-switch-indicator {
    background: rgba(255, 255, 255, 0.1);
}

@media (min-width: 992px) {
    [data-theme-color=dark] .sidebar-mini.sidenav-toggled .mobile-logo {
        display: block;
    }

    [data-theme-color=dark] .sidebar-mini.sidenav-toggled .mobile-logo.mobile-logo-dark {
        display: none;
    }

    [data-theme-color=dark] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo {
        display: block;
    }

    [data-theme-color=dark] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo.desktop-logo-dark {
        display: none;
    }

    [data-theme-color=dark] .sidebar-mini.sidenav-toggled.show-sidenav .mobile-logo {
        display: none;
    }
}

@media (max-width: 991px) {
    [data-theme-color=dark] .responsive-logo .main-logo .desktop-logo {
        display: block;
    }

    [data-theme-color=dark] .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
        display: none;
    }
}

[data-theme-color=dark] .app-sidebar__user {
    color: #fff;
}

[data-theme-color=dark] .banner-card {
    --primary-02: var(--primary-05);
}

[data-theme-color=dark] .card {
    --gray-100: rgba(0, 0, 0, 0.03);
}

[data-theme-color=dark] .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(255, 255, 255, 0.3);
}

[data-theme-color=dark] .ps .ps__rail-y.ps--clicking {
    background-color: transparent;
}

[data-theme-color=dark] .ps .ps__rail-y:hover,
[data-theme-color=dark] .ps .ps__rail-y:focus {
    background-color: transparent;
}

[data-theme-color=dark] .ps__thumb-y {
    background-color: transparent;
}

[data-theme-color=dark] .side-menu__item.active .icon-menu-img {
    background-color: var(--primary-bg-color);
}

[data-theme-color=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

[data-theme-color=dark] .bg-white {
    background-color: var(--white) !important;
}

[data-theme-color=dark] .bg-light {
    background-color: var(--black-1) !important;
}

[data-theme-color=dark] .side-menu__item.active .side-menu__icon,
[data-theme-color=dark] .side-menu__item:hover .side-menu__icon,
[data-theme-color=dark] .side-menu__item:focus .side-menu__icon {
    color: var(--primary-07);
}

[data-theme-color=dark] .wallet .qr-code {
    filter: invert(1);
}

[data-theme-color=dark] .navbar-toggler .navbar-toggler-icon {
    filter: invert(1);
}

[data-theme-color=dark] .footer-logo-light {
    display: inline-block;
}

[data-theme-color=dark] .footer-logo-dark {
    display: none;
}

[data-theme-color=dark] .custom-logo-light {
    display: block;
}

[data-theme-color=dark] .custom-logo-dark {
    display: none;
}

[data-theme-color=dark] .progress {
    background-color: var(--black-1);
    box-shadow: none;
}

[data-theme-color=dark] .landing-page .header-logo .logo-1 {
    display: none !important;
}

[data-theme-color=dark] .landing-page .header-logo .dark-logo-1 {
    display: block !important;
}

[data-theme-color=dark] .landing-page .bg-section {
    background: var(--fixed-white-1);
}

[data-theme-color=dark] .btn-default {
    background: var(--fixed-white-1);
    border-color: var(--fixed-white-1);
    color: var(--color);
}

[data-theme-color=dark] .bg-default {
    background-color: var(--fixed-black-2);
}

[data-theme-color=dark] .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {
    background-color: transparent !important;
    color: var(--color) !important;
}

[data-theme-color=dark] .grid .grids .row>.col {
    border-color: var(--border) !important;
}

[data-theme-color=dark] .form-control {
    background-color: var(--background);
    position: relative;
}

[data-theme-color=dark] .apexcharts-theme-light .apexcharts-menu-item:hover {
    background: var(--background) !important;
}

[data-menu-style=light] .app-sidebar {
    --menu-bg: #ffffff;
    --border: #ebebeb;
    --color: #33334c;
    --menu-color: #647492;
    --background: #f4f3f9;
    --muted: #a5aac7;
}

[data-menu-style=light] .app-sidebar__header {
    background: #fff;
}

[data-menu-style=light] .side-menu__item.active .side-menu__icon,
[data-menu-style=light] .side-menu__item:hover .side-menu__icon,
[data-menu-style=light] .side-menu__item:focus .side-menu__icon {
    color: var(--primary-bg-color);
}

[data-menu-style=light] .mobile-logo,
[data-menu-style=light] .desktop-logo {
    display: none;
}

[data-menu-style=light] .desktop-logo-dark {
    display: block;
}

@media (min-width: 992px) and (min-width: 992px) {

    [data-menu-style=light][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .desktop-logo,
    [data-menu-style=light][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-menu-style=light][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo,
    [data-menu-style=light][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo {
        display: none !important;
    }

    [data-menu-style=light][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo-dark,
    [data-menu-style=light][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo-dark {
        display: block !important;
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    [data-menu-style=light][data-vertical-style=doublemenu] .app-sidebar__header .desktop-logo,
    [data-menu-style=light][data-vertical-style=doublemenu-tabs] .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-menu-style=light][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo,
    [data-menu-style=light][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo {
        display: none !important;
    }

    [data-menu-style=light][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo-dark,
    [data-menu-style=light][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo-dark {
        display: block !important;
    }
}

@media (min-width: 992px) {
    [data-menu-style=light] .sidebar-mini.sidenav-toggled .mobile-logo {
        display: none;
    }

    [data-menu-style=light] .sidebar-mini.sidenav-toggled .mobile-logo.mobile-logo-dark {
        display: block;
    }

    [data-menu-style=light] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo {
        display: none;
    }

    [data-menu-style=light] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo.desktop-logo-dark {
        display: block;
    }

    [data-menu-style=light] .sidebar-mini.sidenav-toggled.show-sidenav .mobile-logo {
        display: none;
    }
}

[data-menu-style=light] .app-sidebar__user {
    color: #33334c;
}

[data-menu-style=light] .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(0, 0, 0, 0.3);
}

[data-menu-style=light] .ps .ps__rail-y.ps--clicking {
    background-color: transparent;
}

[data-menu-style=light] .ps .ps__rail-y:hover,
[data-menu-style=light] .ps .ps__rail-y:focus {
    background-color: transparent;
}

[data-menu-style=light] .ps__thumb-y {
    background-color: transparent;
}

@media (min-width: 992px) {
    [data-menu-style=light][data-vertical-style=doublemenu-tabs] .sidetab-menu {
        --muted: #a5aac7;
        --white: #fff;
        --gray-200: #f2f4f5;
        --gray-300: #e6eaeb;
        --gray-800: #383853;
        --color: #33334c;
        --form-border: #e6e7ea;
    }
}

[data-menu-style=dark] .app-sidebar {
    --menu-bg: #1b2433;
    --border: rgba(255, 255, 255, 0.1);
    --color: #dde5ed;
    --menu-color: #dde5ed;
    --background: rgba(255, 255, 255, 0.05);
    --muted: rgba(255, 255, 255, 0.5);
    box-shadow: none;
}

[data-menu-style=dark] .app-sidebar__header {
    background: var(--menu-bg);
}

[data-menu-style=dark] .side-menu__item.active .side-menu__icon,
[data-menu-style=dark] .side-menu__item:hover .side-menu__icon,
[data-menu-style=dark] .side-menu__item:focus .side-menu__icon {
    color: var(--primary-bg-color);
}

[data-menu-style=dark] .responsive-logo .main-logo .desktop-logo {
    display: none;
}

[data-menu-style=dark] .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
    display: block;
}

[data-menu-style=dark] .desktop-logo {
    display: block;
}

[data-menu-style=dark] .mobile-logo,
[data-menu-style=dark] .desktop-logo-dark {
    display: none;
}

[data-menu-style=dark] .slide-right svg,
[data-menu-style=dark] .slide-left svg {
    fill: #fff;
    color: #fff;
}

@media (min-width: 992px) and (min-width: 992px) {

    [data-menu-style=dark][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .desktop-logo,
    [data-menu-style=dark][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-menu-style=dark][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo,
    [data-menu-style=dark][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo {
        display: block !important;
    }

    [data-menu-style=dark][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo-dark,
    [data-menu-style=dark][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo-dark {
        display: none !important;
    }
}

@media (min-width: 992px) and (min-width: 992px) {

    [data-menu-style=dark][data-vertical-style=doublemenu] .app-sidebar__header .desktop-logo,
    [data-menu-style=dark][data-vertical-style=doublemenu-tabs] .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-menu-style=dark][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo,
    [data-menu-style=dark][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo {
        display: block !important;
    }

    [data-menu-style=dark][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo-dark,
    [data-menu-style=dark][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo-dark {
        display: none !important;
    }
}

[data-menu-style=dark] .side-menu__icon {
    border-color: var(--border);
}

@media (min-width: 992px) {
    [data-menu-style=dark] .sidebar-mini.sidenav-toggled .mobile-logo {
        display: block;
    }

    [data-menu-style=dark] .sidebar-mini.sidenav-toggled .mobile-logo.mobile-logo-dark {
        display: none;
    }

    [data-menu-style=dark] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo {
        display: block;
    }

    [data-menu-style=dark] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo.desktop-logo-dark {
        display: none;
    }

    [data-menu-style=dark] .sidebar-mini.sidenav-toggled.show-sidenav .mobile-logo {
        display: none;
    }
}

[data-menu-style=dark] .app-sidebar__user {
    color: #fff;
}

[data-menu-style=dark] .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(255, 255, 255, 0.3);
}

[data-menu-style=dark] .ps .ps__rail-y.ps--clicking {
    background-color: transparent;
}

[data-menu-style=dark] .ps .ps__rail-y:hover,
[data-menu-style=dark] .ps .ps__rail-y:focus {
    background-color: transparent;
}

[data-menu-style=dark] .ps__thumb-y {
    background-color: transparent;
}

@media (min-width: 992px) {

    [data-menu-style=dark][data-vertical-style=hover1] .app .side-menu__label1 a,
    [data-menu-style=dark][data-vertical-style=doublemenu] .app .side-menu__label1 a,
    [data-menu-style=dark][data-vertical-style=doublemenu-tabs] .app .side-menu__label1 a {
        color: #fff !important;
    }

    [data-menu-style=dark][data-vertical-style=doublemenu-tabs] .sidetab-menu {
        --muted: #828b9d;
        --white: #1b2433;
        --gray-100: rgba(255, 255, 255, 0.2);
        --gray-200: #17171c;
        --gray-300: #393946;
        --gray-800: #c7c7d1;
        --color: #dde5ed;
        --form-border: rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 992px) {

    [data-menu-style=dark][data-vertical-style=doublemenu-tabs] .app .slide-menu .sidetab-menu .panel-tabs li a.active,
    [data-menu-style=dark][data-vertical-style=doublemenu-tabs] .app .slide-menu .sidetab-menu .panel-tabs li a:hover {
        background: var(--menu-primary);
        border: 1px solid var(--menu-primary);
    }
}

[data-menu-style=color] .app-sidebar {
    --menu-bg: var(--primary-bg-color);
    --border: rgba(255, 255, 255, 0.1);
    --color: rgba(255, 255, 255, 0.6);
    --menu-color: rgba(255, 255, 255, 0.6);
    --background: rgba(255, 255, 255, 0.05);
    --muted: rgba(255, 255, 255, 0.5);
}

[data-menu-style=color] .app-sidebar__header {
    background: var(--primary-bg-color);
}

[data-menu-style=color] .side-menu__item.active,
[data-menu-style=color] .side-menu__item:hover,
[data-menu-style=color] .side-menu__item:focus {
    color: #fff !important;
}

[data-menu-style=color] .side-menu__item.active .side-menu__icon,
[data-menu-style=color] .side-menu__item:hover .side-menu__icon,
[data-menu-style=color] .side-menu__item:focus .side-menu__icon {
    color: #fff;
}

[data-menu-style=color] .slide-item:hover,
[data-menu-style=color] .slide-item.active,
[data-menu-style=color] .sub-side-menu__item:hover,
[data-menu-style=color] .sub-side-menu__item.active,
[data-menu-style=color] .sub-slide-item2:hover,
[data-menu-style=color] .sub-slide-item2.active {
    color: #fff;
}

[data-menu-style=color] .responsive-logo .main-logo .desktop-logo {
    display: none;
}

[data-menu-style=color] .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
    display: block;
}

[data-menu-style=color] .desktop-logo {
    display: block;
}

[data-menu-style=color] .mobile-logo,
[data-menu-style=color] .desktop-logo-dark {
    display: none;
}

[data-menu-style=color] .slide-right svg,
[data-menu-style=color] .slide-left svg {
    fill: #fff;
    color: #fff;
}

@media (min-width: 992px) {

    [data-menu-style=color][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .desktop-logo,
    [data-menu-style=color][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-menu-style=color][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo,
    [data-menu-style=color][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo {
        display: block !important;
    }

    [data-menu-style=color][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo-dark,
    [data-menu-style=color][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo-dark {
        display: none !important;
    }
}

@media (min-width: 992px) {

    [data-menu-style=color][data-vertical-style=doublemenu] .app-sidebar__header .desktop-logo,
    [data-menu-style=color][data-vertical-style=doublemenu-tabs] .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-menu-style=color][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo,
    [data-menu-style=color][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo {
        display: block !important;
    }

    [data-menu-style=color][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo-dark,
    [data-menu-style=color][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo-dark {
        display: none !important;
    }
}

[data-menu-style=color] .side-menu__icon {
    border-color: var(--border);
}

@media (min-width: 992px) {
    [data-menu-style=color] .sidebar-mini.sidenav-toggled .mobile-logo {
        display: block;
    }

    [data-menu-style=color] .sidebar-mini.sidenav-toggled .mobile-logo.mobile-logo-dark {
        display: none;
    }

    [data-menu-style=color] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo {
        display: block;
    }

    [data-menu-style=color] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo.desktop-logo-dark {
        display: none;
    }

    [data-menu-style=color] .sidebar-mini.sidenav-toggled.show-sidenav .mobile-logo {
        display: none;
    }
}

[data-menu-style=color] .app-sidebar__user {
    --color: rgba(255, 255, 255, 1);
    color: #fff;
}

[data-menu-style=color] .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(255, 255, 255, 0.3);
}

[data-menu-style=color] .ps .ps__rail-y.ps--clicking {
    background-color: transparent;
}

[data-menu-style=color] .ps .ps__rail-y:hover,
[data-menu-style=color] .ps .ps__rail-y:focus {
    background-color: transparent;
}

[data-menu-style=color] .ps__thumb-y {
    background-color: transparent;
}

@media (min-width: 992px) {

    [data-menu-style=color][data-vertical-style=hover1] .app .side-menu__label1 a,
    [data-menu-style=color][data-vertical-style=doublemenu] .app .side-menu__label1 a,
    [data-menu-style=color][data-vertical-style=doublemenu-tabs] .app .side-menu__label1 a {
        color: #fff !important;
    }

    [data-menu-style=color][data-vertical-style=doublemenu-tabs] .sidetab-menu {
        --primary-bg-color: rgba(255, 255, 255, 0.2);
        --muted: rgba(255, 255, 255, 0.5);
        --gray-100: rgba(255, 255, 255, 0.2);
        --gray-200: transparent;
        --gray-300: rgba(255, 255, 255, 0.2);
        --gray-600: #fff;
        --gray-800: #fff;
        --color: #fff;
        --form-border: rgba(255, 255, 255, 0.1);
    }

    [data-menu-style=color][data-vertical-style=doublemenu-tabs] .slide-item,
    [data-menu-style=color][data-vertical-style=doublemenu-tabs] .sub-side-menu__item,
    [data-menu-style=color][data-vertical-style=doublemenu-tabs] .sub-slide-item2 {
        --color: rgba(255, 255, 255, 0.6);
    }
}

[data-menu-style=gradient] .app-sidebar {
    --menu-bg: linear-gradient(to bottom, var(--primary-bg-color) 0%, #9022c7 100%);
    --border: rgba(255, 255, 255, 0.1);
    --color: rgba(255, 255, 255, 0.6);
    --menu-color: rgba(255, 255, 255, 0.6);
    --background: rgba(255, 255, 255, 0.05);
    --muted: rgba(255, 255, 255, 0.5);
}

[data-menu-style=gradient] .app-sidebar__header {
    background: var(--primary-bg-color);
}

[data-menu-style=gradient] .side-menu__item.active,
[data-menu-style=gradient] .side-menu__item:hover,
[data-menu-style=gradient] .side-menu__item:focus {
    color: #fff !important;
}

[data-menu-style=gradient] .side-menu__item.active .side-menu__icon,
[data-menu-style=gradient] .side-menu__item:hover .side-menu__icon,
[data-menu-style=gradient] .side-menu__item:focus .side-menu__icon {
    color: #fff;
}

[data-menu-style=gradient] .slide-item:hover,
[data-menu-style=gradient] .slide-item.active,
[data-menu-style=gradient] .sub-side-menu__item:hover,
[data-menu-style=gradient] .sub-side-menu__item.active,
[data-menu-style=gradient] .sub-slide-item2:hover,
[data-menu-style=gradient] .sub-slide-item2.active {
    color: #fff;
}

[data-menu-style=gradient] .responsive-logo .main-logo .desktop-logo {
    display: none;
}

[data-menu-style=gradient] .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
    display: block;
}

[data-menu-style=gradient] .desktop-logo {
    display: block;
}

[data-menu-style=gradient] .mobile-logo,
[data-menu-style=gradient] .desktop-logo-dark {
    display: none;
}

[data-menu-style=gradient] .slide-right svg,
[data-menu-style=gradient] .slide-left svg {
    fill: #fff;
    color: #fff;
}

@media (min-width: 992px) {

    [data-menu-style=gradient][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .desktop-logo,
    [data-menu-style=gradient][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-menu-style=gradient][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo,
    [data-menu-style=gradient][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo {
        display: block !important;
    }

    [data-menu-style=gradient][data-vertical-style=hover] .app.show-sidenav .app-sidebar__header .mobile-logo-dark,
    [data-menu-style=gradient][data-vertical-style=hover1] .app.show-sidenav .app-sidebar__header .mobile-logo-dark {
        display: none !important;
    }
}

@media (min-width: 992px) {

    [data-menu-style=gradient][data-vertical-style=doublemenu] .app-sidebar__header .desktop-logo,
    [data-menu-style=gradient][data-vertical-style=doublemenu-tabs] .app-sidebar__header .desktop-logo {
        display: none !important;
    }

    [data-menu-style=gradient][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo,
    [data-menu-style=gradient][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo {
        display: block !important;
    }

    [data-menu-style=gradient][data-vertical-style=doublemenu] .app-sidebar__header .mobile-logo-dark,
    [data-menu-style=gradient][data-vertical-style=doublemenu-tabs] .app-sidebar__header .mobile-logo-dark {
        display: none !important;
    }
}

[data-menu-style=gradient] .side-menu__icon {
    border-color: var(--border);
}

@media (min-width: 992px) {
    [data-menu-style=gradient] .sidebar-mini.sidenav-toggled .mobile-logo {
        display: block;
    }

    [data-menu-style=gradient] .sidebar-mini.sidenav-toggled .mobile-logo.mobile-logo-dark {
        display: none;
    }

    [data-menu-style=gradient] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo {
        display: block;
    }

    [data-menu-style=gradient] .sidebar-mini.sidenav-toggled.show-sidenav .desktop-logo.desktop-logo-dark {
        display: none;
    }

    [data-menu-style=gradient] .sidebar-mini.sidenav-toggled.show-sidenav .mobile-logo {
        display: none;
    }
}

[data-menu-style=gradient] .app-sidebar__user {
    --color: rgba(255, 255, 255, 1);
    color: #fff;
}

[data-menu-style=gradient] .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(255, 255, 255, 0.3);
}

[data-menu-style=gradient] .ps .ps__rail-y.ps--clicking {
    background-color: transparent;
}

[data-menu-style=gradient] .ps .ps__rail-y:hover,
[data-menu-style=gradient] .ps .ps__rail-y:focus {
    background-color: transparent;
}

[data-menu-style=gradient] .ps__thumb-y {
    background-color: transparent;
}

@media (min-width: 992px) {

    [data-menu-style=gradient][data-vertical-style=hover1] .app .side-menu__label1 a,
    [data-menu-style=gradient][data-vertical-style=doublemenu] .app .side-menu__label1 a,
    [data-menu-style=gradient][data-vertical-style=doublemenu-tabs] .app .side-menu__label1 a {
        color: #fff !important;
    }

    [data-menu-style=gradient][data-vertical-style=doublemenu-tabs] .sidetab-menu {
        --primary-bg-color: rgba(255, 255, 255, 0.2);
        --muted: rgba(255, 255, 255, 0.5);
        --white: transparent;
        --gray-100: rgba(255, 255, 255, 0.2);
        --gray-200: transparent;
        --gray-300: rgba(255, 255, 255, 0.2);
        --gray-600: #fff;
        --gray-800: #fff;
        --color: #fff;
        --form-border: rgba(255, 255, 255, 0.1);
    }

    [data-menu-style=gradient][data-vertical-style=doublemenu-tabs] .slide-item,
    [data-menu-style=gradient][data-vertical-style=doublemenu-tabs] .sub-side-menu__item,
    [data-menu-style=gradient][data-vertical-style=doublemenu-tabs] .sub-slide-item2 {
        --color: rgba(255, 255, 255, 0.6);
    }
}

[data-menu-style=gradient][data-layout=horizontal] .horizontal-main {
    --menu-bg: linear-gradient(to right, var(--primary-bg-color) 0%, #9022c7 100%);
}

[data-menu-style=gradient][data-layout=horizontal] .horizontal-main .slide-menu {
    --menu-bg: var(--primary-bg-color);
}

[data-header-style=light] .app-header {
    --header-bg: #ffffff;
    --border: #ebebeb;
    --color: #3c4858;
    --white: #fff;
    --gray-700: #4d5875;
    --primary-005: rgba(var(--primary-bg-color-rgb), 0.05);
    --primary-01: rgb(var(--primary-bg-color-rgb), 0.1);
}

[data-header-style=light] .app-header .form-control:focus {
    border-color: #e6e7ea;
}

[data-header-style=light] .nav-link.icon {
    color: #8c8ca9;
}

[data-header-style=light] .responsive-logo .main-logo .desktop-logo {
    display: none;
}

[data-header-style=light] .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
    display: block;
}

[data-header-style=light] .app-header .dropdown-menu {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-header-style=light] .nav-link.icon:hover {
    color: var(--primary-bg-color);
}

[data-header-style=light] .nav-link.icon:hover.active .side-menu__icon,
[data-header-style=light] .nav-link.icon:hover:hover .side-menu__icon,
[data-header-style=light] .nav-link.icon:hover:focus .side-menu__icon {
    color: var(--primary-bg-color);
}

[data-header-style=dark] .app-header {
    --header-bg: #1b2433;
    --border: rgba(255, 255, 255, 0.1);
    --color: #dde5ed;
    --white: #1b2433;
    --gray-700: #ababba;
    --gray-800: #dde5ed;
    --gray-200: #17171c;
    --gray-100: transparent;
    --primary-005: rgba(255, 255, 255, 0.05);
    --primary-01: rgba(255, 255, 255, 0.1);
    --background: rgba(255, 255, 255, 0.1);
}

[data-header-style=dark] .app-header .nav-link.icon {
    --white: rgba(255, 255, 255, 1);
    --white-7: rgba(255, 255, 255, 0.8);
    --primary-bg-color: #ffffff;
}

[data-header-style=dark] .app-header .nav-link.icon:hover,
[data-header-style=dark] .app-header .nav-link.icon:focus {
    color: var(--header-primary);
}

[data-header-style=dark] .app-header .form-control {
    --border: rgba(255, 255, 255, 0.1);
}

[data-header-style=dark] .app-header .form-control:focus {
    border-color: rgba(255, 255, 255, 0.1);
}

[data-header-style=dark] .responsive-logo .main-logo .desktop-logo {
    display: block;
}

[data-header-style=dark] .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
    display: none;
}

[data-header-style=dark] .text-primary {
    color: var(--header-primary) !important;
}

[data-header-style=color] .app-header {
    --header-bg: var(--primary-bg-color);
    --border: rgba(255, 255, 255, 0.1);
    --primary-005: rgba(255, 255, 255, 0.1);
    --primary-01: rgba(255, 255, 255, 0.1);
}

[data-header-style=color] .app-header .form-control {
    --border: #e6e7ea;
}

[data-header-style=color] .app-header .bg-header-image,
[data-header-style=color] .app-header .dropdown-divider {
    --border: #e6e7ea;
}

[data-header-style=color] .responsive-logo .main-logo .desktop-logo {
    display: block;
}

[data-header-style=color] .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
    display: none;
}

@media (max-width: 991px) {
    [data-header-style=color] .responsive-navbar .navbar-collapse {
        background-color: var(--primary-bg-color);
    }
}

[data-header-style=color] .app-header .nav-link.icon {
    --white: rgba(255, 255, 255, 1);
    --white-7: rgba(255, 255, 255, 0.8);
    --primary-bg-color: #ffffff;
}

[data-header-style=gradient] .app-header {
    --header-bg: linear-gradient(to right, var(--primary-bg-color) 0%, #9022c7 100%);
    --border: rgba(255, 255, 255, 0.1);
    --primary-005: rgba(255, 255, 255, 0.1);
    --primary-01: rgba(255, 255, 255, 0.1);
}

[data-header-style=gradient] .app-header .nav-link.icon {
    --white: rgba(255, 255, 255, 1);
    --white-7: rgba(255, 255, 255, 0.8);
    --primary-bg-color: #ffffff;
}

[data-header-style=gradient] .responsive-logo .main-logo .desktop-logo {
    display: block;
}

[data-header-style=gradient] .responsive-logo .main-logo .desktop-logo.desktop-logo-dark {
    display: none;
}

@media (max-width: 991px) {
    [data-header-style=gradient] .responsive-navbar .navbar-collapse {
        background: linear-gradient(to right, var(--primary-bg-color) 0%, #9022c7 100%);
    }
}

[data-header-style=gradient] .app-header .nav-link.icon {
    --color: rgba(255, 255, 255, 0.8);
    --primary-bg-color: #ffffff;
}

[data-header-style=gradient] .app-header .dropdown-item:hover,
[data-header-style=gradient] .app-header .dropdown-item:focus {
    --primary-005: rgb(var(--primary-bg-color-rgb), 0.05);
}

[data-skins=no-shadow] {
    --shadow: none !important;
    --shadow-color: none !important;
}

[data-skins=no-shadow] .page {
    background-color: var(--white);
}

[data-skins=no-shadow] .page .card {
    border: 1px solid var(--border);
    box-shadow: none;
}

[data-skins=no-shadow] .page .app-sidebar,
[data-skins=no-shadow] .page .sidebar {
    box-shadow: none;
}

[data-skins=no-shadow][data-width=boxed] .page {
    --background: var(--white);
}

@media (max-width: 991px) {
    [data-position=scrollable] .responsive-navbar {
        position: inherit !important;
    }

    [data-position=scrollable] .responsive-navbar .navbar-collapse {
        position: absolute !important;
    }
}

@media (min-width: 992px) {
    [data-position=scrollable][data-layout=horizontal] .app-sidebar {
        position: relative;
        max-width: 100% !important;
    }

    [data-position=scrollable][data-layout=horizontal] .app-header {
        position: relative;
    }

    [data-position=scrollable][data-layout=horizontal] .hor-header {
        position: fixed;
    }
}

[data-position=scrollable] .app-header {
    position: absolute !important;
    max-width: 100% !important;
}

[data-position=scrollable] .app-sidebar,
[data-position=scrollable] .app-sidebar__header {
    position: absolute;
}

[data-position=scrollable] .page {
    position: relative;
}

[data-position=scrollable] .sticky.sticky-pin {
    position: inherit;
}

@media (min-width: 992px) {
    [data-position=scrollable][data-vertical-style=doublemenu] .app .app-sidebar {
        position: absolute !important;
    }
}

@media (min-width: 992px) {
    [data-position=scrollable][data-vertical-style=doublemenu-tabs] .app .app-sidebar {
        position: absolute !important;
    }
}

@media (min-width: 1400px) {
    [data-width=boxed] body {
        background: var(--background);
    }

    [data-width=boxed] body .page {
        width: 1400px;
        margin: 0 auto;
        background: var(--background);
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100vh;
        box-shadow: var(--black-1) 0px 5px 0px 0px, var(--black-1) 0px 5px 25px 0px;
    }

    [data-width=boxed] body .sticky-pin .horizontal-main {
        max-width: 1400px;
        margin: 0;
    }

    [data-width=boxed] body .app-header {
        max-width: 1400px;
        margin: 0 auto;
        inset-inline-start: 0;
        inset-inline-end: 0;
        inset-block-start: 0;
    }

    [data-width=boxed] body .app-content .container,
    [data-width=boxed] body .app-header>.container,
    [data-width=boxed] body .horizontal-mainwrapper.container {
        padding-inline-end: 0.75rem;
        padding-inline-start: 0.75rem;
    }

    [data-width=boxed] body .horizontalMenu>.horizontalMenu-list>li>a {
        padding: 15px 11px;
    }

    [data-width=boxed] body .app-sidebar {
        inset-inline-start: auto !important;
    }

    [data-width=boxed] body .app-sidebar .app-sidebar__header {
        inset-inline-start: auto;
        inset-inline-end: auto;
    }

    [data-width=boxed][data-layout=horizontal] .hor-header .container,
    [data-width=boxed][data-layout=horizontal] .horizontal-main .container,
    [data-width=boxed][data-layout=horizontal] .main-content.horizontal-content .container {
        max-width: 95% !important;
    }
}

[dir=rtl] .sub-slide.is-expanded .sub-angle,
[dir=rtl] .sub-slide2.is-expanded .sub-angle2 {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

[dir=rtl] .slide.is-expanded .angle {
    transform: rotate(9deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

[dir=rtl] .cbp_tmlabel:after {
    transform: rotate(-180deg);
}

[dir=rtl] .sidebar.sidebar-right {
    transform: translate(-100%, 0);
}

[dir=rtl] .fa-angle-double-right {
    transform: rotate(-180deg) !important;
}

[dir=rtl] .lg-actions .lg-icon {
    transform: rotate(-180deg);
}

[dir=rtl] .fc-direction-ltr {
    direction: rtl;
}

[dir=rtl] #calendar2 .fc-toolbar-ltr .fc-button-group .fc-icon-chevron-left,
[dir=rtl] #calendar .fc-toolbar-ltr .fc-button-group .fc-icon-chevron-left {
    transform: rotate(-180deg);
}

[dir=rtl] #calendar2 .fc-toolbar-ltr .fc-button-group .fc-icon-chevron-right,
[dir=rtl] #calendar .fc-toolbar-ltr .fc-button-group .fc-icon-chevron-right {
    transform: rotate(-180deg);
}

[dir=rtl] .sidebar.sidebar-right.sidebar-open {
    transform: translate(0, 0);
}

[dir=rtl] .select2-dropdown {
    direction: ltr !important;
    text-align: end;
}

[dir=rtl] .dropdown-menu {
    --bs-position: end;
}

@media (max-width: 361px) {
    [dir=rtl] .list-group .list-group-item .material-switch.pull-right {
        float: right;
    }
}

[dir=rtl] .ribbon6 {
    transform: rotate(-45deg);
}

[dir=rtl] .fa-reply:before {
    content: "\f064";
}

[dir=rtl] .fa-share:before {
    content: "\f112";
}

[dir=rtl] .step-footer .mdi-arrow-right {
    transform: rotate(-180deg);
}

[dir=rtl] .step-footer .mdi-arrow-left {
    transform: rotate(-180deg);
}

[dir=rtl] .power-ribbon-top-left span {
    transform: rotate(45deg);
}

[dir=rtl] .power-ribbon-top-left span i {
    transform: rotate(-45deg);
}

[dir=rtl] .power-ribbon-bottom-right span {
    transform: rotate(45deg);
}

[dir=rtl] .power-ribbon-bottom-right span i {
    transform: rotate(-45deg);
}

[dir=rtl] #barChart {
    direction: rtl;
}

[dir=rtl] .lds-heart {
    transform: rotate(-45deg);
}

[dir=rtl] .si-arrow-right-circle:before {
    content: "\e07a";
}

[dir=rtl] .fe-chevron-right:before {
    content: "\e92e";
}

[dir=rtl] .fe-chevron-left:before {
    content: "\e92f";
}

[dir=rtl] .bs-tooltip-start .tooltip-arrow:before {
    transform: rotate(180deg) !important;
}

[dir=rtl] .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    transform: rotate(180deg) !important;
}

[dir=rtl] .bs-tooltip-end .tooltip-arrow:before {
    transform: rotate(180deg) !important;
}

[dir=rtl] .tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-inline-start-color: var(--danger-bg-color) !important;
}

[dir=rtl] .irs {
    direction: ltr;
}

[dir=rtl] .flatpickr-calendar.hasWeeks {
    inset-inline-start: 407px !important;
}

[dir=rtl] .fa-angle-left:before {
    content: "\f105";
}

[dir=rtl] .fa-angle-right:before {
    content: "\f104";
}

[dir=rtl] .badge-top {
    inset-inline-end: 0%;
    inset-inline-start: auto;
}

[dir=rtl] .breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "\e932");
}

[dir=rtl] .breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "\e92e");
}

[dir=rtl] .fe-chevrons-right:before {
    content: "\e932";
}

[dir=rtl] .power-ribbon-bottom-left span {
    transform: rotate(-45deg);
}

[dir=rtl] .power-ribbon-bottom-left span i {
    transform: rotate(45deg);
}

[dir=rtl] .power-ribbon-top-right span {
    transform: rotate(-45deg);
}

[dir=rtl] .power-ribbon-top-right span i {
    transform: rotate(45deg);
}

[dir=rtl] .ribbon-top-left span {
    transform: rotate(45deg);
}

[dir=rtl] .ribbon-top-right span {
    transform: rotate(-45deg);
}

[dir=rtl] .ribbon-bottom-left span {
    transform: rotate(-45deg);
}

[dir=rtl] .ribbon-bottom-right span {
    transform: rotate(45deg);
}

[dir=rtl] .shape-text {
    transform: rotate(-30deg);
}

[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
    direction: rtl;
}

[dir=rtl] .card-link+.card-link {
    margin-inline-end: 1rem;
    margin-inline-start: 0;
}

[dir=rtl] .errorpage .error-content {
    transform: translate(50%, -50%);
}

[dir=rtl] .online-status .status {
    transform: translateX(60px) translateY(2px);
}

[dir=rtl] .panel-shape svg text {
    transform: matrix(-1, 0, 0, 1, 69.7256, 116.269);
}

[dir=rtl] .pricing-table .price-header .permonth {
    transform: translateX(50%);
}

[dir=rtl] .nvd3 text {
    text-anchor: start !important;
}

[dir=rtl] .nvd3 .nv-legend-text {
    text-anchor: end !important;
}

[dir=rtl] .c3 text {
    text-anchor: start !important;
}

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

[dir=rtl] .ps__thumb-y {
    left: 1px;
    right: inherit;
}

[dir=rtl] .pull-right {
    float: var(--float-end);
}

@media screen and (max-width: 47.2em) {
    [dir=rtl] .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
        transform: rotate(0deg) !important;
    }
}

@media screen and (max-width: 47.2em) {
    [dir=rtl] .cbp_tmtimeline>li .cbp_tmlabel:after {
        transform: rotate(0deg) !important;
    }
}

[dir=rtl] .pull-left {
    float: var(--float-start);
}

@media (max-width: 1199px) {
    [dir=rtl] #sales-chart .apexcharts-legend.apx-legend-position-top.apexcharts-align-center {
        justify-content: end;
    }
}

[dir=rtl] .bs-popover-end>.popover-arrow::after,
[dir=rtl] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    inset-inline-start: 283px;
    transform: rotate(-182deg);
}

[dir=rtl] .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    inset-inline-start: 283px;
    transform: rotate(-182deg);
}

[dir=rtl] .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    inset-inline-end: -1px;
}

[dir=rtl] .transfer .transfer-double-content-middle .btn-select-arrow .icon-forward:before {
    content: "\e934";
}

[dir=rtl] .transfer .transfer-double-content-middle .btn-select-arrow .icon-back:before {
    content: "\e94d";
}

[dir=rtl] .pcr-app {
    direction: ltr;
    right: auto !important;
    position: absolute;
}

/* ############### TEMPLATE CLASSES ############### */
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
    color: #fff;
    background: var(--primary-bg-color);
    border-radius: 3px;
}

.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
    color: #fff;
    background: var(--primary-bg-color);
    border-radius: 3px;
}

.cal1 .clndr .clndr-controls {
    width: 100%;
    position: relative;
    display: flex;
    padding: 15px;
    border: 1px solid var(--border);
    border-block-end: 0;
    background-color: transparent;
}

.cal1 .clndr .clndr-controls .clndr-control-button {
    float: left;
    width: 33%;
}

.cal1 .clndr .clndr-table {
    table-layout: fixed;
    width: 100%;
}

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

.cal1 .clndr .clndr-table .header-days .header-day {
    border-inline-start: 1px solid var(--border);
    border-block-start: 1px solid var(--border);
    border-inline-end: 1px solid var(--border);
}

.cal1 .clndr .clndr-table tr .day {
    border-inline-start: 1px solid var(--border);
    border-block-start: 1px solid var(--border);
    border-inline-end: 1px solid var(--border);
}

.cal1 .clndr .clndr-table tr .day:hover {
    background: var(--border);
}

.cal1 .clndr .clndr-table tr .day.today:hover {
    background: var(--primary-bg-color);
}

.cal1 .clndr .clndr-table tr .day.event {
    background: var(--background);
}

.cal1 .clndr .clndr-table tr .day.today {
    background: var(--primary-bg-color);
    color: rgb(var(--white));
}

.cal1 .clndr .clndr-table tr .day.event:hover {
    color: var(--primary-bg-color);
}

.cal1 .clndr .clndr-table tr .day .day-contents {
    padding: 8px 9px !important;
}

@media (max-width: 360px) {
    .cal1 .clndr .clndr-controls {
        display: grid !important;
    }
}

@media (max-width: 361px) {
    .cal1 .clndr .clndr-controls .month {
        width: 100% !important;
        text-align: var(--float-start) !important;
    }
}

/*---  Contact  ---*/
.main-contact-label {
    padding-block-start: 20px;
    padding-block-end: 5px;
    padding-inline-start: 20px;
    font-weight: 500;
    font-size: 12px;
    color: var(--muted);
    position: relative;
}

.main-contact-label::after {
    content: "";
    position: absolute;
    inset-block-end: -1px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    border-block-end: 1px solid var(--border);
    z-index: 5;
}

.main-contact-item {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-inline-end-width: 0;
    display: flex;
    position: relative;
    cursor: pointer;
}

.main-contact-item+.main-contact-item {
    margin-block-start: -1px;
    border-block-start-color: transparent;
    border-block-start: 1px solid var(--border);
}

.main-contact-item:hover,
.main-contact-item:focus {
    background-color: var(--hover-color);
    border-block-start-color: var(--border);
    border-block-end-color: var(--border);
}

.main-contact-item.selected {
    z-index: 0;
    border-inline-start-color: var(--border);
    border-block-start-color: var(--border);
    border-block-end-color: var(--border);
    background-color: var(--hover-color);
}

.main-contact-body {
    flex: 1;
    margin-inline-start: 15px;
}

.main-contact-body h6 {
    color: var(--color);
    font-weight: 500;
    margin-block-end: 2px;
}

.main-contact-body span {
    font-size: 13px;
    color: var(--muted);
}

.main-contact-star {
    font-size: 16px;
    color: var(--muted);
}

.main-contact-star:hover,
.main-contact-star:focus {
    color: var(--muted);
}

.main-contact-star.active {
    color: var(--warning-bg-color);
}

.main-contact-info-header {
    padding-block-start: 20px;
    padding-block-end: 20px;
    padding-inline-start: 20px;
    border-block-end: 1px solid var(--border);
    position: relative;
}

.main-contact-info-header .media {
    display: block;
}

.main-contact-info-header .main-img-user {
    width: 100px;
    height: 100px;
}

.main-contact-info-header .main-img-user::after {
    display: none;
}

.main-contact-info-header .main-img-user a {
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: var(--background);
    color: var(--muted);
    font-size: 18px;
    line-height: 0.9;
    box-shadow: 0 0 0 2px var(--border);
    border-radius: 100%;
}

.main-contact-info-header .main-img-user a:hover,
.main-contact-info-header .main-img-user a:focus {
    background-color: var(--primary-bg-color);
    color: var(--fixed-white);
    box-shadow: 0 0 0 2px 8760fb;
}

.main-contact-info-header .media-body {
    margin-block-start: 30px;
}

.main-contact-info-header .media-body h4 {
    color: var(--color);
    font-size: 26px;
    font-weight: 500;
    margin-block-end: 2px;
    line-height: 1;
}

.main-contact-info-header .media-body p {
    color: #596882;
    margin-block-end: 15px;
}

.main-contact-info-header .media-body .nav-link {
    padding: 0;
    display: flex;
    align-items: center;
    color: var(--muted);
    font-size: 13px;
}

.main-contact-info-header .media-body .nav-link i {
    font-size: 18px;
    line-height: 0;
    margin-inline-end: 5px;
}

.main-contact-info-header .media-body .nav-link i.typcn {
    line-height: 0.9;
}

.main-contact-info-header .media-body .nav-link i.typcn::before {
    width: auto;
}

.main-contact-info-header .media-body .nav-link:hover,
.main-contact-info-header .media-body .nav-link:focus {
    color: var(--primary-bg-color);
}

.main-contact-info-header .media-body .nav-link+.nav-link {
    margin-inline-start: 10px;
}

.main-contact-action {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 20px;
    display: flex;
}

.main-contact-action a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
}

.main-contact-action a:hover,
.main-contact-action a:focus {
    color: var(--fixed-white);
}

.main-contact-info-body {
    padding-inline-start: 1.25rem;
}

.main-contact-info-body .media-list {
    padding: 20px 0;
    padding: 15px 0;
}

.main-contact-info-body .media {
    align-items: center;
    position: relative;
}

.main-contact-info-body .media+.media {
    margin-block-start: 15px;
}

.main-contact-info-body .media:last-child {
    margin-block-end: 15px;
}

.main-contact-info-body .media-icon {
    font-size: 24px;
    color: var(--muted);
    line-height: 1;
    width: 40px;
    text-align: center;
}

.main-contact-info-body .media-body>div+div {
    margin-block-start: 15px;
}

.main-contact-info-body .media-body label {
    margin-block-end: 0;
    display: block;
    font-weight: 500;
}

.main-contact-info-body .media-body span {
    display: block;
    color: var(--muted);
}

@media (min-width: 576px) {
    .main-contact-info-header .media-body .nav-link {
        font-size: 0.875rem;
    }

    .main-contact-info-header .media-body .nav-link i {
        margin-inline-end: 7px;
    }

    .main-contact-info-header .media-body .nav-link+.nav-link {
        margin-inline-start: 25px;
    }
}

.main-content-left-contacts {
    width: 100%;
    display: block;
    padding: 0;
}

.main-content-left {
    width: 100%;
    position: relative;
    padding-block-start: 0;
    flex-shrink: 0;
}

.main-content-left.main-content-left-contacts {
    display: none;
}

.main-content-left.main-content-left-chat {
    display: none;
}

@media (min-width: 768px) {
    .main-contacts-list {
        height: calc(100vh - 7rem) !important;
        position: relative;
    }
}

@media (min-width: 992px) {
    .main-content-left {
        display: block;
        padding: 0;
    }

    .main-contact-item {
        padding: 10px 15px;
    }

    .main-content-left.main-content-left-contacts {
        display: block;
    }

    .main-content-left.main-content-left-chat {
        display: block;
    }

    .main-content-body-contacts {
        overflow: hidden;
    }

    .main-contact-info-header .media {
        display: flex;
        align-items: center;
    }

    .main-contact-info-header .media-body {
        margin-block-start: 0;
        margin-inline-start: 30px;
    }

    .main-contact-action {
        inset-inline-end: 0;
    }

    .main-contact-info-body {
        padding: 1.25rem;
        height: calc(100% - 126px);
        position: relative;
    }

    .main-contact-info-body .media-icon {
        width: 100px;
    }

    .main-contact-info-body .media-body {
        display: flex;
    }

    .main-contact-info-body .media-body>div {
        flex: 1;
    }

    .main-contact-info-body .media-body>div+div {
        margin-block-start: 0;
    }
}

@media (max-width: 991px) {
    .main-content-body-contacts .main-contact-info-body {
        padding: 1.25rem;
    }
}

.main-img-user {
    display: block;
    position: relative;
    border-radius: 100%;
}

/*---  Contact  ---*/
.construction {
    position: relative;
}

.construction p {
    font-size: 20px;
}

.construction-bg:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    right: 0;
    border-radius: 7px;
}

.tag.tag-attachments {
    padding: 4px 15px;
    font-size: 13px;
    background-color: var(--white);
    border: 1px solid var(--border);
}

.tag.tag-attachments-lg {
    padding: 5px 17px;
    font-size: 17px;
    background-color: var(--white);
    border: 1px solid var(--border);
}

.tag.tag-attachments-sm {
    padding: 1px 10px;
    font-size: 13px;
    background-color: var(--white);
    border: 1px solid var(--border);
}

.attached-file-grid6 .icons li a {
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    width: 30px;
    margin: 0 auto;
    border-radius: 5px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
    background: var(--white);
}

.attached-file-grid6 .icons li a {
    color: var(--primary-bg-color);
    border: 1px solid var(--white);
}

.attached-file-grid6 .icons {
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    inset-inline: 0;
    text-align: center;
    position: absolute;
    inset-block-end: -3px;
    z-index: 1;
    transition: all 0.5s ease 0s;
    display: block;
    margin: 0 auto;
    background-image: linear-gradient(to top, var(--black-5), transparent 100%);
}

.image-pic {
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0px;
    color: #fff;
    font-size: 17px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 100%);
    padding-inline-end: 0px;
    padding-inline-start: 20px;
    padding-block: 20px;
    border-radius: 5px;
}

.file-image-1 {
    width: 100px;
    height: 100px;
    display: inline-table;
    margin: 20px;
    position: relative;
    border: 1px solid var(--border);
    border-radius: 5px;
}

.file-image-1 .product-image img {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
}

.file-image-md .product-image img {
    width: 150px;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
}

.file-image-lg .product-image img {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
}

.file-image-1 .icons {
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    inset-inline-end: 7px;
    inset-block-start: 6px;
    text-align: center;
    position: absolute;
    inset-block-end: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
    text-align: end;
}

.file-image-1:hover .icons {
    opacity: 1;
    inset-block-end: 33px;
}

.file-image-1 .icons li a {
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    height: 25px;
    width: 25px;
    margin: 4px 1px;
    padding: 0;
    border-radius: 50px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

.file-image-1 .file-name-1 {
    position: absolute;
    inset-inline: 0;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    margin-block: 10px;
}

.file-image-md {
    width: 150px;
    height: 150px;
}

.file-image-md .icons li a {
    font-size: 13px;
    line-height: 30px;
    height: 28px;
    width: 28px;
}

.file-image-lg {
    width: 200px;
    height: 200px;
}

.file-image-lg .icons li a {
    font-size: 15px;
    line-height: 35px;
    height: 35px;
    width: 35px;
}

.pro-img-box {
    position: relative;
}

.attached-file-grid6:hover .image-icons {
    opacity: 1;
    inset-block-end: 0px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
}

.attached-file-grid6 .image-icons {
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    text-align: center;
    position: absolute;
    inset-block-end: -3px;
    z-index: 1;
    transition: all 0.5s ease 0s;
    display: block;
    margin: 0 auto;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 100%);
}

.attached-file-grid6 .image-icons li {
    margin: 0 auto;
    display: inline-block;
    opacity: 1;
    transition: all 0.4s ease;
}

.attached-file-grid6 .image-icons li .btn {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 5px 10px;
    min-width: inherit;
}

.attached-file-grid6 .image-icons li .btn {
    color: var(--primary-bg-color);
    border: 1px solid #fff;
}

.attached-file-image .pic-1 {
    transition: all 0.3s ease;
}

.pos-relative {
    position: relative;
}

.widget small {
    font-size: 18px;
}

.card-widget i {
    font-size: 2rem;
}

.widget-1 i {
    font-size: 68px;
    color: #fff;
    opacity: 0.4;
}

.widget-2 i {
    font-size: 40px;
}

.widget-3 i {
    font-size: 90px;
}

.widget-card {
    text-align: center;
    padding: 30px;
}

/* ############### UTILITIES CLASSES ############### */
.bg-header-image {
    position: relative;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-block-end: 1px solid var(--border);
}

.bg-header-image:before {
    background: var(--primary-bg-color);
}

.bg-background {
    background-color: var(--background);
}

/* start::background transparent */
.bg-default {
    background-color: #e0e0eb;
}

.bg-primary-transparent {
    background-color: var(--primary-02);
    color: var(--primary-bg-color);
}

.bg-secondary-transparent {
    background-color: rgba(var(--secondary-bg-color-rgb), 0.2);
    color: var(--secondary-bg-color);
}

.bg-info-transparent {
    background-color: rgba(var(--info-bg-color-rgb), 0.2);
    color: var(--info-bg-color);
}

.bg-success-transparent {
    background-color: rgba(var(--success-bg-color-rgb), 0.2);
    color: var(--success-bg-color);
}

.bg-warning-transparent {
    background-color: rgba(var(--warning-bg-color-rgb), 0.2);
    color: var(--warning-bg-color);
}

.bg-danger-transparent {
    background-color: rgba(var(--danger-bg-color-rgb), 0.2);
    color: var(--danger-bg-color);
}

.bg-dark-transparent {
    background-color: rgba(var(--gray-dark-bg-color-rgb), 0.2);
    color: rgb(var(--dark-rgb));
}

.bg-pink-transparent {
    background-color: rgba(var(--pink-bg-color-rgb), 0.2);
    color: var(--pink-bg-color);
}

.bg-orange-transparent {
    background-color: rgba(var(--orange-bg-color-rgb), 0.2);
    color: var(--orange-bg-color);
}

.bg-purple-transparent {
    background-color: rgba(var(--purple-bg-color-rgb), 0.2);
    color: var(--purple-bg-color);
}

.bg-cyan-transparent {
    background-color: rgba(var(--cyan-bg-color-rgb), 0.2);
    color: var(--cyan-bg-color);
}

.bg-teal-transparent {
    background-color: rgba(var(--teal-bg-color-rgb), 0.2);
    color: var(--teal-bg-color);
}

.bg-teal-transparent:hover {
    background-color: rgba(var(--teal-bg-color-rgb), 0.2);
    color: var(--teal-bg-color);
}

.bg-green-transparent {
    background-color: rgba(var(--green-bg-color-rgb), 0.2);
    color: var(--green-bg-color);
}

.bg-indigo-transparent {
    background-color: rgba(var(--indigo-bg-color-rgb), 0.2);
    color: var(--indigo-bg-color);
}

.bg-yellow-transparent {
    background-color: rgba(var(--yellow-bg-color-rgb), 0.2);
    color: var(--yellow-bg-color);
}

.bg-blue-transparent {
    background-color: rgba(var(--blue-bg-color-rgb), 0.2);
    color: var(--blue-bg-color);
}

/* End::background transparent */
.bg-gradient-primary {
    background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}

.bg-gradient-secondary {
    background: linear-gradient(87deg, #f4f5f7 0, #f4f4f7 100%) !important;
}

.bg-gradient-success {
    background: linear-gradient(87deg, #00a441 0, #56bf80 100%) !important;
}

.bg-gradient-info {
    background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.bg-gradient-warning {
    background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-danger {
    background: linear-gradient(87deg, var(--danger-bg-color) 0, #f56036 100%) !important;
}

.bg-gradient-light {
    background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
    background: linear-gradient(87deg, #ced4da 0, #cecfda 100%) !important;
}

.bg-gradient-dark {
    background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}

.bg-gradient-default {
    background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}

.bg-gradient-white,
.bg-gradient-neutral {
    background: linear-gradient(87deg, var(--white) 0, white 100%) !important;
}

.bg-gradient-darker {
    background: linear-gradient(87deg, black 0, black 100%) !important;
}

.bg-gradient-blue {
    background: linear-gradient(87deg, #1171ef 0, #119fef 100%) !important;
}

.bg-gradient-indigo {
    background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
}

.bg-gradient-purple {
    background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;
}

.bg-gradient-pink {
    background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;
}

.bg-gradient-red {
    background: linear-gradient(87deg, var(--danger-bg-color) 0, #f56036 100%) !important;
}

.bg-gradient-orange {
    background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-yellow {
    background: linear-gradient(87deg, #ffc100 0, #ffc100 100%) !important;
}

.bg-gradient-green,
.bg-gradient-teal {
    background: linear-gradient(87deg, var(--success-bg-color) 0, #2dcecc 100%) !important;
}

.bg-gradient-cyan {
    background: linear-gradient(87deg, #2bffc6 0, #2be0ff 100%) !important;
}

.bg-gradient-gray {
    background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;
}

.bg-gradient-gray-dark {
    background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;
}

.bg-gradient-lighter {
    background: linear-gradient(87deg, #e9ecef 0, #e9eaef 100%) !important;
}

.bg-facebook {
    background-color: #3b5998 !important;
    border: 1px solid #3b5998;
    color: white;
}

.fg-facebook {
    color: #3b5998 !important;
}

.bg-twitter {
    background-color: #00a0d1 !important;
    border: 1px solid #00a0d1;
    color: white;
}

.fg-twitter {
    color: #00a0d1 !important;
}

.bg-googleplus {
    background-color: #db4a39 !important;
    border: 1px solid #db4a39;
    color: white;
}

.fg-googleplus {
    color: #db4a39 !important;
}

.bg-bitbucket {
    background-color: #205081 !important;
    border: 1px solid #205081;
    color: white;
}

.fg-bitbucket {
    color: #205081 !important;
}

.bg-primary {
    background-color: var(--primary-bg-color) !important;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: var(--primary-bg-hover) !important;
}

button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--primary-bg-hover) !important;
}

.bg-secondary {
    background-color: var(--secondary-bg-color) !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus {
    background-color: var(--muted) !important;
}

button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: var(--muted) !important;
}

.bg-success {
    background-color: var(--success-bg-color) !important;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #1f8f5f !important;
}

button.bg-success:hover,
button.bg-success:focus {
    background-color: #1f8f5f !important;
}

.bg-info {
    background-color: var(--info-bg-color) !important;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #1594ef !important;
}

button.bg-info:hover,
button.bg-info:focus {
    background-color: #1594ef !important;
}

.bg-warning {
    background-color: var(--warning-bg-color) !important;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #c29d0b !important;
}

button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #c29d0b !important;
}

.bg-danger {
    background-color: var(--danger-bg-color) !important;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #a11918 !important;
}

button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #a11918 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus {
    background-color: #dae0e5 !important;
}

button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus {
    background-color: #1d2124 !important;
}

button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-blue-lightest {
    background-color: #edf2fa !important;
}

a.bg-blue-lightest:hover,
a.bg-blue-lightest:focus {
    background-color: #c5d5ef !important;
}

button.bg-blue-lightest:hover,
button.bg-blue-lightest:focus {
    background-color: #c5d5ef !important;
}

.bg-blue-lighter {
    background-color: #c8d9f1 !important;
}

a.bg-blue-lighter:hover,
a.bg-blue-lighter:focus {
    background-color: #9fbde7 !important;
}

button.bg-blue-lighter:hover,
button.bg-blue-lighter:focus {
    background-color: #9fbde7 !important;
}

.bg-blue-light {
    background-color: #7ea5dd !important;
}

a.bg-blue-light:hover,
a.bg-blue-light:focus {
    background-color: #5689d2 !important;
}

button.bg-blue-light:hover,
button.bg-blue-light:focus {
    background-color: #5689d2 !important;
}

.bg-blue-dark {
    background-color: #3866a6 !important;
}

a.bg-blue-dark:hover,
a.bg-blue-dark:focus {
    background-color: #2b4f80 !important;
}

button.bg-blue-dark:hover,
button.bg-blue-dark:focus {
    background-color: #2b4f80 !important;
}

.bg-blue-darker {
    background-color: #1c3353 !important;
}

a.bg-blue-darker:hover,
a.bg-blue-darker:focus {
    background-color: #0f1c2d !important;
}

button.bg-blue-darker:hover,
button.bg-blue-darker:focus {
    background-color: #0f1c2d !important;
}

.bg-blue-darkest {
    background-color: #0e1929 !important;
}

a.bg-blue-darkest:hover,
a.bg-blue-darkest:focus {
    background-color: #010203 !important;
}

button.bg-blue-darkest:hover,
button.bg-blue-darkest:focus {
    background-color: #010203 !important;
}

.bg-indigo-lightest {
    background-color: #f0f1fa !important;
}

a.bg-indigo-lightest:hover,
a.bg-indigo-lightest:focus {
    background-color: #cacded !important;
}

button.bg-indigo-lightest:hover,
button.bg-indigo-lightest:focus {
    background-color: #cacded !important;
}

.bg-indigo-lighter {
    background-color: #d1d5f0 !important;
}

a.bg-indigo-lighter:hover,
a.bg-indigo-lighter:focus {
    background-color: #abb2e3 !important;
}

button.bg-indigo-lighter:hover,
button.bg-indigo-lighter:focus {
    background-color: #abb2e3 !important;
}

.bg-indigo-light {
    background-color: #939edc !important;
}

a.bg-indigo-light:hover,
a.bg-indigo-light:focus {
    background-color: #6c7bd0 !important;
}

button.bg-indigo-light:hover,
button.bg-indigo-light:focus {
    background-color: #6c7bd0 !important;
}

.bg-indigo-dark {
    background-color: #515da4 !important;
}

a.bg-indigo-dark:hover,
a.bg-indigo-dark:focus {
    background-color: #404a82 !important;
}

button.bg-indigo-dark:hover,
button.bg-indigo-dark:focus {
    background-color: #404a82 !important;
}

.bg-indigo-darker {
    background-color: #282e52 !important;
}

a.bg-indigo-darker:hover,
a.bg-indigo-darker:focus {
    background-color: #171b30 !important;
}

button.bg-indigo-darker:hover,
button.bg-indigo-darker:focus {
    background-color: #171b30 !important;
}

.bg-indigo-darkest {
    background-color: #141729 !important;
}

a.bg-indigo-darkest:hover,
a.bg-indigo-darkest:focus {
    background-color: #030407 !important;
}

button.bg-indigo-darkest:hover,
button.bg-indigo-darkest:focus {
    background-color: #030407 !important;
}

.bg-purple-lightest {
    background-color: #f6effd !important;
}

a.bg-purple-lightest:hover,
a.bg-purple-lightest:focus {
    background-color: #ddc2f7 !important;
}

button.bg-purple-lightest:hover,
button.bg-purple-lightest:focus {
    background-color: #ddc2f7 !important;
}

.bg-purple-lighter {
    background-color: #e4cff9 !important;
}

a.bg-purple-lighter:hover,
a.bg-purple-lighter:focus {
    background-color: #cba2f3 !important;
}

button.bg-purple-lighter:hover,
button.bg-purple-lighter:focus {
    background-color: #cba2f3 !important;
}

.bg-purple-light {
    background-color: #c08ef0 !important;
}

a.bg-purple-light:hover,
a.bg-purple-light:focus {
    background-color: #a761ea !important;
}

button.bg-purple-light:hover,
button.bg-purple-light:focus {
    background-color: #a761ea !important;
}

.bg-purple-dark {
    background-color: #844bbb !important;
}

a.bg-purple-dark:hover,
a.bg-purple-dark:focus {
    background-color: #6a3a99 !important;
}

button.bg-purple-dark:hover,
button.bg-purple-dark:focus {
    background-color: #6a3a99 !important;
}

.bg-purple-darker {
    background-color: #42265e !important;
}

a.bg-purple-darker:hover,
a.bg-purple-darker:focus {
    background-color: #29173a !important;
}

button.bg-purple-darker:hover,
button.bg-purple-darker:focus {
    background-color: #29173a !important;
}

.bg-purple-darkest {
    background-color: #21132f !important;
}

a.bg-purple-darkest:hover,
a.bg-purple-darkest:focus {
    background-color: #08040b !important;
}

button.bg-purple-darkest:hover,
button.bg-purple-darkest:focus {
    background-color: #08040b !important;
}

.bg-pink-lightest {
    background-color: #fef0f5 !important;
}

a.bg-pink-lightest:hover,
a.bg-pink-lightest:focus {
    background-color: #fbc0d5 !important;
}

button.bg-pink-lightest:hover,
button.bg-pink-lightest:focus {
    background-color: #fbc0d5 !important;
}

.bg-pink-lighter {
    background-color: #fcd3e1 !important;
}

a.bg-pink-lighter:hover,
a.bg-pink-lighter:focus {
    background-color: #f9a3c0 !important;
}

button.bg-pink-lighter:hover,
button.bg-pink-lighter:focus {
    background-color: #f9a3c0 !important;
}

.bg-pink-light {
    background-color: #f999b9 !important;
}

a.bg-pink-light:hover,
a.bg-pink-light:focus {
    background-color: #f66998 !important;
}

button.bg-pink-light:hover,
button.bg-pink-light:focus {
    background-color: #f66998 !important;
}

.bg-pink-dark {
    background-color: #c5577c !important;
}

a.bg-pink-dark:hover,
a.bg-pink-dark:focus {
    background-color: #ad3c62 !important;
}

button.bg-pink-dark:hover,
button.bg-pink-dark:focus {
    background-color: #ad3c62 !important;
}

.bg-pink-darker {
    background-color: #622c3e !important;
}

a.bg-pink-darker:hover,
a.bg-pink-darker:focus {
    background-color: #3f1c28 !important;
}

button.bg-pink-darker:hover,
button.bg-pink-darker:focus {
    background-color: #3f1c28 !important;
}

.bg-pink-darkest {
    background-color: #31161f !important;
}

a.bg-pink-darkest:hover,
a.bg-pink-darkest:focus {
    background-color: #0e0609 !important;
}

button.bg-pink-darkest:hover,
button.bg-pink-darkest:focus {
    background-color: #0e0609 !important;
}

.bg-red-lightest {
    background-color: #fae9e9 !important;
}

a.bg-red-lightest:hover,
a.bg-red-lightest:focus {
    background-color: #f1bfbf !important;
}

button.bg-red-lightest:hover,
button.bg-red-lightest:focus {
    background-color: #f1bfbf !important;
}

.bg-red-lighter {
    background-color: #f0bcbc !important;
}

a.bg-red-lighter:hover,
a.bg-red-lighter:focus {
    background-color: #e79292 !important;
}

button.bg-red-lighter:hover,
button.bg-red-lighter:focus {
    background-color: #e79292 !important;
}

.bg-red-light {
    background-color: #dc6362 !important;
}

a.bg-red-light:hover,
a.bg-red-light:focus {
    background-color: #d33a38 !important;
}

button.bg-red-light:hover,
button.bg-red-light:focus {
    background-color: #d33a38 !important;
}

.bg-red-dark {
    background-color: #a41a19 !important;
}

a.bg-red-dark:hover,
a.bg-red-dark:focus {
    background-color: #781312 !important;
}

button.bg-red-dark:hover,
button.bg-red-dark:focus {
    background-color: #781312 !important;
}

.bg-red-darker {
    background-color: #520d0c !important;
}

a.bg-red-darker:hover,
a.bg-red-darker:focus {
    background-color: #260605 !important;
}

button.bg-red-darker:hover,
button.bg-red-darker:focus {
    background-color: #260605 !important;
}

.bg-red-darkest {
    background-color: #290606 !important;
}

a.bg-red-darkest:hover,
a.bg-red-darkest:focus {
    background-color: black !important;
}

button.bg-red-darkest:hover,
button.bg-red-darkest:focus {
    background-color: black !important;
}

.bg-orange-lightest {
    background-color: var(--white) !important;
}

a.bg-orange-lightest:hover,
a.bg-orange-lightest:focus {
    background-color: peachpuff !important;
}

button.bg-orange-lightest:hover,
button.bg-orange-lightest:focus {
    background-color: peachpuff !important;
}

.bg-orange-lighter {
    background-color: #fee0c7 !important;
}

a.bg-orange-lighter:hover,
a.bg-orange-lighter:focus {
    background-color: #fdc495 !important;
}

button.bg-orange-lighter:hover,
button.bg-orange-lighter:focus {
    background-color: #fdc495 !important;
}

.bg-orange-light {
    background-color: #feb67c !important;
}

a.bg-orange-light:hover,
a.bg-orange-light:focus {
    background-color: #fe9a49 !important;
}

button.bg-orange-light:hover,
button.bg-orange-light:focus {
    background-color: #fe9a49 !important;
}

.bg-orange-dark {
    background-color: #ca7836 !important;
}

a.bg-orange-dark:hover,
a.bg-orange-dark:focus {
    background-color: #a2602b !important;
}

button.bg-orange-dark:hover,
button.bg-orange-dark:focus {
    background-color: #a2602b !important;
}

.bg-orange-darker {
    background-color: #653c1b !important;
}

a.bg-orange-darker:hover,
a.bg-orange-darker:focus {
    background-color: #3d2410 !important;
}

button.bg-orange-darker:hover,
button.bg-orange-darker:focus {
    background-color: #3d2410 !important;
}

.bg-orange-darkest {
    background-color: #331e0e !important;
}

a.bg-orange-darkest:hover,
a.bg-orange-darkest:focus {
    background-color: #0b0603 !important;
}

button.bg-orange-darkest:hover,
button.bg-orange-darkest:focus {
    background-color: #0b0603 !important;
}

.bg-yellow-lightest {
    background-color: #fef9e7 !important;
}

a.bg-yellow-lightest:hover,
a.bg-yellow-lightest:focus {
    background-color: #fcedb6 !important;
}

button.bg-yellow-lightest:hover,
button.bg-yellow-lightest:focus {
    background-color: #fcedb6 !important;
}

.bg-yellow-lighter {
    background-color: #fbedb7 !important;
}

a.bg-yellow-lighter:hover,
a.bg-yellow-lighter:focus {
    background-color: #f8e187 !important;
}

button.bg-yellow-lighter:hover,
button.bg-yellow-lighter:focus {
    background-color: #f8e187 !important;
}

.bg-yellow-light {
    background-color: #f5d657 !important;
}

a.bg-yellow-light:hover,
a.bg-yellow-light:focus {
    background-color: #f2ca27 !important;
}

button.bg-yellow-light:hover,
button.bg-yellow-light:focus {
    background-color: #f2ca27 !important;
}

.bg-yellow-dark {
    background-color: #c19d0c !important;
}

a.bg-yellow-dark:hover,
a.bg-yellow-dark:focus {
    background-color: #917609 !important;
}

button.bg-yellow-dark:hover,
button.bg-yellow-dark:focus {
    background-color: #917609 !important;
}

.bg-yellow-darker {
    background-color: #604e06 !important;
}

a.bg-yellow-darker:hover,
a.bg-yellow-darker:focus {
    background-color: #302703 !important;
}

button.bg-yellow-darker:hover,
button.bg-yellow-darker:focus {
    background-color: #302703 !important;
}

.bg-yellow-darkest {
    background-color: #302703 !important;
}

a.bg-yellow-darkest:hover,
a.bg-yellow-darkest:focus {
    background-color: black !important;
}

button.bg-yellow-darkest:hover,
button.bg-yellow-darkest:focus {
    background-color: black !important;
}

.bg-green-lightest {
    background-color: #eff8e6 !important;
}

a.bg-green-lightest:hover,
a.bg-green-lightest:focus {
    background-color: #d6edbe !important;
}

button.bg-green-lightest:hover,
button.bg-green-lightest:focus {
    background-color: #d6edbe !important;
}

.bg-green-lighter {
    background-color: #cfeab3 !important;
}

a.bg-green-lighter:hover,
a.bg-green-lighter:focus {
    background-color: #b6df8b !important;
}

button.bg-green-lighter:hover,
button.bg-green-lighter:focus {
    background-color: #b6df8b !important;
}

.bg-green-light {
    background-color: #8ecf4d !important;
}

a.bg-green-light:hover,
a.bg-green-light:focus {
    background-color: #75b831 !important;
}

button.bg-green-light:hover,
button.bg-green-light:focus {
    background-color: #75b831 !important;
}

.bg-green-dark {
    background-color: #4b9500 !important;
}

a.bg-green-dark:hover,
a.bg-green-dark:focus {
    background-color: #316200 !important;
}

button.bg-green-dark:hover,
button.bg-green-dark:focus {
    background-color: #316200 !important;
}

.bg-green-darker {
    background-color: #264a00 !important;
}

a.bg-green-darker:hover,
a.bg-green-darker:focus {
    background-color: #0c1700 !important;
}

button.bg-green-darker:hover,
button.bg-green-darker:focus {
    background-color: #0c1700 !important;
}

.bg-green-darkest {
    background-color: #132500 !important;
}

a.bg-green-darkest:hover,
a.bg-green-darkest:focus {
    background-color: black !important;
}

button.bg-green-darkest:hover,
button.bg-green-darkest:focus {
    background-color: black !important;
}

.bg-teal-lightest {
    background-color: #eafaf8 !important;
}

a.bg-teal-lightest:hover,
a.bg-teal-lightest:focus {
    background-color: #c1f0ea !important;
}

button.bg-teal-lightest:hover,
button.bg-teal-lightest:focus {
    background-color: #c1f0ea !important;
}

.bg-teal-lighter {
    background-color: #bfefea !important;
}

a.bg-teal-lighter:hover,
a.bg-teal-lighter:focus {
    background-color: #96e5dd !important;
}

button.bg-teal-lighter:hover,
button.bg-teal-lighter:focus {
    background-color: #96e5dd !important;
}

.bg-teal-light {
    background-color: #6bdbcf !important;
}

a.bg-teal-light:hover,
a.bg-teal-light:focus {
    background-color: #42d1c2 !important;
}

button.bg-teal-light:hover,
button.bg-teal-light:focus {
    background-color: #42d1c2 !important;
}

.bg-teal-dark {
    background-color: #22a295 !important;
}

a.bg-teal-dark:hover,
a.bg-teal-dark:focus {
    background-color: #19786e !important;
}

button.bg-teal-dark:hover,
button.bg-teal-dark:focus {
    background-color: #19786e !important;
}

.bg-teal-darker {
    background-color: #11514a !important;
}

a.bg-teal-darker:hover,
a.bg-teal-darker:focus {
    background-color: #082723 !important;
}

button.bg-teal-darker:hover,
button.bg-teal-darker:focus {
    background-color: #082723 !important;
}

.bg-teal-darkest {
    background-color: #092925 !important;
}

a.bg-teal-darkest:hover,
a.bg-teal-darkest:focus {
    background-color: black !important;
}

button.bg-teal-darkest:hover,
button.bg-teal-darkest:focus {
    background-color: black !important;
}

.bg-cyan-lightest {
    background-color: #e8f6f8 !important;
}

a.bg-cyan-lightest:hover,
a.bg-cyan-lightest:focus {
    background-color: #c1e7ec !important;
}

button.bg-cyan-lightest:hover,
button.bg-cyan-lightest:focus {
    background-color: #c1e7ec !important;
}

.bg-cyan-lighter {
    background-color: #b9e3ea !important;
}

a.bg-cyan-lighter:hover,
a.bg-cyan-lighter:focus {
    background-color: #92d3de !important;
}

button.bg-cyan-lighter:hover,
button.bg-cyan-lighter:focus {
    background-color: #92d3de !important;
}

.bg-cyan-light {
    background-color: #5dbecd !important;
}

a.bg-cyan-light:hover,
a.bg-cyan-light:focus {
    background-color: #3aabbd !important;
}

button.bg-cyan-light:hover,
button.bg-cyan-light:focus {
    background-color: #3aabbd !important;
}

.bg-cyan-dark {
    background-color: #128293 !important;
}

a.bg-cyan-dark:hover,
a.bg-cyan-dark:focus {
    background-color: #0c5a66 !important;
}

button.bg-cyan-dark:hover,
button.bg-cyan-dark:focus {
    background-color: #0c5a66 !important;
}

.bg-cyan-darker {
    background-color: #09414a !important;
}

a.bg-cyan-darker:hover,
a.bg-cyan-darker:focus {
    background-color: #03191d !important;
}

button.bg-cyan-darker:hover,
button.bg-cyan-darker:focus {
    background-color: #03191d !important;
}

.bg-cyan-darkest {
    background-color: #052025 !important;
}

a.bg-cyan-darkest:hover,
a.bg-cyan-darkest:focus {
    background-color: black !important;
}

button.bg-cyan-darkest:hover,
button.bg-cyan-darkest:focus {
    background-color: black !important;
}

.bg-white-lightest {
    background-color: white !important;
}

a.bg-white-lightest:hover,
a.bg-white-lightest:focus {
    background-color: #e6e5e5 !important;
}

button.bg-white-lightest:hover,
button.bg-white-lightest:focus {
    background-color: #e6e5e5 !important;
}

.bg-white-lighter {
    background-color: white !important;
}

a.bg-white-lighter:hover,
a.bg-white-lighter:focus {
    background-color: #e6e5e5 !important;
}

button.bg-white-lighter:hover,
button.bg-white-lighter:focus {
    background-color: #e6e5e5 !important;
}

.bg-white-light {
    background-color: white !important;
}

a.bg-white-light:hover,
a.bg-white-light:focus {
    background-color: #e6e5e5 !important;
}

button.bg-white-light:hover,
button.bg-white-light:focus {
    background-color: #e6e5e5 !important;
}

.bg-white-dark {
    background-color: #cccccc !important;
}

a.bg-white-dark:hover,
a.bg-white-dark:focus {
    background-color: #b3b2b2 !important;
}

button.bg-white-dark:hover,
button.bg-white-dark:focus {
    background-color: #b3b2b2 !important;
}

.bg-white-darker {
    background-color: #666666 !important;
}

a.bg-white-darker:hover,
a.bg-white-darker:focus {
    background-color: #4d4c4c !important;
}

button.bg-white-darker:hover,
button.bg-white-darker:focus {
    background-color: #4d4c4c !important;
}

.bg-white-darkest {
    background-color: #333333 !important;
}

a.bg-white-darkest:hover,
a.bg-white-darkest:focus {
    background-color: #1a1919 !important;
}

button.bg-white-darkest:hover,
button.bg-white-darkest:focus {
    background-color: #1a1919 !important;
}

.bg-gray-lightest {
    background-color: #f3f4f5 !important;
}

a.bg-gray-lightest:hover,
a.bg-gray-lightest:focus {
    background-color: #d7dbde !important;
}

button.bg-gray-lightest:hover,
button.bg-gray-lightest:focus {
    background-color: #d7dbde !important;
}

.bg-gray-lighter {
    background-color: #dbdde0 !important;
}

a.bg-gray-lighter:hover,
a.bg-gray-lighter:focus {
    background-color: #c0c3c8 !important;
}

button.bg-gray-lighter:hover,
button.bg-gray-lighter:focus {
    background-color: #c0c3c8 !important;
}

.bg-gray-light {
    background-color: #aab0b6 !important;
}

a.bg-gray-light:hover,
a.bg-gray-light:focus {
    background-color: #8f979e !important;
}

button.bg-gray-light:hover,
button.bg-gray-light:focus {
    background-color: #8f979e !important;
}

.bg-gray-dark {
    background-color: #6b7278 !important;
    background-color: #343a40 !important;
}

a.bg-gray-dark:hover,
a.bg-gray-dark:focus {
    background-color: #53585d !important;
    background-color: #1d2124 !important;
}

button.bg-gray-dark:hover,
button.bg-gray-dark:focus {
    background-color: #53585d !important;
    background-color: #1d2124 !important;
}

.bg-gray-darker {
    background-color: #36393c !important;
}

a.bg-gray-darker:hover,
a.bg-gray-darker:focus {
    background-color: #1e2021 !important;
}

button.bg-gray-darker:hover,
button.bg-gray-darker:focus {
    background-color: #1e2021 !important;
}

.bg-gray-darkest {
    background-color: #1b1c1e !important;
}

a.bg-gray-darkest:hover,
a.bg-gray-darkest:focus {
    background-color: #030303 !important;
}

button.bg-gray-darkest:hover,
button.bg-gray-darkest:focus {
    background-color: #030303 !important;
}

.bg-gray-dark-lightest {
    background-color: #ebebec !important;
}

a.bg-gray-dark-lightest:hover,
a.bg-gray-dark-lightest:focus {
    background-color: #d1d1d3 !important;
}

button.bg-gray-dark-lightest:hover,
button.bg-gray-dark-lightest:focus {
    background-color: #d1d1d3 !important;
}

.bg-gray-dark-lighter {
    background-color: #c2c4c6 !important;
}

a.bg-gray-dark-lighter:hover,
a.bg-gray-dark-lighter:focus {
    background-color: #a8abad !important;
}

button.bg-gray-dark-lighter:hover,
button.bg-gray-dark-lighter:focus {
    background-color: #a8abad !important;
}

.bg-gray-dark-light {
    background-color: #717579 !important;
}

a.bg-gray-dark-light:hover,
a.bg-gray-dark-light:focus {
    background-color: #585c5f !important;
}

button.bg-gray-dark-light:hover,
button.bg-gray-dark-light:focus {
    background-color: #585c5f !important;
}

.bg-gray-dark-dark {
    background-color: #2a2e33 !important;
}

a.bg-gray-dark-dark:hover,
a.bg-gray-dark-dark:focus {
    background-color: #131517 !important;
}

button.bg-gray-dark-dark:hover,
button.bg-gray-dark-dark:focus {
    background-color: #131517 !important;
}

.bg-gray-dark-darker {
    background-color: #15171a !important;
}

a.bg-gray-dark-darker:hover,
a.bg-gray-dark-darker:focus {
    background-color: black !important;
}

button.bg-gray-dark-darker:hover,
button.bg-gray-dark-darker:focus {
    background-color: black !important;
}

.bg-gray-dark-darkest {
    background-color: #0a0c0d !important;
}

a.bg-gray-dark-darkest:hover,
a.bg-gray-dark-darkest:focus {
    background-color: black !important;
}

button.bg-gray-dark-darkest:hover,
button.bg-gray-dark-darkest:focus {
    background-color: black !important;
}

.bg-azure-lightest {
    background-color: #ecf7fe !important;
}

a.bg-azure-lightest:hover,
a.bg-azure-lightest:focus {
    background-color: #bce3fb !important;
}

button.bg-azure-lightest:hover,
button.bg-azure-lightest:focus {
    background-color: #bce3fb !important;
}

.bg-azure-lighter {
    background-color: #c7e6fb !important;
}

a.bg-azure-lighter:hover,
a.bg-azure-lighter:focus {
    background-color: #97d1f8 !important;
}

button.bg-azure-lighter:hover,
button.bg-azure-lighter:focus {
    background-color: #97d1f8 !important;
}

.bg-azure-light {
    background-color: #7dc4f6 !important;
}

a.bg-azure-light:hover,
a.bg-azure-light:focus {
    background-color: #4daef3 !important;
}

button.bg-azure-light:hover,
button.bg-azure-light:focus {
    background-color: #4daef3 !important;
}

.bg-azure-dark {
    background-color: #3788c2 !important;
}

a.bg-azure-dark:hover,
a.bg-azure-dark:focus {
    background-color: #2c6c9a !important;
}

button.bg-azure-dark:hover,
button.bg-azure-dark:focus {
    background-color: #2c6c9a !important;
}

.bg-azure-darker {
    background-color: #1c4461 !important;
}

a.bg-azure-darker:hover,
a.bg-azure-darker:focus {
    background-color: #112839 !important;
}

button.bg-azure-darker:hover,
button.bg-azure-darker:focus {
    background-color: #112839 !important;
}

.bg-azure-darkest {
    background-color: #0e2230 !important;
}

a.bg-azure-darkest:hover,
a.bg-azure-darkest:focus {
    background-color: #020609 !important;
}

button.bg-azure-darkest:hover,
button.bg-azure-darkest:focus {
    background-color: #020609 !important;
}

.bg-lime-lightest {
    background-color: #f2fbeb !important;
}

a.bg-lime-lightest:hover,
a.bg-lime-lightest:focus {
    background-color: #d6f3c1 !important;
}

button.bg-lime-lightest:hover,
button.bg-lime-lightest:focus {
    background-color: #d6f3c1 !important;
}

.bg-lime-lighter {
    background-color: #d7f2c2 !important;
}

a.bg-lime-lighter:hover,
a.bg-lime-lighter:focus {
    background-color: #bbe998 !important;
}

button.bg-lime-lighter:hover,
button.bg-lime-lighter:focus {
    background-color: #bbe998 !important;
}

.bg-lime-light {
    background-color: #a3e072 !important;
}

a.bg-lime-light:hover,
a.bg-lime-light:focus {
    background-color: #88d748 !important;
}

button.bg-lime-light:hover,
button.bg-lime-light:focus {
    background-color: #88d748 !important;
}

.bg-lime-dark {
    background-color: #62a82a !important;
}

a.bg-lime-dark:hover,
a.bg-lime-dark:focus {
    background-color: #4a7f20 !important;
}

button.bg-lime-dark:hover,
button.bg-lime-dark:focus {
    background-color: #4a7f20 !important;
}

.bg-lime-darker {
    background-color: #315415 !important;
}

a.bg-lime-darker:hover,
a.bg-lime-darker:focus {
    background-color: #192b0b !important;
}

button.bg-lime-darker:hover,
button.bg-lime-darker:focus {
    background-color: #192b0b !important;
}

.bg-lime-darkest {
    background-color: #192a0b !important;
}

a.bg-lime-darkest:hover,
a.bg-lime-darkest:focus {
    background-color: #010200 !important;
}

button.bg-lime-darkest:hover,
button.bg-lime-darkest:focus {
    background-color: #010200 !important;
}

.text-blue {
    color: #1171ef !important;
}

.bg-indigo {
    background-color: var(--indigo-bg-color) !important;
    color: var(--white) !important;
}

a.bg-indigo:hover,
a.bg-indigo:focus {
    background-color: #3f51c1 !important;
}

button.bg-indigo:hover,
button.bg-indigo:focus {
    background-color: #3f51c1 !important;
}

.text-indigo {
    color: var(--indigo-bg-color) !important;
}

.bg-purple {
    background-color: var(--purple-bg-color) !important;
    color: var(--white) !important;
}

a.bg-purple:hover,
a.bg-purple:focus {
    background-color: #8c31e4 !important;
}

button.bg-purple:hover,
button.bg-purple:focus {
    background-color: #8c31e4 !important;
}

.bg-blue {
    background-color: #0061da !important;
    color: var(--white) !important;
}

a.bg-blue:hover,
a.bg-blue:focus {
    background-color: #0061da !important;
}

button.bg-blue:hover,
button.bg-blue:focus {
    background-color: #0061da !important;
}

.bg-pink {
    background-color: var(--pink-bg-color) !important;
    color: var(--white) !important;
}

a.bg-pink:hover,
a.bg-pink:focus {
    background-color: #f33d7a !important;
}

button.bg-pink:hover,
button.bg-pink:focus {
    background-color: #f33d7a !important;
}

.text-pink {
    color: var(--pink-bg-color) !important;
}

.bg-red {
    background-color: var(--danger-bg-color) !important;
    color: var(--white) !important;
}

a.bg-red:hover,
a.bg-red:focus {
    background-color: #a11918 !important;
}

button.bg-red:hover,
button.bg-red:focus {
    background-color: #a11918 !important;
}

.bg-orange {
    background-color: var(--orange-bg-color) !important;
    color: var(--white) !important;
}

a.bg-orange:hover,
a.bg-orange:focus {
    background-color: #fc7a12 !important;
}

button.bg-orange:hover,
button.bg-orange:focus {
    background-color: #fc7a12 !important;
}

.text-orange {
    color: var(--orange-bg-color) !important;
}

.bg-yellow {
    background-color: var(--warning-bg-color) !important;
    color: var(--white) !important;
}

a.bg-yellow:hover,
a.bg-yellow:focus {
    background-color: #c29d0b !important;
}

button.bg-yellow:hover,
button.bg-yellow:focus {
    background-color: #c29d0b !important;
}

.bg-green {
    background-color: var(--success-bg-color) !important;
    color: var(--black) !important;
}

a.bg-green:hover,
a.bg-green:focus {
    background-color: #1f8f5f !important;
}

button.bg-green:hover,
button.bg-green:focus {
    background-color: #1f8f5f !important;
}

.bg-cyan {
    background-color: #17a2b8 !important;
    color: var(--white) !important;
}

a.bg-cyan:hover,
a.bg-cyan:focus {
    background-color: #117a8b !important;
}

button.bg-cyan:hover,
button.bg-cyan:focus {
    background-color: #117a8b !important;
}

.bg-white {
    background-color: var(--white) !important;
}

a.bg-white:hover,
a.bg-white:focus {
    background-color: #e6e5e5 !important;
}

button.bg-white:hover,
button.bg-white:focus {
    background-color: #e6e5e5 !important;
}

a.bg-gray:hover,
a.bg-gray:focus {
    background-color: var(--muted) !important;
}

button.bg-gray:hover,
button.bg-gray:focus {
    background-color: var(--muted) !important;
}

.bg-lightpink-red {
    color: #ff7088 !important;
}

.bg-azure {
    background-color: var(--info-bg-color) !important;
}

a.bg-azure:hover,
a.bg-azure:focus {
    background-color: #1594ef !important;
}

button.bg-azure:hover,
button.bg-azure:focus {
    background-color: #1594ef !important;
}

.bg-lime {
    background-color: #7bd235 !important;
}

a.bg-lime:hover,
a.bg-lime:focus {
    background-color: #63ad27 !important;
}

button.bg-lime:hover,
button.bg-lime:focus {
    background-color: #63ad27 !important;
}

.bg-gradient {
    background-image: linear-gradient(110deg, #04A8FB 1%, #871faf 100%);
}

.bg-gray {
    background-color: #505c6d !important;
}

.bg-primary {
    background-color: var(--primary-bg-color) !important;
    color: #fff !important;
}

.bg-secondary {
    background-color: var(--secondary-bg-color) !important;
    color: #fff !important;
}

.bg-success {
    background-color: var(--success-bg-color) !important;
    color: #fff !important;
}

.bg-danger {
    background-color: var(--danger-bg-color) !important;
    color: #fff !important;
}

.bg-info {
    background-color: var(--info-bg-color) !important;
    color: #fff !important;
}

.bg-warning {
    background-color: var(--warning-bg-color) !important;
    color: #fff !important;
}

.bg-pink {
    background-color: var(--pink-bg-color) !important;
    color: #fff !important;
}

.bg-orange {
    background-color: var(--orange-bg-color) !important;
    color: #fff !important;
}

.bg-cyan {
    background-color: #00FFFF !important;
    color: #fff !important;
}

.bg-purple {
    background-color: var(--purple-bg-color) !important;
    color: #fff !important;
}

.bg-blue {
    background-color: #0000FF !important;
    color: #fff !important;
}

.bg-lime {
    background-color: #00FF00 !important;
    color: #fff !important;
}

.bg-maroon {
    background-color: #800000 !important;
    color: #fff !important;
}

.bg-black {
    background-color: var(--black) !important;
    color: #fff !important;
}

.bg-fixed-black {
    background-color: #000 !important;
    color: #fff !important;
}

.bg-brown {
    background-color: #A52A2A !important;
    color: #fff !important;
}

.bg-sliver {
    background-color: #C0C0C0 !important;
    color: #fff !important;
}

.bg-olive {
    background-color: #808000 !important;
    color: #fff !important;
}

.bg-gradient {
    background: linear-gradient(#3d4192, var(--primary-bg-color)) !important;
}

.bg-red-gradient {
    background: linear-gradient(to right, #ff416c, #ff4b2b) !important;
}

.bg-orange-gradient {
    background: linear-gradient(to right, #fc4a1a, #f7b733) !important;
}

.bg-yellow-gradient {
    background: linear-gradient(to right, #ffe000, #799f0c) !important;
}

.bg-green-gradient {
    background: linear-gradient(to right, #11998e, #38ef7d) !important;
}

.bg-blue-gradient {
    background: linear-gradient(to right, #0575e6, #021b79) !important;
}

.bg-pink-gradient {
    background: linear-gradient(to right, #bc4e9c, #f80759) !important;
}

.twitter1 {
    background-color: #0db3f3 !important;
}

.google-plus1 {
    background-color: #de5140 !important;
}

.facebook-like1 {
    background-color: #3b5998 !important;
}

.pinterest1 {
    background-color: #bd081c !important;
}

.bg-transaprent .dash2 {
    position: relative;
}

.bg-transaprent:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    inset-inline-start: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    border-radius: 7px;
    right: 0;
}

.bg_none i {
    border: 1px solid var(--primary-bg-color);
    border-radius: 25px;
    color: var(--primary-bg-color);
    font-size: 17px;
    height: 33px;
    line-height: 32px;
    width: 33px;
}

.bg_none:hover i {
    background-color: var(--primary-01);
}

.bg_none {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}

.bg-light-transparent {
    background: var(--white-2);
}

.border-b0 {
    border-block-end: 0 !important;
}

.border-t0 {
    border-block-start: 0 !important;
}

.border-top {
    border-block-start: 1px solid var(--border) !important;
}

.border-bottom {
    border-block-end: 1px solid var(--border) !important;
}

.border-end {
    border-inline-end: 1px solid var(--border) !important;
}

.border-end-dotted {
    border-inline-end: 1px dotted var(--border) !important;
}

.border {
    border: 1px solid var(--border) !important;
}

.br0 {
    border-radius: 0;
}

.btr {
    border-start-end-radius: 7px;
}

.btl {
    border-start-start-radius: 7px;
}

.bbl {
    border-end-start-radius: 7px;
}

.bbr {
    border-end-end-radius: 7px;
}

.btr-2 {
    border-start-end-radius: 0.25rem;
}

.btl-2 {
    border-start-start-radius: 0.25rem;
}

.bbl-2 {
    border-end-start-radius: 0.25rem;
}

.bbr-2 {
    border-end-end-radius: 0.25rem;
}

.brround {
    border-radius: 50%;
}

.br-100 {
    border-radius: 100% !important;
}

.br-2 {
    border-radius: 2px !important;
}

.br-3 {
    border-radius: 3px !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-5 {
    border-radius: 5px !important;
}

.br-ts-2 {
    border-start-start-radius: 2px !important;
}

.br-bs-2 {
    border-end-start-radius: 2px !important;
}

.br-te-2 {
    border-start-end-radius: 2px !important;
}

.br-be-2 {
    border-end-end-radius: 2px !important;
}

.br-ts-0 {
    border-start-start-radius: 0 !important;
}

.br-bs-0 {
    border-end-start-radius: 0 !important;
}

.br-te-0 {
    border-start-end-radius: 0 !important;
}

.br-be-0 {
    border-end-end-radius: 0 !important;
}

.br-te-3 {
    border-start-end-radius: 3px !important;
}

.br-be-3 {
    border-end-end-radius: 3px !important;
}

.br-ts-3 {
    border-start-start-radius: 3px !important;
}

.br-bs-3 {
    border-end-start-radius: 3px !important;
}

.br-te-5 {
    border-start-end-radius: 5px !important;
}

.br-be-5 {
    border-end-end-radius: 5px !important;
}

.br-ts-5 {
    border-start-start-radius: 5px !important;
}

.br-bs-5 {
    border-end-start-radius: 5px !important;
}

.br-tr-0 {
    border-top-right-radius: 5px;
}

.br-tl-0 {
    border-top-left-radius: 5px;
}

.br-s-0 {
    border-start-start-radius: 0px !important;
    border-end-start-radius: 0px !important;
}

.br-e-0 {
    border-start-end-radius: 0px !important;
    border-end-end-radius: 0px !important;
}

.h-32 {
    height: 32px !important;
}

.h-50 {
    width: 50px !important;
}

.height-50 {
    height: 50px;
}

.h-400 {
    height: 400px;
}

.h-350 {
    height: 350px !important;
}

.h-200 {
    height: 200px;
}

.h-184 {
    height: 184px;
}

.h-250 {
    height: 250px !important;
}

.h-270 {
    height: 270px !important;
}

.h-280 {
    height: 280px !important;
}

.h-286 {
    height: 286px !important;
}

.h-290 {
    height: 290px !important;
}

.h-265 {
    height: 265px;
}

.h-300 {
    height: 300px;
}

.h-330 {
    height: 330px;
}

.h-335 {
    height: 335px;
}

.h-375 {
    height: 375px;
}

.h-0 {
    height: 0 !important;
}

.h-1 {
    height: 0.25rem !important;
}

.h-2 {
    height: 2px !important;
}

.h-3 {
    height: 0.75rem !important;
}

.h-4 {
    height: 1rem;
}

.h-6 {
    height: 6px;
}

.h-7 {
    height: 2.5rem;
}

.h-8 {
    height: 8px;
}

.h-15 {
    height: 15%;
}

.h-10 {
    height: 10%;
}

.h-95 {
    height: 95%;
}

.h-20 {
    height: 20%;
}

.h-5 {
    height: 1.5rem;
}

.m-20 {
    margin: 20px !important;
}

.m-t-10 {
    margin-block-start: 10px !important;
}

.m-t-20 {
    margin-block-start: 20px !important;
}

.m-b-20 {
    margin-block-end: 20px !important;
}

.m-b0 {
    margin-block-end: 0 !important;
}

.m-b-5 {
    margin-block-end: 5px !important;
}

.m-t-5 {
    margin-block-start: 5px !important;
}

@media (min-width: 992px) {
    .m-lg-t-0 {
        margin-block-start: 0px !important;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .m-lg-b-5 {
        margin-block-end: 5px !important;
    }
}

.mg-b-10 {
    margin-block-end: 10px;
}

.mg-t-10 {
    margin-block-start: 10px;
}

.text-dark {
    color: #484c67 !important;
}

.text-white {
    color: #fff !important;
}

.text-white-transparent {
    color: #fff;
    opacity: 0.7;
}

.text-primary {
    color: var(--primary-bg-color) !important;
}

.text-secondary {
    color: var(--secondary-bg-color) !important;
}

.text-success {
    color: var(--success-bg-color) !important;
}

.text-danger {
    color: var(--danger-bg-color) !important;
}

.text-info {
    color: var(--info-bg-color) !important;
}

.text-warning {
    color: var(--warning-bg-color) !important;
}

.text-orange {
    color: var(--orange-bg-color) !important;
}

.text-pink {
    color: var(--pink-bg-color) !important;
}

.text-cyan {
    color: #1891f2 !important;
}

.text-indigo {
    color: var(--indigo-bg-color) !important;
}

.text-darkblue {
    color: #1d3f9c !important;
}

.text-blue {
    color: #2e5fe4 !important;
}

.text-job {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0;
    font-weight: 500;
    color: var(--color);
}

.text-time {
    font-size: 12px;
    color: #666;
    font-weight: 500;
    margin-block-end: 10px;
}

.text-muted {
    color: var(--muted) !important;
}

.text-facebook {
    color: #3b5998 !important;
}

.text-twitter {
    color: var(--info-bg-color) !important;
}

.text-googleplus {
    color: #db4a39 !important;
}

.text-pinterest {
    color: #e60023;
}

.text-default {
    color: var(--color);
}

.w-32 {
    width: 2.2rem !important;
}

.width-50 {
    width: 50px !important;
}

.w-50p {
    width: 50px !important;
}

.width-20 {
    width: 20% !important;
}

.w-4 {
    width: 1rem !important;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}

.w-1 {
    width: 0.25rem;
}

.w-2 {
    width: 0.5rem;
}

.w-3 {
    width: 0.75rem;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.5rem;
}

.w-7 {
    width: 2.5rem;
}

.w-8 {
    width: 4rem;
}

.w-9 {
    width: 6rem !important;
}

.w-150 {
    width: 150px !important;
}

.w-200 {
    width: 200px;
}

.w-250 {
    width: 250px;
}

.w-35 {
    width: 35%;
}

.w-300 {
    width: 300px;
}

.wd-40p {
    width: 40%;
}

.wd-45p {
    width: 45%;
}

.wd-30p {
    width: 30%;
}

.wd-25p {
    width: 25%;
}

.wd-15p {
    width: 15%;
}

.wd-20p {
    width: 20%;
}

.w-fit-content {
    width: fit-content !important;
}

.w-187 {
    width: 187px !important;
}
/*# sourceMappingURL=style.css.map */