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

Project        :   sash – Bootstrap 5  Admin & Dashboard Template
Copyright      :   Spruko Technologies Private Limited
Author         :   Spruko
Author URL     :   https://themeforest.net/user/spruko
Support	       :   support@spruko.com
License        :   Licensed under ThemeForest License

-------------------------------------------------------------------*/
/*
--- bootstrap-styles
--- accordion
--- alert
--- avatars
--- badges
--- blackquote
--- breadcrumb
--- button
--- buttons
--- cards
--- carousel
--- dropdown
--- forms
--- grid
--- input-group
--- modal
--- navigation
--- pagination
--- panel
--- popover
--- progress
--- tables
--- tags
--- thumbnail
--- tooltip
--- accordion
--- bootstrap-datepicker
--- buttons.bootstrap5
--- c3-chart
--- calendar
--- classic
--- dataTables.bootstrap
--- date-picker
--- daterangepicker
--- dtree
--- edit-table
--- fancy_fileupload
--- fileupload
--- form-wizard-demo
--- fullcalendar
--- gallery
--- intlTelInput
--- ion.rangeSlider
--- ion.rangeSlider.skinFlat
--- ion.rangeSlider.skinSimple
--- jquery.countdown
--- jquery.growl
--- jquery.timepicker
--- jquery.transfer
--- jquery-jvectormap
--- jquerysctipttop
--- jquerytransfer-icon_font
--- jquery-ui
--- leaflet
--- monolith
--- morris
--- multi
--- multiple-select
--- nano
--- notifIt
--- nv.d3
--- owl.carousel
--- perfect-scrollbar
--- quill.bubble
--- quill.snow
--- responsive.bootstrap
--- richtext
--- select2.min
--- sidebar
--- smart_wizard
--- smart_wizard_theme_arrows
--- smart_wizard_theme_circles
--- smart_wizard_theme_dots
--- spectrum
--- star-rating-svg
--- summernote
--- sumoselect
--- sweetalert
--- tabs
--- timeline
--- treeview
--- components-col
--- custom-forms
--- custom-styles
--- file-manager
--- font
--- gallery
--- highlight
--- labels
--- landing
--- list-group
--- media
--- navbar
--- pricing
--- rating
--- tabs-menu
--- timeline
--- footer
--- header
--- horizontal-menu
--- icons-list
--- loaders
--- rtl
--- datepicker
--- jvector
--- select2
--- select-group
--- default-menu
--- sidemenu-icontext
--- closed-menu
--- hover-submenu
--- hover-submenu-style1
--- calender
--- chart
--- chat
--- error-pages
--- range
--- ribbon
--- form-wizard
--- widgets
--- alignments
--- background
--- border
--- display
--- float-elements
--- height
--- margin
--- padding
--- position
--- typography
--- width
*/
/* ######## FONT ######## */
/*-------- Bootstrap Framework -------*/
/* ######## BOOTSTRAP ######## */
/*Color variables*/
/*Gradient variables*/
/*white variables*/
/*black variables*/
/*shadow variables*/
/*Dark Theme Variables*/
/*Transparent variables*/
/* ###### Bootstrap ###### */
:root {
    --primary-bg-color: #6c5ffc;
    --primary-bg-hover: #233ac5;
    --primary-bg-border: #5161c1;
    --dark-body: #292e4a;
    --dark-border: #30314e;
    --transparent-primary: #6c5ffc;
    --transparent-body: #584cd9;
    --transparent-theme: rgba(0, 0, 0, 0.2);
    --transparent-border: rgba(255, 255, 255, 0.1);
    --blue: #1a1a3c;
    --dark-primary-hover: #233ac5;
    --primary-transparentcolor: #eaedf7;
    --darkprimary-transparentcolor: #2b356e;
    --transparentprimary-transparentcolor: rgba(255, 255, 255, 0.05);
    --indigo: #4b0082;
    --purple: #6f42c1;
    --pink: #fc5296;
    --orange: #fd7e14;
    --yellow: #FBB034;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #6c5ffc;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

* {
    box-sizing: border-box;
}

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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
    width: device-width;
}

article,
dialog,
footer,
header,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #282f53;
    text-align: left;
    background-color: #f0f0f5;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

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

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


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


ul ul {
    margin-bottom: 0;
}

b,
strong {
    font-weight: bolder;
}

a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    text-decoration: underline;
}

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

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

a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
    outline: 0;
}

pre,
code {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

svg:not(:root) {
    overflow: hidden;
}

th {
    text-align: inherit;
}

input[type=date],
input[type=month] {
    -webkit-appearance: listbox;
}

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

template {
    display: none;
}

[hidden] {
    display: none !important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #e9edf4;
    opacity: 0.25;
    background-color: transparent;
}

code,
pre {
    font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
    font-size: 85%;
    color: inherit;
    word-break: break-word;
}

a>code {
    color: inherit;
}

pre {
    display: block;
    font-size: 85%;
    color: #212529;
}

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

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

@media (max-width: 576px) {
    .container {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}

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

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

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1140px;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.users img {
    max-width: none !important;
}

@media print {
    * {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    pre {
        white-space: pre-wrap !important;
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }


    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body,
    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }
}

html {
    font-size: 16px;
}

body {
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-font-feature-settings: "liga"0;
    font-feature-settings: "liga"0;
    overflow-y: scroll;
    position: relative;
}

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

body *::-webkit-scrollbar-thumb {
    background: #f6f6fb;
}

body *:hover::-webkit-scrollbar-thumb {
    background: #f6f6fb;
}

@media print {
    body {
        background: none;
    }
}

a {
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
}

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

strong,
b {
    font-weight: 500;
}

code {
    background: var(--primary005);
    border: 1px solid var(--primary005);
    border-radius: 3px;
    padding: 0px 3px;
    color: #ec82ef;
}

pre code {
    padding: 0;
    border-radius: 0;
    border: none;
    background: none;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

pre {
    color: #343a40;
    padding: 1rem;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f6f6fb;
    border-radius: 3px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-shadow: 0 1px white;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

@media print {
    .container {
        max-width: none;
    }
}

/*------ Accordion -------*/

/* #accordion rotate icon option */

/*-----Alerts-----*/
.alert {
    position: relative;
    padding: 0.75rem 1.25rem !important;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.alert:last-child,
.alert p {
    margin-bottom: 0;
}

.alert-default {
    background-color: #f9f7f7;
}

.alert {
    font-size: 0.9375rem;
}

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

.alert .btn-close:hover,
.alert .btn-close:focus {
    color: inherit;
}

/*----- Avatars -----*/

.avatar {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    display: inline-block;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: 500;
    vertical-align: bottom;
    font-size: 0.875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.avatar i {
    font-size: 125%;
    vertical-align: sub;
}

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

/*-----Badges-----*/
.btn .badge {
    position: relative;
    top: -1px;
}

.badge {
    display: inline-block;
    padding: 3px 5px 4px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    font-size: 0.75em;
    font-weight: 500;
}

p,
ul {
    margin-bottom: 1em;
}

/*------ Breadcrumb ------*/

button {
    border-radius: 0;
}

button:focus {
    outline: 0;
}

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

button,
input {
    overflow: visible;
}

button {
    text-transform: none;
}

button,
html [type=button] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

button.btn-close {
    right: 15px;
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    background-image: none;
}

button.btn-close:focus {
    box-shadow: none;
}

/*--------- Buttons--------------*/
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.84615385;
    border-radius: 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;
}

.btn:hover {
    text-decoration: none;
}

.btn:focus {
    text-decoration: none;
    outline: none !important;
}

.btn.focus {
    outline: 0;
    box-shadow: none;
}

.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
    background-image: none;
}

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

a.btn.disabled {
    pointer-events: none;
}

.btn-secondary {
    color: #fff;
    background: #05c3fb !important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #76c9ef;
    border-color: #76c9ef;
    opacity: 0.7;
}

.btn-secondary:focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 2px rgba(130, 207, 242, 0.9);
    border-color: #05c3fb;
    opacity: 0.9;
}

.btn-secondary:disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #76c9ef;
    border-color: #76c9ef;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #76c9ef;
    border-color: #76c9ef;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    border: transparent;
}

.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #05c3fb;
    border-color: #05c3fb;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(130, 207, 242, 0.9);
    border: 1px solid #05c3fb;
}

.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(130, 207, 242, 0.9);
    order: 1px solid #05c3fb;
}

.btn-default {
    color: #282f53;
    background: #e9e9f1;
    border-color: #e9e9f1;
}

.btn-default:hover {
    color: #282f53;
    background-color: #e3e3ef;
    border-color: #e3e3ef;
    opacity: 0.7;
}

.btn-default:focus,
.btn-default.focus {
    box-shadow: 0 0 0 2px rgba(233, 233, 241, 0.9);
    opacity: 0.9;
}

.btn-default.disabled,
.btn-default:disabled {
    color: #282f53;
    background-color: #e9e9f1;
    border-color: #e9e9f1;
}

.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active {
    color: #282f53;
    background-color: #e9e9f1;
    border-color: #e9e9f1;
}

.show>.btn-default.dropdown-toggle {
    color: #282f53;
    background-color: #e9e9f1;
    border-color: #e9e9f1;
}

.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(233, 233, 241, 0.9);
}

.show>.btn-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(233, 233, 241, 0.9);
}

/*-- light-buttons--*/

/*--gradient-buttons--*/

.btn-default {
    color: #282f53;
    background: #e9e9f1;
    border-color: #e9e9f1;
}

.btn-default:hover {
    color: #282f53;
    background-color: #e3e3ef;
    border-color: #e3e3ef;
    opacity: 0.7;
}

.btn-default:focus,
.btn-default.focus {
    box-shadow: 0 0 0 2px #e9e9f1;
    opacity: 0.9;
}

.btn-default.disabled,
.btn-default:disabled {
    color: #282f53;
    background-color: #e9e9f1;
    border-color: #e9e9f1;
}

.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active {
    color: #282f53;
    background-color: #e9e9f1;
    border-color: #e9e9f1;
}

.show>.btn-default.dropdown-toggle {
    color: #282f53;
    background-color: #e9e5f1;
    border-color: #e9e5f1;
}

.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(229, 240, 250, 0.9);
}

.show>.btn-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(229, 240, 250, 0.9);
}

.btn-outline-secondary {
    color: #05c3fb !important;
    background-color: transparent;
    background-image: none;
    border-color: #05c3fb;
}

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #05c3fb;
    border-color: #76c9ef;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 2px rgba(235, 111, 51, 0.9);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #76c9ef;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #05c3fb;
    border-color: #76c9ef;
}

.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #05c3fb;
    border-color: #76c9ef;
}

.btn-outline-success {
    color: #13bfa6;
    background-color: transparent;
    background-image: none;
    border-color: #13bfa6;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #13bfa6;
    border-color: #13bfa6;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 2px rgba(19, 191, 166, 0.1);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #13bfa6;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #13bfa6;
    border-color: #13bfa6;
}

.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #13bfa6;
    border-color: #13bfa6;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(19, 191, 166, 0.1);
}

.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(19, 191, 166, 0.1);
}

.btn-outline-info {
    color: #45aaf2;
    background-color: transparent;
    background-image: none;
    border-color: #45aaf2;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #45aaf2;
    border-color: #45aaf2;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 2px rgba(7, 116, 248, 0.1);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #45aaf2;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #45aaf2;
    border-color: #45aaf2;
}

.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #45aaf2;
    border-color: #45aaf2;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px rgba(7, 116, 248, 0.1);
}

.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(7, 116, 248, 0.1);
}

.btn-outline-warning {
    color: #ecb403 !important;
    background-color: transparent;
    background-image: none;
    border-color: #ecb403;
}

.btn-outline-warning:hover {
    color: #fff !important;
    background-color: #ecb403;
    border-color: #ecb403;
}

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

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ecb403;
    background-color: transparent;
}

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

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

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

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

.btn-outline-danger {
    color: #c21a1a;
    background-color: transparent;
    background-image: none;
    border-color: #f12c2c;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #f12c2c;
    border-color: #f12c2c;
}

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

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #c21a1a;
    background-color: transparent;
}

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

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

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

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

.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.625;
}

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

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



input[type=button].btn-block {
    width: 100%;
}

/**Btn-group**/

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

.dropdown-toggle-split::after {
    margin-left: 0;
}

.btn-lg+.dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

/*----- Btn styles------*/
.btn {
    cursor: pointer;
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size: 0.8125rem;
    min-width: 2.375rem;
}

.btn-pink {
    color: #fff !important;
    background-color: #ec82ef !important;
    border-color: #ec82ef;
}

.btn-pink:hover {
    color: #fff;
    background-color: #ec82ef;
    border-color: #ec82ef;
    opacity: 0.9;
}

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

.btn-pink.disabled,
.btn-pink:disabled {
    color: #fff;
    background-color: #ec82ef;
    border-color: #ec82ef;
    opacity: 0.9;
}

.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #ec82ef;
    border-color: #ec82ef;
}

.show>.btn-pink.dropdown-toggle {
    color: #fff;
    background-color: #ec82ef;
    border-color: #ec82ef;
}

.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-lg {
    font-size: 1rem;
    min-width: 2.75rem;
    font-weight: 400;
}

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


.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
    outline: none;
}


.btn-outline-primary:focus {
    box-shadow: none;
}

.w-sm {
    min-width: 110px;
}

.w-lg {
    min-width: 150px;
}


.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    background-color: #05c3fb;
    border-color: #05c3fb;
}

/*------ Card -------*/
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border: inherit !important;
    background-clip: border-box;
    border-radius: 7px;
    box-shadow: 0 4px 25px 0 rgba(168, 180, 208, 0.1);
}

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

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 25px;
    margin: 0;
    position: relative;
}

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

.card-header:first-child {
    border-radius: 2px 2px 0 0;
}

.card-footer {
    padding: 1.5rem 1.5rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid #e9edf4;
    color: #6e7687;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

/*------ Default Card Values -------*/
.card-header {
    background: none;
    padding: 1.2rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #e9edf4;
    letter-spacing: 0.2px;
}

.card-header .card-title {
    margin-bottom: 0;
}

.card-title {
    font-size: 1.075rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

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

.card-img-top {
    width: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

/*------ Default Card Values -------*/
.card {
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
}

.card .card {
    border: 1px solid #e9edf4;
}

@media print {
    .card {
        box-shadow: none;
        border: none;
    }
}

.card-body+.card-body {
    border-top: 1px solid #e9edf4;
}

.card-body> :last-child {
    margin-bottom: 0;
}

@media print {
    .card-body {
        padding: 0;
    }
}

.card-footer {
    padding: 1rem 1.5rem;
    background: none;
}

@media print {
    .card-header {
        display: none;
    }
}

.card-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.card-title a {
    color: inherit;
}

.card-title:only-child {
    margin-bottom: 0;
}

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

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

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

/*Card maps*/

/**Card status*/

/**Card alert*/

.card.card-collapsed .card-header {
    border-bottom: 0;
}

/*------ Carousel -------*/
.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    margin: 0 auto;
    text-align: center;
}

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

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

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

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-start,
.carousel-item-prev.carousel-item-end {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {

    .carousel-item-next.carousel-item-start,
    .carousel-item-prev.carousel-item-end {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-end {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {

    .carousel-item-next,
    .active.carousel-item-end {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-start {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {

    .carousel-item-prev,
    .active.carousel-item-start {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.6s;
    transition-property: opacity;
}

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

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-prev {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d) {

    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-prev {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-indicators1 {
    position: absolute;
    right: 0;
    top: 10px;
    left: 0;
    z-index: 8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators1 li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators1 li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators1 li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators1 .active {
    background-color: #fff;
}

.carousel-indicators2 {
    position: absolute;
    right: 24px;
    left: auto;
    top: 15px;
    z-index: 8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin: 0px;
    list-style: none;
}

.carousel-indicators2 li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators2 li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators2 li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators2 .active {
    background-color: #fff;
}

.carousel-indicators3 {
    position: absolute;
    top: 15px;
    left: 24px;
    z-index: 8;
    right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin: 0px;
    list-style: none;
}

.carousel-indicators3 li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators3 li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators3 li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators3 .active {
    background-color: #fff;
}

.carousel-indicators4 {
    position: absolute;
    right: 24px;
    bottom: 15px;
    z-index: 8;
    left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.carousel-indicators4 li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators4 li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators4 li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators4 .active {
    background-color: #fff;
}

.carousel-indicators5 {
    position: absolute;
    bottom: 15px;
    left: 24px;
    right: auto;
    z-index: 8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.carousel-indicators5 li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators5 li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators5 li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators5 .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 35%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-item-background {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
}

.carousel-indicators [data-bs-target] {
    width: 9px;
    height: 9px;
}

@media (min-width: 992px) and (max-width: 1400px) {
    .carousel-caption {
        top: 15%;
    }
}

/*------Drop Downs-------*/

.dropdown {
    position: relative;
}

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

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

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.9375rem;
    color: #495057;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9edf4;
}

.dropdown-menu[data-popper-placement^=top],
.dropdown-menu[data-popper-placement^=right],
.dropdown-menu[data-popper-placement^=bottom],
.dropdown-menu[data-popper-placement^=left] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem !important;
    clear: both;
    font-weight: 400;
    color: #6e84a3;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item.user {
    font-size: 18px;
    padding: 5px;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    text-decoration: none;
    background-color: var(--primary005);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #fff;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
    margin: 0;
    border: 1px solid #eaf2f6;
    box-shadow: 0 3px 9px 0 rgba(104, 113, 123, 0.15);
    border-radius: 7px;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #868e96;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

/*-----List Of Dropdwons-----*/
btn.dropdown-toggle~.dropdown-menu {
    background-color: #f4f4f4 !important;
    background-color: white !important;
    border: 0 solid #4285f4 !important;
    box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

ul.dropdown-menu li.dropdown ul.dropdown-menu {
    background-color: #f4f4f4 !important;
    background-color: white !important;
    border: 0 solid #4285f4 !important;
    box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3) !important;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    position: absolute !important;
    width: 100% !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 8;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #76839a;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #76839a;
    background-color: var(--primary005);
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e9edf4;
}

.dropdown-menu .dropdown-plus-title {
    width: 100% !important;
    color: #282f53 !important;
    padding: 6px 12px !important;
    font-weight: 500 !important;
    border: 0 solid #e9edf4 !important;
    border-bottom-width: 1px !important;
    cursor: pointer !important;
}

ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 20px !important;
}

.btn.dropdown-toggle.btn-primary~.dropdown-menu .dropdown-plus-title {
    border-color: #357ebd !important;
}

.btn.dropdown-toggle.btn-success~.dropdown-menu .dropdown-plus-title {
    border-color: #4cae4c !important;
}

.btn.dropdown-toggle.btn-info~.dropdown-menu .dropdown-plus-title {
    border-color: #46b8da !important;
}

.btn.dropdown-toggle.btn-warning~.dropdown-menu .dropdown-plus-title {
    border-color: #eea236 !important;
}

.btn.dropdown-toggle.btn-danger~.dropdown-menu .dropdown-plus-title {
    border-color: #d43f3a !important;
}

.dropdown-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: 1px solid #e9edf4;
}

.dropdown-menu-header label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #76839a;
}

.media {
    display: flex;
    align-items: flex-start;
}

@media (min-width: 768px) {
    ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 768px) {
    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        width: auto !important;
    }
}

.dropdown-menu-arrow:before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #e9edf4;
    border-left: 1px solid #e9edf4;
}

.dropdown-menu.header-search:before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    left: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #e9edf4;
    border-left: 1px solid #e9edf4;
}

.dropdown {
    display: block;
}

.header .dropdown .nav-link.icon:hover {
    background: none !important;
}

.dropdown-menu {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    min-width: 12rem;
}

.dropdown-menu-arrow.dropdown-menu-end:before,
.dropdown-menu-arrow.dropdown-menu-end:after {
    left: auto;
    right: 18px;
}

.dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.dropdown-toggle:after {
    vertical-align: 0.155em;
}

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

.dropdown-icon {
    color: #8f9daf;
    margin-right: 0.5rem;
    margin-left: -0.5rem;
    width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: -1px;
}

.dropdown-toggle .dropdown-label {
    position: relative;
    top: -18px;
    left: -12px;
    background-color: #fff;
    padding: 0px 10px 0px 10px;
}


.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    background-color: #09ad95;
    border-color: #09ad95;
}


.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: #fff;
    background-color: #1170e4;
    border-color: #1170e4;
}

/*------- Forms -------*/
.form-control {
    display: block;
    width: 100%;
    padding: 0.475rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5875;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9edf4;
    border-radius: 7px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #6f6e6e;
    background-color: #fff;
    outline: 0;
    box-shadow: none;
    border-color: #e9edf4;
}

.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    color: #76839a;
    opacity: 1;
}

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

.form-control:disabled::placeholder {
    opacity: 0.5;
}

.form-control::-webkit-file-upload-button {
    color: #495057;
    background-color: #e9e9f1;
    transition: none;
    padding: 0.65rem 0.75rem;
    margin: -0.575rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #f6f6fb;
}

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

.form-group {
    margin-bottom: 1rem;
    display: block;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: none;
}

.was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: #198754;
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    background-color: #198754;
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f6f6fb, 0 0 0 2px rgba(9, 173, 149, 0.25);
}

.was-validated .form-file-input:valid~.form-file-label::before {
    border-color: inherit;
}

.was-validated .form-file-input:valid:focus~.form-file-label {
    box-shadow: none;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #e23e3d;
    box-shadow: none;
}

.was-validated .custom-control-input:invalid~.custom-control-label::before {
    background-color: #e23e3d;
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    background-color: #e23e3d;
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f6f6fb, 0 0 0 2px rgba(232, 38, 70, 0.25);
}

.was-validated .form-file-input:invalid~.form-file-label::before {
    border-color: inherit;
}

.was-validated .form-file-input:invalid:focus~.form-file-label {
    box-shadow: none;
}

ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

@media (max-width: 767px) {
    .files .btn span {
        display: none;
    }

    .files .preview * {
        width: 40px;
    }

    .files .name * {
        display: inline-block;
        width: 80px;
        word-wrap: break-word;
    }
}

.modal-header h4.modal-title {
    font-weight: 300;
}

.modal-body label {
    font-weight: 400;
}

/*------ Modal -------*/
.modal-open {
    overflow: scroll;
    padding: 0 !important;
    display: block;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    outline: 0;
    padding-right: 0 !important;
    margin: 0 !important;
}

.modal-open,
.modal-backdrop.fade.show {
    padding-right: 0 !important;
}

.modal-open {
    overflow: auto !important;
    padding: 0px !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0px !important;
}

.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: #fff;
    background-clip: padding-box;
    border: 1px solid #e9edf4;
    border-radius: 3px;
    outline: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

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

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

.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-bottom: 1px solid #e9edf4;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.modal-header .btn-close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 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-bottom: 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-top: 1px solid #e9ecef;
}

.modal-footer> :not(:first-child) {
    margin-left: 0.25rem;
}

.modal-footer> :not(:last-child) {
    margin-right: 0.25rem;
}

@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,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.modal.animated .modal-dialog {
    transform: translate(0, 0);
}

.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 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.modal.effect-fall .modal-dialog {
    -moz-transform-style: preserve-3d;
    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 {
    -moz-transform-style: preserve-3d;
    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 {
    -moz-transform-style: preserve-3d;
    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 {
    -moz-transform-style: preserve-3d;
    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 {
    -moz-transform-style: preserve-3d;
    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 {
    -moz-transform-style: preserve-3d;
    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.effect-just-me .modal-dialog {
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-just-me .modal-content {
    background-color: #16192f;
    border: 1px solid #4d4e50;
    padding: 0 9px;
}

.modal.effect-just-me .btn-close {
    text-shadow: none;
    color: #fff;
}

.modal.effect-just-me .modal-header {
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    padding-left: 0;
    padding-right: 0;
}

.modal.effect-just-me .modal-header h6 {
    color: #fff;
    font-weight: 500;
}

.modal.effect-just-me .modal-body {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 0;
    padding-right: 0;
}

.modal.effect-just-me .modal-body h6 {
    color: #fff;
}

.modal.effect-just-me .modal-footer {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    border-top-color: rgba(255, 255, 255, 0.1);
}

.modal.effect-just-me.show~.modal-backdrop {
    opacity: 0.96;
}

.modal.effect-just-me.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-open .select2-dropdown.select2-dropdown--below {
    z-index: 9999 !important;
}

.modal-open .ui-datepicker {
    z-index: 9999 !important;
    top: 170px !important;
}

.nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
    top: -1px !important;
}

/*------ Navigation -------*/
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.2rem 0.9rem;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #9ea7af;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active {
    border: 0;
}

.nav-pills .nav-link.active {
    color: #fff;
}

.nav-item1:hover:not(.disabled),
.nav-item1.active {
    color: #fff;
}

.nav-item1 .nav-link.disabled {
    opacity: 6;
    cursor: default;
    pointer-events: none;
}

.nav-tabs .nav-item1 .nav-link:hover:not(.disabled),
.nav-tabs .nav-item1 .nav-link.active {
    color: #fff;
}

.nav-tabs .nav-item1 .nav-link.disabled {
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
}

.nav-tabs .nav-item1:hover .nav-submenu {
    display: block;
}

.nav-tabs .nav-submenu .nav-item1.active {
    color: #467fcf;
}

.nav-tabs .nav-submenu .nav-item1:hover {
    color: #6e7687;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.024);
}

.nav-link {
    min-width: 2rem;
    transition: 0.3s color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: var(--primary-bg-color);
}

.nav-link.icon {
    margin: 5px;
    padding: 11px;
    text-align: center;
    height: 2.5rem;
    font-size: 1.2rem;
    position: relative;
}

.nav-link.icon i {
    font-size: 20px;
    position: relative;
}

.nav-link.icon i::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 5px;
    bottom: 0;
    border-radius: 50%;
    right: 3px;
    background: rgba(var(--primary-bg-color), 0);
}

@media (max-width: 768px) {
    .nav-link.icon {
        padding: 5px !important;
    }
}

.nav-item {
    min-width: 2rem;
    transition: 0.3s color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.nav-tabs .nav-link:hover:not(.disabled),
.nav-tabs .nav-link.active {
    color: #fff;
}

.nav-tabs .nav-link.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
    color: #868e96;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-item:hover .nav-submenu {
    display: block;
}

.nav-link:hover .dropdown-menu,
.nav-item:hover .dropdown-menu,
.nav-link:hover .dropdown-menu.show {
    display: block;
    border-radius: 7px;
}

.nav-tabs .nav-submenu .nav-item.active {
    color: #467fcf;
}

.nav-tabs .nav-submenu .nav-item:hover {
    color: #6e7687;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.024);
}

.navbar-toggler:focus {
    box-shadow: none;
}

.page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
}

body.fixed-header .page {
    padding-top: 4.5rem;
}

.page-main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

/* #bs-collapse icon scale option */

/*--------panel----------*/

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee3eb;
    border-radius: 3px;
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 3px;
    margin-left: calc(0.25rem - 5px);
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-width: 0.5rem 0.25rem 0;
}

.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    bottom: 1px;
    border-top-color: #fff;
}

.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before,
.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-width: 0.25rem 0.5rem 0.25rem 0;
}

.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before {
    left: 0;
    border-right-color: #dee3eb;
}

.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    left: 1px;
    border-right-color: #fff;
}

.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before,
.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-width: 0 0.25rem 0.5rem 0.25rem;
}

.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
    top: 0;
    border-bottom-color: #dee3eb;
}

.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    top: 1px;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 0.5rem;
    margin-left: -0.25rem;
    content: "";
    border-bottom: 1px solid #fff;
}

.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before,
.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-width: 0.25rem 0 0.25rem 0.5rem;
}

.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before {
    right: 0;
    border-left-color: #dee3eb;
}

.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    right: 1px;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.9375rem;
    color: inherit;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.75rem 1rem;
    color: #6e7687;
}

.popover.bs-popover-top,
.popover.bs-popover-auto[data-popper-placement^=top] {
    margin-bottom: 0.625rem;
}

.popover-static-demo .popover {
    position: relative;
}

/*-----progress-----*/

/*------ progress sizes ------*/

/*------ Tables -----*/

.table-hover tbody tr:hover {
    background-color: #f6f6fb;
}

.table-hover .table-primary:hover {
    background-color: #b7cded;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #b7cded;
}

.table-hover .table-secondary:hover {
    background-color: #cfd2d6;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #cfd2d6;
}

.table-hover .table-success:hover {
    background-color: #c5e7a4;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #c5e7a4;
}

.table-hover .table-info:hover {
    background-color: #b3dcf9;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #b3dcf9;
}

.table-hover .table-warning:hover {
    background-color: #fae8a4;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #fae8a4;
}

.table-hover .table-danger:hover {
    background-color: #ecacab;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #ecacab;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe;
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.04);
}

.table-dark.table-hover tbody tr:hover {
    background-color: #212529;
}

.table-inbox tr td:hover {
    cursor: pointer;
}


.table-inbox tr td .fa-star:hover {
    color: #f78a09;
}

.table-calendar-link:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    border-radius: 50px;
    background: #467fcf;
}

.table-calendar-link:hover {
    color: #fff;
    text-decoration: none;
    background: #467fcf;
    transition: 0.3s background;
}

.table-calendar-link:hover:before {
    background: #fff;
}

.table-header:hover {
    color: #495057 !important;
}

.table-header:after {
    content: "\f0dc";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 0.5rem;
    font-size: 0.75rem;
}

.table-header-asc:after {
    content: "\f0de";
}

.table-header-desc:after {
    content: "\f0dd";
}

/*---- Tags-----*/
.tag {
    font-size: 0.75rem;
    color: #282f53;
    background-color: var(--primary01);
    border-radius: 3px;
    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;
}

/*---------Thumbnails----------*/

/*-------Tooptip &popover------*/

.tooltip {
    position: absolute;
    z-index: 6;
    display: block;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    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;
}

.tooltip.bs-tether-element-attached-bottom,
.tooltip.tooltip-top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.bs-tether-element-attached-left,
.tooltip.tooltip-end {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip.tooltip-top .tooltip-inner::before {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip.tooltip-end .tooltip-inner::before {
    top: 50%;
    left: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.bs-tether-element-attached-top,
.tooltip.tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.bs-tether-element-attached-top .tooltip-inner::before,
.tooltip.tooltip-bottom .tooltip-inner::before {
    top: 0;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bs-tether-element-attached-right,
.tooltip.tooltip-start {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip.bs-tether-element-attached-right .tooltip-inner::before,
.tooltip.tooltip-start .tooltip-inner::before {
    top: 50%;
    right: 0;
    margin-top: -5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip-inner::before {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/*alerts*/

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    top: -1px;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    left: -1px;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 3px;
}

.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before,
.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    border-width: 0.5rem 0.25rem 0;
}

.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after {
    bottom: 1px;
    border-top-color: #fff;
}

.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before,
.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-width: 0.25rem 0.5rem 0.25rem 0;
}

.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before {
    left: 0;
    border-right-color: #dee3eb;
}

.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    left: 1px;
    border-right-color: #fff;
}

.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before,
.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-width: 0 0.25rem 0.5rem 0.25rem;
}

.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before {
    top: 0;
    border-bottom-color: #dee3eb;
}

.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    top: 1px;
    border-bottom-color: #fff;
}

.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before,
.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-width: 0.25rem 0 0.25rem 0.5rem;
}

.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before {
    right: 0;
    border-left-color: #dee3eb;
}

.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    right: 1px;
    border-left-color: #fff;
}

.popover-static-demo .popover {
    position: relative;
}

.tooltip-static-demo {
    text-align: center;
    background-color: #f6f6fb;
    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] .tooltip-arrow {
    left: 50%;
    margin-left: -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-top: 5px;
}

.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 {
    top: 50%;
    margin-top: -5px;
}

.popover-static-demo {
    background-color: #f6f6fb;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    border: 1px solid #e9edf4;
}

.popover-static-demo .popover {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
    border-radius: 5px;
}

.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 {
    left: 50%;
    margin-left: -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-top: 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 {
    top: 50%;
    margin-top: -5px;
}

.tooltip-primary .tooltip-inner {
    background-color: var(--primary-bg-color) !important;
    color: #fff;
}

.tooltip-primary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--primary-bg-color);
}

.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--primary-bg-color);
}

.tooltip-primary.bs-tooltip-start .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--primary-bg-color);
}

.tooltip-primary.bs-tooltip-end .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--primary-bg-color);
}

.tooltip-secondary .tooltip-inner {
    background-color: #05c3fb !important;
    color: #fff;
}

.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #05c3fb !important;
}

.tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #05c3fb !important;
}

.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #05c3fb !important;
}

.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #05c3fb !important;
}

.tooltip-success .tooltip-inner {
    background-color: #09ad95 !important;
    color: #fff;
}

.tooltip-success.bs-tooltip-top .tooltip-arrow::before,
.tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #09ad95 !important;
}

.tooltip-success.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #09ad95 !important;
}

.tooltip-success.bs-tooltip-start .tooltip-arrow::before,
.tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #09ad95 !important;
}

.tooltip-success.bs-tooltip-end .tooltip-arrow::before,
.tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #09ad95 !important;
}

.tooltip-danger .tooltip-inner {
    background-color: #e82646 !important;
    color: #fff;
}

.tooltip-danger.bs-tooltip-top .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #e82646 !important;
}

.tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #e82646 !important;
}

.tooltip-danger.bs-tooltip-start .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #e82646 !important;
}

.tooltip-danger.bs-tooltip-end .tooltip-arrow::before,
.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #e82646 !important;
}

.tooltip-info .tooltip-inner {
    background-color: #1170e4 !important;
    color: #fff;
}

.tooltip-info.bs-tooltip-top .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #1170e4 !important;
}

.tooltip-info.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #1170e4 !important;
}

.tooltip-info.bs-tooltip-start .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #1170e4 !important;
}

.tooltip-info.bs-tooltip-end .tooltip-arrow::before,
.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #1170e4 !important;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    max-width: 276px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.76562rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #d3dfea;
    border-radius: 0.3rem;
    box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
}

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

.popover.bs-popover-top,
.popover.bs-popover-auto[data-popper-placement^=top] {
    margin-bottom: 0.625rem;
}

.popover .popover-arrow {
    margin-left: calc(0.25rem - 5px);
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #d3dfea;
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #d3dfea;
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #d3dfea;
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #e9ebfa;
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #d3dfea;
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: #191621;
    letter-spacing: 0.5px;
    padding: 12px 15px;
    background-color: #fff;
    border-color: #e9ebfa;
}

.popover-header::before {
    display: none !important;
}

.popover-body {
    padding: 15px;
    color: #6e7687;
}

.popover-body p:last-child {
    margin-bottom: 0;
}

.popover-head-primary .popover-header {
    color: #fff;
    background-color: var(--primary-bg-color) !important;
}

.popover-head-primary.bs-popover-top .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
    bottom: -7px;
}

.popover-head-primary.bs-popover-start .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
    right: -7px;
}

.popover-head-primary.bs-popover-end .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
    left: -7px;
}

.popover-head-primary.bs-popover-bottom .popover-arrow::after,
.popover-head-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: var(--primary-bg-color) !important;
}

.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 .popover-header {
    color: #fff;
    background-color: #05c3fb !important;
}

.popover-head-secondary.bs-popover-top .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=top] .popover-arrow {
    bottom: -7px;
}

.popover-head-secondary.bs-popover-start .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow {
    right: -7px;
}

.popover-head-secondary.bs-popover-end .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow {
    left: -7px;
}

.popover-head-secondary.bs-popover-bottom .popover-arrow::after,
.popover-head-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #05c3fb !important;
}

.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-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: 1px solid rgba(20, 17, 45, 0.2);
    border-top-width: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.popover-primary {
    background-color: var(--primary-bg-color) !important;
    border-width: 0 !important;
    padding: 15px;
}

.popover-primary .popover-header {
    background-color: var(--primary-bg-color) !important;
    border-bottom-width: 0 !important;
    padding: 0 0 15px;
    color: #fff;
}

.popover-primary .popover-body {
    padding: 0;
    color: rgba(255, 255, 255, 0.75) !important;
}

.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-top-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-bottom-color: var(--primary-bg-color) !important;
}

.popover-primary.bs-popover-start .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-left-color: var(--primary-bg-color) !important;
}

.popover-primary.bs-popover-end .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-right-color: var(--primary-bg-color) !important;
}

.popover-secondary {
    background-color: #05c3fb !important;
    border-width: 0 !important;
    padding: 15px;
}

.popover-secondary .popover-header {
    background-color: #05c3fb !important;
    border-bottom-width: 0 !important;
    padding: 0 0 15px;
    color: #fff;
}

.popover-secondary .popover-body {
    padding: 0;
    color: rgba(255, 255, 255, 0.75) !important;
}

.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-top-color: #05c3fb !important;
}

.popover-secondary.bs-popover-bottom .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after {
    border-bottom-color: #05c3fb !important;
}

.popover-secondary.bs-popover-start .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after {
    border-left-color: #05c3fb !important;
}

.popover-secondary.bs-popover-end .popover-arrow::after,
.popover-secondary.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after {
    border-right-color: #05c3fb !important;
}

/*  ######## CUSTOM-STYLES ######## */

.is-loading .form-control-plaintext:focus-visible {
    outline: none;
    border: 1px solid #e9edf4;
}


.col-sm-6,
.col-sm-12,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-12,
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-9,
.col-lg-12,
.col-xl-3,
.col-xl-4,
.col-xl-6,
.col-xl-8,
.col-xl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

@media (min-width: 576px) {

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

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

@media (min-width: 768px) {

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

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

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

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

@media (min-width: 992px) {

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

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

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

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

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

@media (min-width: 1280px) {

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

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

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

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

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

/*----- Custom control -----*/

.fade {
    transition: opacity 0.15s linear;
}

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

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

.collapse:not(.show) {
    display: none;
    background: #fff;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

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

.block {
    display: block !important;
}

/*----- Global Loader -----*/
#global-loader {
    position: fixed;
    z-index: 50000;
    background: white;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#copy {
    background: none;
    color: white;
    font-weight: bold;
    padding: 8px 25px;
    border: 0;
}

.wrap {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    text-decoration: none;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.icon i {
    vertical-align: -1px;
}

a.icon {
    text-decoration: none;
    cursor: pointer;
}

a.icon:hover {
    color: #1a1a1a !important;
}

@media (max-width: 992px) {

    .hor-content .container,
    .hor-header .container {
        max-width: none;
    }

    #navbar-example3 {
        border-radius: 7px 7px 0 0 !important;
    }
}

@media (max-width: 480px) {
    .header .nav-link {
        padding: 0.6rem 0.6rem !important;
        line-height: 1.9;
    }

    .header .nav-link.leading-none::after {
        top: 12px !important;
    }

    .header .nav-link.icon {
        font-size: 16px;
    }

    .header .nav-link .badge {
        position: absolute;
        top: -7px;
        right: 6px;
        width: 1rem;
        height: 1rem;
        font-size: 11px;
        text-align: center !important;
        padding: 0.25em 0.4em;
        line-height: 1;
    }
}

@media (max-width: 360px) {

    .header .nav-link {
        line-height: 1.9;
    }

    .dropdown-menu.header-search:before {
        left: 200px !important;
    }
}

@media (max-width: 767px) {

    .carousel-caption {
        display: none;
    }
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%,
    60% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%,
    60% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%,
    60% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%,
    60% {
        left: 107%;
        right: -8%;
    }
}

@-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);
    }
}

@-webkit-keyframes status-pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.32;
    }
}

@keyframes status-pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.32;
    }
}

* {
    -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;
}

#back-to-top {
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    display: none;
    text-align: center;
    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;
    border-radius: 7px;
}

#back-to-top i {
    padding-top: 15px;
    font-size: 16px;
}

#back-to-top:hover {
    background: #fff !important;
}

.features {
    overflow: hidden;
}

.features h2 {
    font-weight: 600;
    margin-bottom: 12px;
    text-align: center;
    font-size: 2.2em;
}

.features h3 {
    font-size: 20px;
    font-weight: 600;
}

.features span {
    color: #43414e;
    display: block;
    font-weight: 400;
    text-align: center;
}

@-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);
    }
}

/* --------Added--------- css*/
#sidebar li a.active {
    background: #fff;
}

#sidebar li a.active a[data-toggle=collapse] {
    background: #fff;
}

#user-profile h2 {
    padding-right: 15px;
}

@media only screen and (max-width: 767px) {

    .dropdown .avatar.profile-user {
        width: 2rem !important;
        height: 2rem !important;
    }
}

@media only screen and (max-width: 420px) {

    .header .dropdown.shopping-cart .dropdown-menu {
        min-width: 18rem !important;
    }
}

@media (max-width: 1024px) {

    
    body.sidebar-show {
        overflow: hidden;
    }

    
    body.sidebar-show:before {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        opacity: 0.6;
        z-index: 891;
    }
}

.overflow-hidden {
    overflow: hidden;
}

.settings {
    content: "\e8c3";
    top: -7px;
    font-size: 18px;
    position: absolute;
    right: 4px;
    font-family: "feather";
    z-index: 1029;
    line-height: 1;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-animation: anim-rotate 1.5s linear infinite;
    animation: anim-rotate 1.5s linear infinite;
}

@keyframes floating-lg {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floating {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floating-sm {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.statistics-info .counter-icon {
    margin-bottom: 1rem;
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    padding: 1.3rem 1.4rem;
    border-radius: 50%;
    text-align: center;
}

.statistics-info .counter-icon i {
    font-size: 1.2rem;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.counter-icon {
    margin-bottom: 1rem;
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4rem;
    text-align: center;
    font-size: 24px;
}

.hor-content {
    min-height: calc(100vh - 56px) !important;
}

@media (min-width: 992px) {
    .sticky {
        width: 100%;
    }

    .hor-content .container,
    .hor-header .container {
        max-width: 85%;
    }
}

.card-body.scroll {
    overflow: hidden;
}

/*********************IE***************************/
*::-ms-backdrop {
    overflow: scroll;
    overflow-x: hidden;
    height: 100vh;
}

*::-ms-backdrop {
    min-height: 0;
}

*::-ms-backdrop {
    width: 100%;
}

*::-ms-backdrop {
    height: 100%;
}

*::-ms-backdrop {
    height: 100%;
}

*::-ms-backdrop,
.card-img-top {
    height: 252px;
}

*::-ms-backdrop,
*::-ms-backdrop {
    left: -25px;
}

*::-ms-backdrop {
    display: block;
}

*::-ms-backdrop {
    display: block;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    8% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    15% {
        -webkit-transform: scale(0.1);
        opacity: 1;
    }

    30% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    8% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    15% {
        -webkit-transform: scale(0.1);
        opacity: 1;
    }

    30% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    8% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    15% {
        -webkit-transform: scale(0.1);
        opacity: 1;
    }

    30% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

a.icon:hover {
    color: var(--primary-bg-color) !important;
}

.avatar {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: 500;
    vertical-align: bottom;
    font-size: 0.875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 991px) {
    .sidenav-toggled .app-header.header {
        padding-left: 0px !important;
    }

    .side-menu {
        padding: 0px !important;
    }

    .navbar.responsive-navbar .header-search .form-control {
        line-height: 1.45;
    }
}

@media (max-width: 991px) {

    .dropdown-menu.header-search:before {
        left: 15px !important;
    }

    .header .dropdown-menu {
        margin-top: 16px !important;
    }
}

.box-shadow-primary {
    box-shadow: 0 5px 10px var(--primary03);
}

.box-shadow-secondary {
    box-shadow: 0 5px 10px #e1f1f9;
}

.box-shadow-success {
    box-shadow: 0 5px 10px #beefe7;
}

.box-shadow-danger {
    box-shadow: 0 5px 10px #efc2c9;
}

.nav.panel-tabs a.active {
    color: var(--primary-bg-color);
}

.nav.panel-tabs.panel-secondary a.active {
    background-color: #05c3fb !important;
    color: #fff;
}

.nav.panel-tabs.panel-danger a.active {
    background-color: #e82646 !important;
    color: #fff;
}

.nav.panel-tabs.panel-success a.active {
    background-color: #09ad95 !important;
    color: #fff;
}

.nav.panel-tabs.panel-info a.active {
    background-color: #1170e4 !important;
    color: #fff;
}


[class*=" ri-"] {
    font-family: "remixicon" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.table-inbox tr td i:hover {
    color: #f7284a;
}

.table-inbox tr td .fa-star:hover {
    color: #fbc518;
}

/*--- Offcanvas ---*/
.offcanvas-header h5 {
    font-weight: 500;
}

.offcanvas-start {
    border-right: 1px solid #e9edf4;
}

.offcanvas-end {
    border-left: 1px solid #e9edf4;
}

.offcanvas-bottom {
    border-top: 1px solid #e9edf4;
}

.offcanvas-top {
    border-bottom: 1px solid #e9edf4;
}

/*--Toast ---*/

.nav.product-sale a.active {
    background-color: #fff;
    border-bottom: none;
}

.carousel-slider #thumbcarousel {
    margin: 10px 0 0 0;
    padding: 0;
}

.carousel-slider #thumbcarousel .carousel-item .thumb {
    width: 100%;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    max-width: 100px;
}

.carousel-inner .carousel-item .thumb.active {
    border: 1px solid #e9edf4;
}

.carousel-inner .carousel-item .thumb {
    padding: 5px;
    border: 1px solid #e9edf4;
    border-radius: 5px;
}

.services-statistics .counter-icon {
    margin-bottom: 1.5rem;
    margin-top: 14px;
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    padding: 1.3rem 1.4rem;
    border-radius: 7px;
    text-align: center;
}

#navbar-example2 .nav-item .dropdown-menu.show {
    margin-top: 2px !important;
    box-shadow: none;
}

.sidebar-right .list-group-item:hover,
.sidebar-right .list-group-item:focus {
    z-index: 0;
}

.horizontalMenucontainer {
    background-size: cover;
    overflow: clip;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.horizontal .sub-slide.is-expanded .sub-angle {
    transform: none;
}

.hor-header .container.main-container div:first-child {
    align-items: center !important;
}

.card-header:first-child {
    border-radius: 7px 7px 0 0;
}

.card-footer:last-child {
    border-radius: 0 0 7px 7px;
}

.offcanvas {
    z-index: 9999;
}

.modal-open .app-header {
    z-index: 99 !important;
}

.header .dropdown.shopping-cart .dropdown-menu {
    min-width: 25rem;
}

.pricing-tabs ul.nav-price {
    text-align: center;
    margin: 0 auto;
    display: inline-flex;
    margin-bottom: 50px;
    border: 1px solid #eaedf1;
    border-radius: 50px;
    padding: 7px;
    background: #fff;
    overflow: hidden;
}

.pricing-tabs ul.nav-price li {
    display: block;
}

.pricing-tabs ul.nav-price li a {
    padding: 10px 18px;
    border-radius: 50px !important;
    display: block;
    background: #fff;
    font-size: 15px;
    border-radius: 0px;
    transition: all 0.3s ease;
}

.pricing-tabs ul.nav-price li a.active {
    color: #fff;
    transition: all 0.3s ease;
    background: var(--primary-bg-color);
}

.pricing-card.advanced {
    box-shadow: 0px 16px 32px rgba(33, 33, 33, 0.15);
}

.pricing-card:hover {
    box-shadow: 0px 16px 32px rgba(33, 33, 33, 0.15);
}

@keyframes blink {
    50% {
        opacity: 0.6;
    }
}

.card.pos-relative .card-body .bg-primary-transparent path {
    fill: var(--primary-bg-color);
}

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

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

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

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

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

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

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

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

.fw-semibold {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.image {
    position: relative;
}

img {
    vertical-align: middle;
    border-style: none;
}

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

img {
    max-width: 100%;
}

.loader-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 43%;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.cover-image {
    background-size: cover !important;
}

/*-----Gallery-----*/

.landing-top-header {
    background-image: url(../images/landing/bg4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    border-radius: 0px;
}

.landing-top-header::before {
    position: absolute;
    content: "";
    left: -19%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    right: 0;
    width: 35%;
    height: 80%;
    overflow: hidden;
    background-image: url(../images/landing/bg.png);
}

.landing-top-header .top {
    border-bottom: 1px solid transparent;
}

.landing-top-header .top .nav li {
    margin-left: 0;
    margin-right: 28px;
}

.landing-top-header .top .nav li a {
    color: #282f53;
    font-size: 15px;
    text-transform: capitalize;
}

.landing-top-header .top .nav li a.active {
    color: #6c5ffc;
}

@media (max-width: 992px) {
    .landing-page .nav.navbar-nav.nav-pills {
        display: block;
    }

    .landing-page .navbar-toggler {
        border: 0 !important;
    }

    .landing-page .navbar.navbar-expand-lg.navbar-light {
        background-color: #fff;
    }

    .landing-page .side-menu__item {
        padding-left: 25px;
    }

    .landing-page .app-sidebar.horizontal-main {
        background-color: #fff !important;
    }
}

.landing-top-header .nav-pills .nav-link.active {
    background-color: transparent;
    font-weight: bold;
    color: #6c5ffc;
}

.spacing-top {
    padding-top: 50px;
}

.landing-page {
    background-color: #fff;
}

.landing-page .pricing-card.advanced {
    box-shadow: 0px 16px 32px rgba(33, 33, 33, 0.15);
}

.landing-page .owl-controls .owl-page {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(../images/landing/10.jpg) no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out 0s;
}

.landing-page .owl-controls .owl-page:nth-child(2) {
    background: url(../images/landing/16.jpg) no-repeat;
    background-size: cover;
}

.landing-page .owl-controls .owl-page:nth-child(3) {
    background: url(../images/landing/21.jpg) no-repeat;
    background-size: cover;
}

.landing-page .testimonia .post {
    color: #fff;
}

.landing-page .owl-controls .owl-page.active {
    border-color: 3px solid #e9edf4;
    opacity: 1;
}

.landing-page .testimonia .title {
    color: #fff;
}

.landing-page .rating-stars .jq-star {
    width: 18px !important;
    height: 18px !important;
}

.landing-page .services-statistics .counter-icon {
    border-radius: 0 40% 0 40%;
}

.landing-page .card {
    box-shadow: none;
}

.landing-page .card.features.main-features {
    border: 1px solid transparent !important;
    box-shadow: none !important;
    transition: all ease 0.3s !important;
}

.landing-page .main-features {
    display: flex !important;
    flex-direction: row;
}

.landing-page .main-features {
    position: relative;
    padding: 1.5rem;
    transition: none !important;
}

.landing-page .main-features h4 {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}

.landing-page .main-features .bg-img {
    margin-right: 1rem;
}

.landing-page .main-features .bg-img img {
    width: 70px;
    height: 50px;
}

.landing-page .owl-item {
    border-radius: 5px;
}

.landing-page .owl-item img {
    border: 1px solid #e9edf4;
    border-radius: 5px;
}

.landing-page #faqs .card .card-body {
    padding: 3.5rem 3.5rem 1.5rem 3.5rem;
    transition: 0.3s ease all;
}

.landing-page #faqs .card {
    padding: 1rem;
    transition: 0.3s ease all;
}

.landing-page #faqs .card-header {
    background: none;
    padding: 1.5rem 1.5rem;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    background-color: transparent;
    letter-spacing: 0.2px;
    width: 100% !important;
    height: 100% !important;
    border-bottom: 0;
}

.landing-page #faqs .card-collapsed .card-header {
    border-radius: 7px;
}

.landing-page .bg-landing {
    background-color: #f8f9fb;
}

.landing-page .bg-image-landing {
    background-image: url(../images/landing/bg4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
}

.landing-page .bg-image-landing::before {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    left: -19%;
    right: 0;
    width: 35%;
    height: 80%;
    background-image: url(../images/landing/bg.png);
}

.landing-page .landing-statistics .card-body {
    border-radius: 50px 50px 0 50px;
}

.landing-page .landing-statistics .counter-icon {
    border-radius: 50px 50px 0 50px;
}

.landing-page .testimonial-owl-landing {
    background-image: url(../images/landing/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
}

.landing-page .testimonial-owl-landing::before {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(108, 95, 252, 0.4) 0%, rgba(9, 199, 255, 0.49) 90%);
}

.landing-page .text-white-80 {
    color: rgba(255, 255, 255, 0.8);
}

.landing-page .landing-title {
    background: linear-gradient(to right, transparent, #6c5ffc, transparent);
    height: 1px;
    margin: 0px auto;
    width: 70px !important;
    margin-bottom: 10px;
}

.landing-page .animate-heading {
    position: relative;
    color: var(--primary-bg-color);
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 2rem;
    animation: text 3s steps(4) infinite;
    overflow: hidden;
    display: flex;
}

@keyframes text {

    0%,
    90%,
    100% {
        width: 0;
    }

    30%,
    60% {
        width: 72.23px;
    }
}

.landing-page .animate-heading::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    animation: cursorAnimate 0.8s steps(4) infinite;
}

.landing-page #faqs .card:hover {
    box-shadow: none;
}

.landing-page #faqs .card-header {
    background: none;
    padding: 1.5rem 1.5rem;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    background-color: transparent;
    letter-spacing: 0.2px;
    width: 100% !important;
    height: 100% !important;
}

.landing-page #faqs .card-title {
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

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

.landing-page #faqs .card-header a:hover {
    color: #000;
}

.landing-page #faqs .card .card-body {
    padding: 3.5rem 3.5rem 1.5rem 3.5rem;
    transition: 0.3s ease all;
}

.landing-page #faqs .card .card-header {
    transition: 0.3s ease all;
}

.landing-page #faqs i {
    transform: rotate(180deg);
    transition: all 0.3s;
    color: white;
    border-radius: 50px;
}

.landing-page #faqs .card {
    padding: 1rem;
    transition: 0.3s ease all;
}

.landing-page #faqs.demo-screen-demo #grid p {
    margin-top: 0;
    font-size: 14px;
    line-height: inherit;
    font-family: inherit;
    text-align: left;
}

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

.landing-page .top.sticky.stickyClass {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #ebedfa;
    background: #fff;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
}

.landing-page #faqs .card.bg-primary-transparent .card-header {
    border-left: 5px solid #6c5ffc;
}

.landing-page #faqs .card.bg-primary-transparent .card-header .card-options-collapse i {
    background-color: #6c5ffc;
}

.landing-page #faqs .card.bg-primary-transparent .card-header a:hover {
    color: var(--primary-bg-color);
}

.landing-page #faqs .card.bg-primary-transparent .card-body {
    border-left: 5px solid #6c5ffc;
    border-radius: 0 0 7px 7px;
}

.landing-page #faqs .card.bg-secondary-transparent .card-header {
    border-left: 5px solid #05c3fb;
}

.landing-page #faqs .card.bg-secondary-transparent .card-header .card-options-collapse i {
    background-color: #05c3fb;
}

.landing-page #faqs .card.bg-secondary-transparent .card-header a:hover {
    color: #05c3fb;
}

.landing-page #faqs .card.bg-secondary-transparent .card-body {
    border-left: 5px solid #05c3fb;
    border-radius: 0 0 7px 7px;
}

.landing-page #faqs .card.bg-success-transparent .card-header {
    border-left: 5px solid #09ad95;
}

.landing-page #faqs .card.bg-success-transparent .card-header .card-options-collapse i {
    background-color: #09ad95;
}

.landing-page #faqs .card.bg-success-transparent .card-header a:hover {
    color: #09ad95;
}

.landing-page #faqs .card.bg-success-transparent .card-body {
    border-left: 5px solid #09ad95;
    border-radius: 0 0 7px 7px;
}

.landing-page #faqs .card.bg-danger-transparent .card-header {
    border-left: 5px solid #e82646;
}

.landing-page #faqs .card.bg-danger-transparent .card-header .card-options-collapse i {
    background-color: #e82646;
}

.landing-page #faqs .card.bg-danger-transparent .card-header a:hover {
    color: #e82646;
}

.landing-page #faqs .card.bg-danger-transparent .card-body {
    border-left: 5px solid #e82646;
    border-radius: 0 0 7px 7px;
}

.landing-page #faqs .card.bg-warning-transparent .card-header {
    border-left: 5px solid #f7b731;
}

.landing-page #faqs .card.bg-warning-transparent .card-header .card-options-collapse i {
    background-color: #f7b731;
}

.landing-page #faqs .card.bg-warning-transparent .card-header a:hover {
    color: #f7b731;
}

.landing-page #faqs .card.bg-warning-transparent .card-body {
    border-left: 5px solid #f7b731;
    border-radius: 0 0 7px 7px;
}

.landing-page #faqs .card.bg-info-transparent .card-header {
    border-left: 5px solid #1170e4;
}

.landing-page #faqs .card.bg-info-transparent .card-header .card-options-collapse i {
    background-color: #1170e4;
}

.landing-page #faqs .card.bg-info-transparent .card-header a:hover {
    color: #1170e4;
}

.landing-page #faqs .card.bg-info-transparent .card-body {
    border-left: 5px solid #1170e4;
    border-radius: 0 0 7px 7px;
}

.landing-page h2 {
    font-size: 30px;
}

.landing-page .buynow-landing {
    top: 70px;
    border-radius: 25px;
    z-index: 1;
    box-shadow: 0px 16px 32px rgba(33, 33, 33, 0.15);
}

.landing-page .buynow-landing::before {
    border-radius: 25px;
}

.landing-page .card-shadow {
    box-shadow: 0 4px 25px 0 rgba(168, 180, 208, 0.1);
}

.landing-page .collapse.navbar-collapse {
    background-color: transparent;
}

.landing-page .features.main-features-1.card:hover {
    border: 1px solid #42a3db !important;
    box-shadow: 0px 16px 32px rgba(33, 33, 33, 0.15);
}

.landing-page .features.main-features-2.card:hover {
    border: 1px solid #f6af1a !important;
}

.landing-page .features.main-features-9.card:hover {
    border: 1px solid #f579a2 !important;
}

.landing-page .features.main-features-10.card:hover {
    border: 1px solid #58e1ef !important;
}

.landing-page .features.main-features-11.card:hover {
    border: 1px solid #bed530 !important;
}

.landing-page .features.main-features-12.card:hover {
    border: 1px solid #f49c20 !important;
}

.landing-page .bg-primary-transparent {
    background-color: rgba(108, 95, 252, 0.1);
}

@media (min-width: 1276px) {

    .landing-page.horizontal .hor-header .container,
    .landing-page.horizontal .horizontal-main .container,
    .landing-page.horizontal .main-content.hor-content .container {
        max-width: 1140px !important;
    }
}

@media (min-width: 992px) and (max-width: 1275.98px) {

    .landing-page.horizontal .hor-header .container,
    .landing-page.horizontal .horizontal-main .container,
    .landing-page.horizontal .main-content.hor-content .container {
        max-width: 960px !important;
    }

    .landing-page.horizontal .side-menu>li>a {
        margin: -3px 0px !important;
        color: #282f53;
    }

    .landing-page.horizontal .side-menu .slide .side-menu__item.active {
        font-weight: 500;
    }

    .landing-page.horizontal .fixed-header {
        position: relative;
    }
}

.landing-page .navbar .navbar-brand {
    padding: 8px 15px;
}

.landing-page.horizontal .slide {
    margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .landing-page .landing-top-header .app-sidebar .container {
        max-width: 960px !important;
    }
}

@media (min-width: 768px) {
    .landing-page .hor-content .container {
        max-width: 720px !important;
    }
}

@media (min-width: 576px) {
    .landing-page .hor-content .container {
        max-width: 540px;
    }
}

@media (max-width: 576px) {
    .landing-page .slick-next {
        right: -10px !important;
    }

    .landing-page .slick-prev {
        left: -10px !important;
    }
}

@media (max-width: 991px) {
    .landing-page .navresponsive-toggler {
        padding: 3px;
    }
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 3px;
    }
}

/* Slider */
.slick-slide {
    margin: 20px 20px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide img {
    width: 90px;
    height: 90px;
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}

.reveal {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.3s ease;
}

.reveal.active {
    transform: translateY(0px);
    opacity: 1;
}

.reveal.revealleft {
    transform: translateX(-200px);
    opacity: 0;
    transition: all 0.5s ease;
}

.reveal.revealleft.active {
    transform: translateX(0px);
    opacity: 1;
}

.reveal.revealright {
    transform: translateX(200px);
    opacity: 0;
    transition: all 0.5s ease;
}

.reveal.revealright.active {
    transform: translateX(0px);
    opacity: 1;
}

.reveal.revealrotate {
    transform: rotateY(90deg);
    opacity: 0;
    transition: all 0.8s ease;
}

.reveal.revealrotate.active {
    transform: rotateY(0deg);
    opacity: 1;
}

@media (min-width: 992px) {
    .landing-page .navbar-toggler {
        display: none;
    }

    .landing-page .header.hor-header {
        display: none;
    }

    .landing-page .main-sidemenu.container {
        max-width: 960px !important;
    }

    .landing-page .app-sidebar.horizontal-main.fixed-header {
        border-bottom: 1px solid #ebedfa;
        background-color: #fff !important;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    }

    .landing-page.horizontal .side-menu>li>a {
        margin: -3px 5px !important;
        font-weight: 500;
    }
}

@media (min-width: 768px) {
    .landing-page .main-sidemenu.container {
        max-width: 720px !important;
    }
}

.bg-image-style {
    background-image: url(../images/landing/bg3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    border-radius: 0px;
}

.landing-page {
    /* Icons */
    /* Arrows */
    /* Dots */
}

@font-face {
    .landing-page {
        font-family: feather;
        src: url(fonts/feather-webfont.eot?t=1501841394106);
        src: url(fonts/feather-webfont.eot?t=1501841394106#iefix) format("embedded-opentype"), url(fonts/feather-webfont.woff?t=1501841394106) format("woff"), url(fonts/feather-webfont.ttf?t=1501841394106) format("truetype"), url(fonts/feather-webfont.svg?t=1501841394106#feather) format("svg");
    }
}

.landing-page .fe {
    font-family: feather !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.landing-page .slick-prev,
.landing-page .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.landing-page .slick-prev:hover,
.landing-page .slick-prev:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.landing-page .slick-next:hover,
.landing-page .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.landing-page .slick-prev:hover:before,
.landing-page .slick-prev:focus:before {
    opacity: 1;
}

.landing-page .slick-next:hover:before,
.landing-page .slick-next:focus:before {
    opacity: 1;
}

.landing-page .slick-prev.slick-disabled:before,
.landing-page .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.landing-page .slick-prev:before,
.landing-page .slick-next:before {
    font-family: "feather";
    font-size: 20px;
    padding: 10px;
    line-height: 1;
    opacity: 0.75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.2);
    border-radius: 50px;
}

.landing-page .slick-prev {
    left: -25px;
}

.landing-page .slick-prev:before {
    content: "\e92e";
}

.landing-page .slick-next {
    right: -25px;
}

.landing-page .slick-next:before {
    content: "\e92f";
}

.landing-page .logo-3 {
    display: none;
}

.landing-page .row>* {
    width: 100%;
}

/*-----Lists-----*/

.order-list li {
    line-height: 30px;
}

/*------ Media object ------*/
.media {
    zoom: 1;
    overflow: hidden;
}

.media img {
    width: 40px;
    height: 40px;
}

.media {
    display: flex;
    align-items: flex-start;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.btn-close {
    float: right;
    font-size: 1.40625rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: 0.5;
    transition: 0.3s color;
}

.btn-close:hover,
.btn-close:focus {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.btn-close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar>.container,
.navbar>.container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.359375rem;
    padding-bottom: 0.359375rem;
    margin-right: 1rem;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

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

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

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

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

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

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

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$black-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$white-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}

@media (max-width: 991px) {
    .navresponsive-toggler {
        padding: 2px;
    }

    .navresponsive-toggler span {
        margin-top: 8px;
        text-align: center;
        position: relative;
        color: var(--primary-bg-color);
    }

    .navresponsive-toggler span:after {
        content: "";
        position: absolute;
        width: 4px;
        height: 12px;
        top: 4px;
        bottom: 0;
        border-radius: 50%;
        right: 11px;
        background: rgba(var(--primary-bg-color), 0);
    }

    .dropdown-menu.dropdown-menu-right {
        left: 0 !important;
    }
}

.navbar-nav {
    flex-direction: initial !important;
}

@media (max-width: 320px) {

    .header .dropdown.message .dropdown-menu {
        min-width: 18rem !important;
    }
}

/*--scrollspy ---*/

#navbar-example2 .nav-link {
    padding: 0.5rem 0.75rem;
}

#navbar-example3 .nav-link {
    padding: 0.75rem;
    color: #282f53;
}

#navbar-example3 .nav-link.active {
    color: #fff;
}

.nav-link:focus,
.nav-link:hover {
    color: var(--primary-bg-color);
}

/*-----Pricing tables-----*/

/*------ Pricing Styles ---------*/

/*-- rating--*/
.rating-stars {
    width: 100%;
    text-align: center;
    font-size: 30px;
}

.rating-stars i {
    padding: 5px;
}

.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 #e9edf4;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.star-ratings .stars {
    width: 120px;
    text-align: center;
    margin: auto;
}

.star-ratings .stars-example-fontawesome-o {
    width: 200px;
}

/*----- Ribbons -----*/

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

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

.tabs-menu ul li .active {
    color: var(--primary-bg-color);
}

.tab_wrapper .content_wrapper .tab_content.active p:last-child {
    margin-bottom: 0;
}

.tabs-menu2 ul li .active {
    font-weight: 600;
}

.tabs-menu-border ul li .active {
    border: 1px solid #e9edf4;
}

.tabs-menu-boxed ul li .active {
    border: 1px solid #e9edf4;
    border-bottom-color: transparent;
}

/***** time-line*****/

/*---- Time line -----*/

/*----Timeline---*/

/* ######## LAYOUT-STYLES ######## */
.footer {
    background: transparent;
    font-size: 0.875rem;
    padding: 1.25rem 1.25rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.footer .social {
    margin: 0 auto;
}

.footer .social ul li {
    float: left;
    padding: 7px;
}

.footer .social ul li a {
    width: 29px;
    height: 29px;
    display: block;
    border: 1px solid var(--primary-bg-color);
    line-height: 25px;
    border-radius: 50%;
    background: var(--primary01);
    color: var(--primary-bg-color);
}

@media print {
    .footer {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .footer {
        padding: 1.25rem 0;
    }
}

.header {
    background: #fff;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e9edf4;
}

@media print {
    .header {
        display: none;
    }
}

.header .dropdown-menu {
    margin-top: 0;
}

@media (max-width: 991px) {

    .header.hor-header {
        position: fixed;
        border-bottom: 1px solid #e9edf4;
        width: 100%;
        z-index: 999;
        top: 0;
    }
}

.header .dropdown-menu {
    padding: 0;
    border: 0;
}

@media (max-width: 568px) {
    .page-main .header {
        top: 0px !important;
    }
}

@media only screen and (max-width: 991px) {

    .page {
        position: inherit;
        background: none;
    }

    body {
        background-color: #f6f6fb;
    }

    .page-main {
        z-index: inherit;
    }
}

@media (max-width: 991px) {
    .header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 0.95rem;
        padding-bottom: 0.95rem;
    }
}

.header .dropdown.message .dropdown-menu {
    min-width: 19rem;
}

.header .dropdown.notifications .dropdown-item,
.header .dropdown.message .dropdown-item {
    padding: 1rem !important;
}

.header .dropdown-menu {
    box-shadow: 0 10px 40px 0 rgba(104, 113, 123, 0.2);
    border: 1px solid #e9edf4;
    top: 3.5rem !important;
}

.header .dropdown-menu .badge {
    padding: 3px 6px;
}

.header .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #e9edf4;
}

.header .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.header .dropdown-item {
    color: #282f53;
}

.header .dropdown-menu {
    box-shadow: 0 10px 40px 0 rgba(104, 113, 123, 0.2);
    border: 1px solid #e9edf4;
}

.header .dropdown-menu .badge {
    padding: 3px 6px;
}

.header .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #e9edf4;
}

.header .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.dropdown .avatar.profile-user {
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
}

.dropdown-footer {
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
}

@media (min-width: 992px) {

    .horizontal .horizontal-main {
        z-index: 7 !important;
    }

    .horizontal .hor-header .container,
    .horizontal .horizontal-main .container {
        max-width: 85% !important;
        padding: 0;
    }

    .horizontal .header.fixed-header.hor-header {
        position: relative;
    }

    .horizontal .side-menu {
        display: flex;
        overflow: hidden;
        padding: 0;
    }

    .horizontal .main-sidemenu {
        margin-top: 0;
    }

    .horizontal .main-sidemenu {
        overflow: hidden;
    }

    .horizontal .stickyClass .horizontal-main {
        width: 100%;
    }

    .horizontal .horizontal-main {
        position: relative;
        bottom: initial;
    }

    .horizontal .horizontal-main .slide .slide-menu,
    .horizontal .horizontal-main .slide .sub-slide-menu,
    .horizontal .horizontal-main .slide .sub-slide-menu2 {
        width: 190px;
        position: absolute;
        background-color: #fff;
        z-index: 9999;
        padding: 5px;
        min-width: fit-content;
        box-shadow: 0px 16px 18px rgba(135, 135, 182, 0.1) !important;
        border: 1px solid #e7eaf3;
    }

    .horizontal .horizontal-main .slide .slide-menu .slide-item:before,
    .horizontal .horizontal-main .slide .sub-slide-menu .slide-item:before,
    .horizontal .horizontal-main .slide .sub-slide-menu2 .slide-item:before {
        left: -15px;
        margin-right: 0px;
    }

    .horizontal .horizontal-main .slide .slide-menu {
        border-radius: 0 0px 5px 5px;
    }

    .horizontal .slide-item {
        padding: 8px 35px;
    }

    .horizontal .fixed-header {
        position: fixed;
    }

    .horizontal .sub-slide-menu .sub-slide-item2 {
        padding: 8px 20px 8px 20px !important;
    }

    .horizontal .sub-slide .sub-angle {
        right: 0px;
        left: auto;
        margin-right: 0 !important;
        position: relative;
    }

    .horizontal .sub-angle2 {
        margin-right: 11px;
    }

    .horizontal .app-sidebar {
        transition: none;
    }

    .horizontal .sub-slide .sub-slide-menu {
        position: absolute;
        background-color: #fff;
        z-index: 9999;
        box-shadow: 5px 5px 5px #b9b9b9;
        border-radius: 5px;
        padding: 0px;
        min-width: fit-content;
        border: 1px solid #f0f0f8;
        left: 180px;
        top: 13px;
    }

    .horizontal .sub-slide .sub-slide-menu2 {
        position: absolute;
        background-color: #fff;
        z-index: 9999;
        box-shadow: 5px 5px 5px #b9b9b9;
        border-radius: 5px;
        padding: 0px;
        min-width: fit-content;
        border: 1px solid #f0f0f8;
        left: 180px;
        top: 13px;
    }

    .horizontal .sub-side-menu__item {
        padding: 8px 35px;
    }

    .horizontal .side-menu>li>a {
        display: flex;
        margin: -3px -5px !important;
        text-decoration: none;
        position: relative;
        color: #7b8191;
        padding: 16px 16px !important;
        font-weight: 400;
    }

    .horizontal .side-menu>li>a.active {
        color: var(--primary-bg-color);
    }

    .horizontal .main-sidemenu i.angle {
        position: relative;
        top: 2px;
        right: -4px;
        transform: rotate(90deg);
        font-size: 15px;
    }

    .horizontal .main-sidemenu .slide.is-expanded i.angle {
        transform: rotate(-90deg);
        position: relative;
        top: 0px;
        font-size: 15px;
    }

    .horizontal .side-menu .slide .side-menu__item.active {
        border-right: none;
    }

    .horizontal .slide {
        margin: 0 3px;
    }

    .main-sidemenu .slide-right {
        right: 20px;
    }

    .main-sidemenu .slide-left,
    .main-sidemenu .slide-right {
        position: absolute;
        top: 9px;
        padding: 6px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer;
        border: 1px solid #e9edf4;
        border-radius: 50px;
    }

    .main-sidemenu .slide-left {
        left: 23px;
    }

    .horizontal-main {
        position: relative;
        margin: 0 auto;
    }
}

.app-sidebar.horizontal-main {
    padding-top: 0px;
}

@media (max-width: 991.98px) {
    .horizontal .app-sidebar.horizontal-main {
        left: -300px;
    }

    .horizontal .main-sidemenu {
        padding: 0;
    }

    .horizontal.app .main-sidemenu .slide-left,
    .horizontal.app .main-sidemenu .slide-right {
        display: none;
    }

    .horizontal .app-sidebar {
        width: 270px;
    }
}

@media (max-width: 991.98px) {
}

@media (max-width: 991px) {
    .horizontal.app .app-sidebar {
        top: 70px;
    }
}

@media (min-width: 992px) {
    .horizontal .horizontal-main .slide .slide-menu .sub-side-menu__item:before {
        inset-inline-start: -15px;
        margin-inline-end: 0px;
    }
}

.slide.is-expanded .slide-menu.mega-slide-menu {
    display: block !important;
}

/*------ Icons List ------*/

svg {
    -ms-touch-action: none;
    touch-action: none;
}

/*-----Feather icons-----*/
@font-face {
    font-family: "feather";
    src: url("../iconfonts/feather/fonts/feather-webfont.eot?t=1501841394106");
    /* IE9*/
    src: url("../iconfonts/feather/fonts/feather-webfont.eot?t=1501841394106#iefix") format("embedded-opentype"), url("../iconfonts/feather/fonts/feather-webfont.woff?t=1501841394106") format("woff"), url("../iconfonts/feather/fonts/feather-webfont.ttf?t=1501841394106") format("truetype"), url("../iconfonts/feather/fonts/feather-webfont.svg?t=1501841394106#feather") format("svg");
    /* iOS 4.1- */
}

.fe {
    font-family: "feather" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fe-airplay:before {
    content: "\e901";
}

.fe-arrow-right:before {
    content: "\e911";
}

.fe-arrow-up:before {
    content: "\e913";
}

.fe-chevron-right:before {
    content: "\e92f";
}

.fe-chevron-up:before {
    content: "\e930";
}

.fe-eye:before {
    content: "\e95b";
}

.fe-file-text:before {
    content: "\e963";
}

.fe-grid:before {
    content: "\e971";
}

.fe-headphones:before {
    content: "\e974";
}

.fe-layers:before {
    content: "\e97d";
}

.fe-mail:before {
    content: "\e988";
}

.fe-map-pin:before {
    content: "\e98a";
}

.fe-menu:before {
    content: "\e98d";
}

.fe-play:before {
    content: "\e9ad";
}

.fe-shopping-cart:before {
    content: "\e9c8";
}

.fe-wind:before {
    content: "\e9ff";
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.eot");
    src: url("../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

/**
Dimmer
*/

/*-------- Loaders ---------*/

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }

    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

@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);
    }
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@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);
    }
}

/*--------- Paddings--------------*/

/* ######## LIBRARY-STYLES ######## */
/*----- Date Picker ----*/

/* ######## plugins-STYLES ######## */

/*!
 * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

@keyframes dtb-spinner {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes dtb-spinner {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes dtb-spinner {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dtb-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes dtb-spinner {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*-- Chart --*/

/*-- Axis --*/
/*-- Grid --*/

/*-- Text on Chart --*/

/*-- Line --*/

/*-- Point --*/

/*-- Bar --*/

/*-- Focus --*/

/*-- Region --*/

/*-- Brush --*/

/*-- Select - Drag --*/
/*-- Legend --*/

/*-- Title --*/

/*-- Tooltip --*/

/*-- Area --*/

/*-- Arc --*/

/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */

/*! Bootstrap 5 integration for DataTables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */

table.dataTable>thead>tr>th:active,
table.dataTable>thead>tr>td:active {
    outline: none;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after {
    position: absolute;
    bottom: 0.5em;
    display: block;
    opacity: 0.3;
}

table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after {
    position: absolute;
    bottom: 0.5em;
    display: block;
    opacity: 0.3;
}

table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after {
    position: absolute;
    bottom: 0.5em;
    display: block;
    opacity: 0.3;
}

table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after {
    position: absolute;
    bottom: 0.5em;
    display: block;
    opacity: 0.3;
}

table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.5em;
    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 {
    right: 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 {
    right: 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;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85em;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

/* Fix for * { box-sizing: border-box; } */

/* Don't allow text selection */

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */

/* IE filters do not support multiple color stops.
     Generate 6 divs, line them up, and do two color gradients for each.
     Yes, really.
   */

/* Clearfix hack */

/* Mobile devices, make hue slider bigger so it is easier to slide */

/*
  Theme authors:
  Here are the basic themeable display options (colors, fonts, global widths).
  See http://bgrins.github.io/spectrum/themes/ for instructions.
  */

/* Input */

/* Palettes */

/* Initial */

/* Buttons */

/* Replacer (the little preview div that shows up instead of the <input>) */

/* Buttons: http://hellohappy.org/css3-buttons/ */

/*  Larger Screen Styling */

.text {
    height: 18px;
    display: inline-block;
    text-decoration: none;
}

.main {
    background: url("../plugins/dtree/images/misc.png") 2px 0 no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.join {
    background: url("../plugins/dtree/images/misc.png") 0 -20px no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
}

@-webkit-keyframes buttonPulse {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.2;
    }
}

@-moz-keyframes buttonPulse {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.2;
    }
}

@-o-keyframes buttonPulse {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.2;
    }
}

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

    100% {
        opacity: 0.2;
    }
}

table.dataTable.hover tbody tr:hover.highlight,
table.dataTable.hover tbody tr.odd:hover.highlight,
table.dataTable.hover tbody tr.even:hover.highlight {
    background-color: #f6f2c5;
}

table.dataTable.display tbody tr:hover.highlight,
table.dataTable.display tbody tr.odd:hover.highlight,
table.dataTable.display tbody tr.even:hover.highlight {
    background-color: #f6f2c5;
}

table.dataTable.display tbody tr:hover.highlight>.sorting_1,
table.dataTable.display tbody tr.odd:hover.highlight>.sorting_1,
table.dataTable.display tbody tr.even:hover.highlight>.sorting_1 {
    background-color: #eae6bb;
}

table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_1 {
    background-color: #eae6bb;
}

table.dataTable.display tbody tr:hover.highlight>.sorting_2,
table.dataTable.display tbody tr.odd:hover.highlight>.sorting_2,
table.dataTable.display tbody tr.even:hover.highlight>.sorting_2 {
    background-color: #ece8bd;
}

table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_2 {
    background-color: #ece8bd;
}

table.dataTable.display tbody tr:hover.highlight>.sorting_3,
table.dataTable.display tbody tr.odd:hover.highlight>.sorting_3,
table.dataTable.display tbody tr.even:hover.highlight>.sorting_3 {
    background-color: #efebbf;
}

table.dataTable.order-column.hover tbody tr:hover.highlight>.sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.highlight>.sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.highlight>.sorting_3 {
    background-color: #efebbf;
}

@-webkit-keyframes editorProcessing {

    0%,
    80%,
    100% {
        transform: scale(1, 1);
    }

    40% {
        transform: scale(1, 1.5);
    }
}

@keyframes editorProcessing {

    0%,
    80%,
    100% {
        transform: scale(1, 1);
    }

    40% {
        transform: scale(1, 1.5);
    }
}

@keyframes ff_fileupload_recording_animate {
    from {
        border-color: #ef1f1f;
    }

    to {
        border-color: #c9a1a1;
    }
}

@keyframes ff_fileupload_bounce_animate {

    10%,
    90% {
        transform: translateY(-1px);
    }

    20%,
    80% {
        transform: translateY(2px);
    }

    30%,
    50%,
    70% {
        transform: translateY(-3px);
    }

    40%,
    60% {
        transform: translateY(3px);
    }
}

/* Colored buttons based on file extension for non-images. */

/*!
 * =============================================================
 * dropify v0.2.2 - Override your input files with style.
 * https://github.com/JeremyFagis/dropify
 *
 * (c) 2017 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr)
 * =============================================================
 */
@font-face {
    font-family: "dropify";
    src: url("../plugins/fileuploads/fonts/dropify.eot");
    src: url("../plugins/fileuploads/fonts/dropify.eot#iefix") format("embedded-opentype"), url("../plugins/fileuploads/fonts/dropify.woff") format("woff"), url("../plugins/fileuploads/fonts/dropify.ttf") format("truetype"), url("../plugins/fileuploads/fonts/dropify.svg#dropify") format("svg");
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 60px 30px;
    }
}

@keyframes stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 60px 30px;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }

    100% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }

    100% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

.title {
    margin-top: 30px;
    margin-bottom: 25px;
    min-height: 32px;
    font-weight: 500;
}

.title.text-center {
    margin-bottom: 50px;
}

.switch {
    margin-right: 20px;
}

#navbar-full .navbar {
    border-radius: 0 !important;
    margin-bottom: 15px;
    z-index: 2;
}

.navbar-default .logo-container .brand {
    color: #999999;
}

.navbar-transparent .logo-container .brand {
    color: #ffffff;
}

.navbar-small .logo-container .brand {
    color: #333333;
}

/*       Loading dots  */
/*      transitions */

#images h4 {
    margin-bottom: 30px;
}

/*      layer animation          */

.animate {
    transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -webkit-transition: 1.5s ease-in-out;
}

.navbar-default.navbar-small .logo-container .brand {
    color: #333333;
}

.navbar-transparent.navbar-small .logo-container .brand {
    color: #ffffff;
}

.navbar-default.navbar-small .logo-container .brand {
    color: #333333;
}

#navbar .navbar {
    border-radius: 0;
}

.main {
    position: relative;
    z-index: 3;
}

.section {
    padding: 70px 0;
    background-position: center center;
    background-size: cover;
}

/* .navbar {
    border: 0;
    border-radius: 3px;
    padding: 10px 0;

    -webkit-transition: all 150ms ease 0s;
   -moz-transition: all 150ms ease 0s;
   -o-transition: all 150ms ease 0s;
   -ms-transition: all 150ms ease 0s;
   transition: all 150ms ease 0s;
  } */
.navbar .navbar-brand {
    position: relative;
    height: 50px;
    line-height: 30px;
    color: inherit;
    padding: 10px 15px;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
    color: inherit;
    background-color: transparent;
}

.navbar.navbar-transparent {
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    padding-top: 25px;
}

.navbar-fixed-top {
    border-radius: 0;
}

.navbar .navbar-nav>li>a {
    color: inherit;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
}

.navbar .navbar-nav>li>a .material-icons,
.navbar .navbar-nav>li>a .fa {
    font-size: 20px;
    max-width: 20px;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
    color: inherit;
    background-color: transparent;
}

.navbar .navbar-nav>li>a:not(.btn) .material-icons {
    margin-top: -3px;
    top: 0px;
    position: relative;
    margin-right: 3px;
}

@media (max-width: 1199px) {
    .navbar .navbar-brand {
        height: 50px;
        padding: 10px 15px;
    }

    .navbar .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

footer ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

footer ul li {
    display: inline-block;
}

footer ul li a {
    color: inherit;
    padding: 15px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    position: relative;
    display: block;
}

footer ul li a:hover {
    text-decoration: none;
}

footer ul li .btn {
    margin: 0;
}

@media (max-width: 768px) {

    .navbar.navbar-transparent {
        background-color: rgba(0, 0, 0, 0.4);
        padding-top: 10px;
        border-radius: 0;
    }
}

/* classes attached to <body> */

/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */

@font-face {
    font-family: "fcicons";
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*
  Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

  These styles only apply when the standard-theme is activated.
  When it's NOT activated, the fc-button classes won't even be in the DOM.
  */

/* link resets */
/* ---------------------------------------------------------------------------------------------------- */

/* cursor */

/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */

/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */

/* selecting (always TOUCH) */
/* ---------------------------------------------------------------------------------------------------- */
/*
  A HORIZONTAL event
  */

/* adjust border and border-radius (if there is any) for non-start/end */

/* resizers */

/* resizers for TOUCH */

:root {
    --fc-daygrid-event-dot-width: 8px;
}

/* help things clear margins of inner content */

/* --- the rectangle ("block") style of event --- */

/* --- the dot style of event --- */

/* --- spacing between time and title --- */

/*
  A VERTICAL event
  */

:root {
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f6f6fb;
}

/* make the dot closer to the event title */

@font-face {
    font-family: "lg";
    src: url("../plugins/gallery/fonts/lg.eot?n1z373");
    src: url("../plugins/gallery/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../plugins/gallery/fonts/lg.woff?n1z373") format("woff"), url("../plugins/gallery/fonts/lg.ttf?n1z373") format("truetype"), url("../plugins/gallery/fonts/lg.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

.group:before {
    display: table;
    content: "";
    line-height: 0;
}

.group:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */

/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */

/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */

/* jQuery Countdown styles 2.0.0. */

/* jQuery Growl
 * Copyright 2015 Kevin Sylvestre
 * 1.3.5
 */

/*?????radio???*/
/* + ??????,??????label??*/

/*?????radio???*/
/* + ??????,??????label??*/

/*
   *????
   */

/** responsive **/

@font-face {
    font-family: "iconfont";
    src: url("../plugins/jQuerytransfer/icon_font/font/iconfont.eot?t=1519785387995");
    /* IE9*/
    src: url("../plugins/jQuerytransfer/icon_font/font/iconfont.eot?t=1519785387995#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../plugins/jQuerytransfer/icon_font/font/iconfont.ttf?t=1519785387995") format("truetype"), url("../plugins/jQuerytransfer/icon_font/font/iconfont.svg?t=1519785387995#iconfont") format("svg");
    /* iOS 4.1- */
}

table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px var(--primary-bg-color);
}

/* Interaction Cues
  ----------------------------------*/

/* Icons
  ----------------------------------*/
/* states and images */

/* Misc visuals
  ----------------------------------*/
/* Overlays */

/* to make room for the icon, a width needs to be set here */

/* button elements seem to need a little more width */

/* button text element */

/* no icon support for input elements, provide padding by default */

/* button icon element(s) */

/* button sets */

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */

/* with multiple calendars */

/* RTL support */

/* icon support */

/* left-aligned */

/* right-aligned */

/* support: IE8 - See #6727 */

/* more specificity required here to override default borders */

/* vertically center icon */

/* TR overrides */

/* Component containers
  ----------------------------------*/

/* Interaction Cues
  ----------------------------------*/

/* positioning */

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

/* Misc visuals
  ----------------------------------*/
/* Corner radius */

/* required styles */

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

/* hack that prevents hw layers "stretching" when loading new tiles */

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

/* control positioning */

/* zoom and fade animations */

/* cursors */

/* marker & overlays interactivity */

/* visual tweaks */

/* general typography */

/* general toolbar styles */

/* zoom control */

/* layers control */

/* Default icon URLs */

/* attribution and scale controls */

/* popup */

/* div icon */

/* Tooltip */
/* Base styles for the element that has a tooltip */

/* Directions */

/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */

/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */

/* Color setup */
/* You are free to change all of this */

/* notifit confirm */

/* nvd3 version 1.8.6-dev (https://github.com/novus/nvd3) 2018-02-24 */

/* boxplot CSS */

/* bullet */

/* line plus bar */

/********************
   * SVG CSS
   */
/********************
    Default CSS for an svg element nvd3 used
  */

/********************
    Box shadow and border radius styling
  */

/**********
  *  Brush
  */

/**********
  *  Legend
  */

/* focus */
/**********
  *  Print
  */

/* scatter */

/* sparkline */

/* stacked area */

/*Give tooltips that old fade in transition by
      putting a "with-transitions" class on the container div.
  */

/****
  Interactive Layer
  */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    background: rgba(105, 99, 255, 0.3);
    opacity: 7;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel button.owl-dot {
    background: rgba(105, 99, 255, 0.3);
    opacity: 7;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */

/*
   *  Owl Carousel - Animate Plugin
   */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
   * 	Owl Carousel - Auto Height Plugin
   */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
   * 	Owl Carousel - Lazy Load Plugin
   */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/*
   * 	Owl Carousel - Video Plugin
   */
.owl-controls {
    margin-bottom: 30px;
    text-align: center;
}

.owl-controls .owl-page {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 4px solid #d9d6e0;
    background-size: cover;
    transition: all 0.3s ease-in-out 0s;
}

.owl-controls .owl-page:nth-child(2) {
    background-size: cover;
}

.owl-controls .owl-page:nth-child(3) {
    background-size: cover;
}

.owl-controls.clickable .owl-page:hover {
    opacity: 0.5;
}

.owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
}

.owl-controls .owl-page.active {
    border-color: #ed5151;
    opacity: 1;
}

.owl-controls .owl-page.active:hover {
    border-color: #ed5151;
    opacity: 1;
}

.testimonia .post {
    display: block;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
}

.testimonia .title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 1px;
}

.owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -25px;
    right: -1.5em;
    margin-top: -1.65em;
}

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

.owl-nav button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 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-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -1.65em;
}

/*
 * Container style
 */

/*
 * Scrollbar rail styles
 */

/*
 * Scrollbar thumb styles
 */

/* MS supports */

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */

/* .ql-snow.ql-toolbar button:first-child,
  .ql-snow .ql-toolbar button:first-child {
      border-radius: 3px 0 0 3px;
  } */

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before {
    display: none !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before {
    display: none !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before {
    display: none !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: white;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #777086;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: var(--primary-bg-color);
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    content: "-";
    background-color: #f82649;
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before {
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px;
}

table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
    top: 50%;
    left: 50%;
    height: 0.8em;
    width: 0.8em;
    margin-top: -0.5em;
    margin-left: -0.5em;
    display: block;
    position: absolute;
    color: white;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #0d6efd;
}

table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent td.control:before,
table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    content: "-";
    background-color: #d33333;
}

table.dataTable>tbody>tr.child:hover {
    background: transparent !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid var(--primary-bg-color);
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid var(--primary-bg-color);
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #76839a;
}

/* All the default sidebar styles */
/* toggle button settings */
/* Note: this disables the navbar-toggle class's hide function. set visibility with the boostrap visible/hidden classes */
/* Note: this also disables the navbar-header class positioning settings in small screens. */
.navbar.navbar-static .navbar-header {
    float: left;
}

.navbar .navbar-toggle.toggle-left {
    float: left;
    margin-left: 15px;
}

.navbar .navbar-toggle.toggle-right {
    float: right;
    margin-right: 15px;
}

.navbar .navbar-toggle.toggle-sidebar {
    display: block;
}

/* sidebar settings */
.sidebar {
    position: fixed;
    display: block;
    top: 0;
    width: 300px;
    bottom: 0;
    z-index: 9999;
    min-height: 100%;
    max-height: none;
    overflow: auto;
    background-color: #fff;
    /* border-right: 1px solid #eee; */
    border: 1px solid #e9edf4;
    box-shadow: 0px 8px 14.72px 1.28px rgba(229, 228, 230, 0.5);
}

/* css to override hiding the sidebar according to different screen sizes */

/*right sidebar is untested */
@media (min-width: 768px) {

    /*right sidebar is untested */
}

/* animation class - optional: without it the sidebar would just pop in and out*/

/* Left panel positioning classes */

/*!
 * SmartWizard v4.3.x
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipuraj.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/SmartWizard/blob/master/LICENSE
 */
/* SmartWizard Basic CSS */

/* SmartWizard Theme: White */

/* Responsive CSS */

/* Common Loader */

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*!
 * SmartWizard v4.3.x
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipuraj.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/SmartWizard/blob/master/LICENSE
 */
/* SmartWizard Theme: Arrows */

/* Responsive CSS */

/* Loader Custom Style */
/*!
 * SmartWizard v4.3.x
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipuraj.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/SmartWizard/blob/master/LICENSE
 */
/* SmartWizard Theme: Circles */

/* Responsive CSS */

/*!
 * SmartWizard v4.3.x
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipuraj.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/SmartWizard/blob/master/LICENSE
 */
/* SmartWizard Theme: Dots */

/* Anchors styles */

/* Active anchors */
/* Done anchors */
/* Danger anchors */
/* Responsive CSS */

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

/* Fix for * { box-sizing: border-box; } */
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */

/* Don't allow text selection */

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */

/* IE filters do not support multiple color stops.
     Generate 6 divs, line them up, and do two color gradients for each.
     Yes, really.
   */

/* Clearfix hack */

/* Mobile devices, make hue slider bigger so it is easier to slide */

/*
  Theme authors:
  Here are the basic themeable display options (colors, fonts, global widths).
  See http://bgrins.github.io/spectrum/themes/ for instructions.
  */

/* Input */

/* Palettes */

/* Initial */

/* Buttons */

/* Replacer (the little preview div that shows up instead of the <input>) */

/* Buttons: http://hellohappy.org/css3-buttons/ */

/* un-used */

@font-face {
    font-family: summernote;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(../plugins/summernote/font/summernote.eot);
    src: url(../plugins/summernote/font/summernote.eot?#iefix) format("embedded-opentype"), url(../plugins/summernote/font/summernote.woff2) format("woff2"), url(../plugins/summernote/font/summernote.woff) format("woff"), url(../plugins/summernote/font/summernote.ttf) format("truetype");
}

/* Filtering style */

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */

/*
   * Animations
   */
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 25px;
    }

    54% {
        width: 0;
        left: 10px;
        top: 19px;
    }

    70% {
        width: 10px;
        left: 15px;
        top: 25px;
    }

    84% {
        width: 10px;
        left: 17px;
        top: 30px;
    }

    100% {
        width: 12px;
        left: 18px;
        top: 34px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 25px;
    }

    54% {
        width: 0;
        left: 10px;
        top: 19px;
    }

    70% {
        width: 10px;
        left: 15px;
        top: 25px;
    }

    84% {
        width: 10px;
        left: 17px;
        top: 30px;
    }

    100% {
        width: 12px;
        left: 18px;
        top: 34px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 0px;
        top: 26px;
    }

    65% {
        width: 0;
        right: 5px;
        top: 20px;
    }

    84% {
        width: 20px;
        right: 9px;
        top: 25px;
    }

    100% {
        width: 25px;
        right: 13px;
        top: 29px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 0px;
        top: 26px;
    }

    65% {
        width: 0;
        right: 5px;
        top: 20px;
    }

    84% {
        width: 20px;
        right: 9px;
        top: 25px;
    }

    100% {
        width: 25px;
        right: 13px;
        top: 29px;
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #f8d486;
    }

    100% {
        border-color: #f7b731;
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #f8d486;
    }

    100% {
        border-color: #f7b731;
    }
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #f8d486;
    }

    100% {
        background-color: #f7b731;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #f8d486;
    }

    100% {
        background-color: #f7b731;
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */

/* Success icon */
/*!
   * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
   * Copyright 2015 Daniel Cardoso <@DanielCardoso>
   * Licensed under MIT
   */

/*
   * Animation
   */
@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: 0.5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: 0.5;
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: 0.5;
    }

    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: 0.5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

.tab_wrapper>ul li.active {
    color: #fff;
}

.tab_wrapper>ul li.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 1px;
    left: 0;
    background: #fff;
    width: 100%;
}

.tab_wrapper .content_wrapper .accordian_header.active {
    color: var(--primary-bg-color);
    border: 1px solid #eee;
}

.tab_wrapper .content_wrapper .accordian_header.active:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background: var(--primary-bg-color);
}

.tab_wrapper .content_wrapper .accordian_header.active .arrow {
    transform: rotate(45deg);
    margin-top: 5px;
    border-top: 3px solid var(--primary-bg-color);
    border-left: 3px solid var(--primary-bg-color);
}

.tab_wrapper.left_side>ul li:after {
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #ccc;
}

.tab_wrapper.left_side>ul li.active {
    border-color: #ccc;
}

.tab_wrapper.left_side>ul li.active:after {
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: var(--primary-bg-color);
}

.tab_wrapper.left_side>ul li.active:before {
    right: -1px;
    position: absolute;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
}

.tab_wrapper.right_side>ul li:after {
    right: 0;
    left: inherit;
    top: 0;
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #e9edf4;
}

.tab_wrapper.right_side>ul li.active {
    border-color: #d7e7ff;
}

.tab_wrapper.right_side>ul li.active:after {
    right: 0;
    left: inherit;
    top: 0;
    width: 5px;
    height: 100%;
    content: "";
}

.tab_wrapper.right_side>ul li.active:before {
    left: -2px;
    right: inherit;
    position: absolute;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
}

.tab_wrapper .active_tab .arrow:after {
    content: "";
    width: 10px;
    display: inline-block;
    height: 10px;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -8px;
}

@media only screen and (max-width: 768px) {

    .tab_wrapper.show-as-dropdown>.tab_list:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        width: 14px;
        height: 14px;
        background: #fff;
        transform: rotate(45deg);
        box-shadow: -3px -4px 5px #efefef;
        margin-left: -7px;
    }

    .tab_wrapper.show-as-dropdown>.tab_list li.active:after {
        display: none;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        top: 70px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        top: 70px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@-webkit-keyframes liftUp {
    0% {
        top: 0;
    }

    100% {
        top: -15px;
    }
}

@keyframes liftUp {
    0% {
        top: 0;
    }

    100% {
        top: -15px;
    }
}

/* Treeview checked */
* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

/* ######## SIDEMENU-STYLES ######## */
@media (min-width: 992px) {
    .app.sidenav-toggled .app-content {
        margin-left: 0;
    }

    .app.sidenav-toggled .app-sidebar {
        left: 230px;
    }

    .app.sidenav-toggled .app-sidebar__overlay {
        visibility: hidden;
    }

    .app-sidebar {
        padding-top: 55px;
    }
}

@media (max-width: 991px) {
    .app {
        overflow-x: hidden;
    }

    .app .app-sidebar {
        left: -270px;
        top: 70px;
    }

    .app .app-sidebar__overlay {
        visibility: hidden;
    }

    .app.sidenav-toggled .app-content {
        margin-left: 0;
    }

    .app.sidenav-toggled .app-sidebar {
        left: 0;
    }

    .app.sidenav-toggled .app-sidebar__overlay {
        visibility: visible;
    }
}

.footer .container {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}

.app-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    color: #282f53;
    z-index: 99;
    background: #fff;
    -webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);
    box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);
    -webkit-transition: left 450ms ease, width 450ms ease;
    transition: left 450ms ease, width 450ms ease;
    -o-transition: left 450ms ease, width 450ms ease;
    border-right: 1px solid #e9edf4;
}

.app-sidebar::-webkit-scrollbar {
    width: 6px;
}

.app-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

@media print {
    .app-sidebar {
        display: none;
    }
}

@media (max-width: 991px) {
    .app-sidebar__overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9;
    }
}

.side-menu {
    margin-bottom: 0;
    padding: 0 10px 0 10px;
}

.side-menu__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;
    transition: border-left-color 0.3s ease, background-color 0.3s ease;
    color: #282f53;
    margin: 2px 0px;
    white-space: nowrap;
}

.side-menu__item.active {
    text-decoration: none;
    color: var(--primary-bg-color);
}

.side-menu__item.active:hover,
.side-menu__item.active:focus {
    text-decoration: none;
    color: var(--primary-bg-color);
}

.side-menu__item:hover,
.side-menu__item:focus {
    text-decoration: none;
    color: var(--primary-bg-color);
}


.side-menu__item:hover .side-menu__label,
.side-menu__item:focus .side-menu__label {
    color: var(--primary-bg-color);
}

.slide-item.active,
.slide-item:hover,
.slide-item:focus {
    text-decoration: none;
    color: #b5c1d2;
}

.slide-menu a.active {
    color: var(--primary-bg-color);
}

.slide-item.active,
.slide-item:hover,
.slide-item:focus {
    text-decoration: none;
    color: var(--primary-bg-color) !important;
}

.slide-menu li {
    position: relative;
}

.slide-menu li .slide-item:before {
    content: "\e048";
    font-family: "typicons";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    top: 0px;
    font-size: 10px;
    margin-right: 7px;
    color: #68798b;
}

.slide.is-expanded a {
    text-decoration: none;
}

.side-menu__label {
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 3px;
}

.slide.is-expanded .slide-menu {
    display: block;
}

.slide.is-expanded .angle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.slide-menu {
    display: none;
    font-size: 0.7rem !important;
    padding-left: 30px;
}

.slide-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 8px;
    font-size: 13.3px;
    color: #74829c;
    white-space: nowrap;
}

.slide-item .icon {
    margin-right: 5px;
}

.angle {
    -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;
    margin-right: 2px;
    font-size: 11px;
}

@media (min-width: 992px) {

    .sidebar-mini.sidenav-toggled .sidebar-mini.sidenav-toggled.user-notification::before {
        background: transparent;
        display: none;
    }

    .sidebar-mini.sidenav-toggled .side-menu li .side-menu__item.active:before {
        display: none;
    }

    .sidebar-mini.sidenav-toggled .app-sidebar:hover {
        overflow: visible;
    }
}

.dropdown-menu {
    border-radius: 0;
}

.dropdown-menu.dropdown-menu-right {
    left: auto;
}

.dropdown-item .fa,
.dropdown-item .icon {
    vertical-align: middle;
}

.side-menu li:not(:first-child) h3 {
    margin-top: 0rem;
}

@media (min-width: 991px) {
    .sidenav-toggled .header-brand-img.light-logo {
        display: block;
        margin-right: 0;
    }
}

/*-- Subslide ---*/
.sub-side-menu__item {
    padding: 8px 8px;
    font-size: 13px;
    display: flex;
    color: #74829c;
}

.sub-side-menu__item .sub-side-menu__label {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.slide-menu a:before {
    content: "\e048";
    margin-right: 10px;
    font-size: 11px;
    position: relative;
    font-family: typicons !important;
    opacity: 0.6;
    top: 2px;
}

.sub-slide.is-expanded .sub-angle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sub-angle {
    float: right;
    line-height: 40px;
    margin-top: 5px;
    margin-right: 14px;
    font-size: 12px;
    -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-slide.is-expanded .sub-slide-menu {
    display: block;
}

.sub-slide-menu {
    display: none;
    padding: 0 15px 15px 0;
    font-size: 13px !important;
    list-style: none;
}

.sub-slide-item {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    list-style: none;
    padding: 8px 0 8px 24px !important;
    color: #74829c;
    font-size: 13.5px;
}

/*-- Subslide2 ---*/
.sub-side-menu__item2 {
    padding: 8px 2px 8px 24px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #74829c;
    font-size: 12.5px;
}

.sub-slide2 .sub-side-menu__label2 {
    flex: 1 1 auto;
}

.sub-angle2 {
    float: right;
    line-height: 40px;
    margin-top: -2px;
    margin-right: 3px;
    font-size: 12px;
    -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-slide2.is-expanded .sub-angle2 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sub-slide2.is-expanded .sub-slide-menu2 {
    display: block;
}

.sub-slide-menu2 {
    display: none;
    padding: 0;
    font-size: 0.8rem !important;
    padding-left: 0;
    list-style: none;
}

.sub-slide-item2 {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    list-style: none;
    padding: 8px 0 8px 40px !important;
    font-size: 12.5px;
    color: #74829c;
}

.side-menu-label1 {
    display: none;
}

@media screen and (max-width: 991.9px) {
    .side-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ######## TEMPLATE-STYLES ######## */

#footer {
    text-align: center;
}

/*------ Charts styles ------*/

.social i {
    font-size: 40px;
}

.twitter {
    background-image: linear-gradient(to right bottom, #00f2fe 0%, #1e63c3 100%);
}

.facebook {
    background-image: linear-gradient(to right bottom, #3d6cbf 0%, #1e3c72 100%);
}

.map,
.chart {
    position: relative;
    padding-top: 56.25%;
}

/*----chart-drop-shadow----*/

/*----chart-drop-shadow----*/

/* ###### Chat  ###### */

.media img {
    border-radius: 4px;
}

.fa,
.fas {
    font-family: "Font Awesome 5 Free";
}

/* ###### Chat  ###### */

.relative {
    position: relative !important;
}

/*----- Range slider -------*/

/*--- WIZARD ELEMENTS ---*/

/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/

/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
/***** CUSTOM STYLES *****/

/*--- WIZARD ELEMENTS ---*/

/**widgets*/
.widgets {
    font-size: 35px;
    padding: 20px;
}

/* ######## UTILITIES-STYLES ######## */

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

/*------ Alignments -------*/

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.bg-secondary {
    background: #05c3fb !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus {
    background-color: #05c3fb !important;
}

button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #05c3fb !important;
}

.bg-success {
    background: #09ad95 !important;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #15bf42 !important;
}

button.bg-success:hover,
button.bg-success:focus {
    background-color: #15bf42 !important;
}

.bg-danger {
    background: #e82646 !important;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #de223d !important;
}

button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #de223d !important;
}

/*--- gradient-backgrounds --*/

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

/*------ Background colors -------*/

a.bg-white:hover,
a.bg-white:focus {
    background-color: #f6f6fb !important;
}

button.bg-white:hover,
button.bg-white:focus {
    background-color: #f6f6fb !important;
}

/*--bg-transparents--*/
.bg-success-transparent {
    background-color: rgba(0, 230, 130, 0.1) !important;
}

.bg-info-transparent {
    background-color: #c7e0fd !important;
}

.bg-warning-transparent {
    background-color: rgba(255, 162, 43, 0.1) !important;
}

.bg-danger-transparent {
    background-color: rgba(255, 56, 43, 0.1) !important;
}

.bg-secondary-transparent {
    background-color: rgba(5, 195, 251, 0.1) !important;
}

/*--Box-shadow--*/
.border {
    border: 1px solid #e9edf4 !important;
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #e9edf4;
}

.border-top {
    border-top: 1px solid #e9edf4 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.br-5 {
    border-radius: 5px !important;
}

.brround {
    border-radius: 50% !important;
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media (min-width: 1280px) {

    .d-xl-block {
        display: block !important;
    }
}

.float-end {
    float: right !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.66em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.66em;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

h1,
.h1 {
    font-size: 2rem;
}

h2,
.h2 {
    font-size: 1.75rem;
}

h3,
.h3 {
    font-size: 1.5rem;
}

h4,
.h4 {
    font-size: 1.125rem;
}

h5,
.h5 {
    font-size: 1rem;
}

h6,
.h6 {
    font-size: 0.875rem;
}

/*--------- Height--------------*/

/*--------- Margin--------------*/

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.me-3 {
    margin-right: 0.75rem !important;
}

.mb-3 {
    margin-bottom: 0.75rem !important;
}

.me-4 {
    margin-right: 1rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.ms-4 {
    margin-left: 1rem !important;
}

.mt-5,
.my-5 {
    margin-top: 1.5rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 1.5rem !important;
}

.ms-5 {
    margin-left: 1.5rem !important;
}

.mb-6 {
    margin-bottom: 2rem !important;
}

.mt-7 {
    margin-top: 3rem !important;
}

.mb-7 {
    margin-bottom: 3rem !important;
}

.mb-8 {
    margin-bottom: 4rem !important;
}

.mt-9 {
    margin-top: 6rem !important;
}

.mb-9 {
    margin-bottom: 6rem !important;
}


.my-auto {
    margin-top: auto !important;
}


.mx-auto {
    margin-right: auto !important;
}


.my-auto {
    margin-bottom: auto !important;
}


.mx-auto {
    margin-left: auto !important;
}

/*--------- Paddings--------------*/
.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pe-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.ps-0,
.px-0 {
    padding-left: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}


.px-1 {
    padding-right: 0.25rem !important;
}


.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}


.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}


.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 0.75rem !important;
}

.pb-3 {
    padding-bottom: 0.75rem !important;
}

.ps-3 {
    padding-left: 0.75rem !important;
}

.p-4 {
    padding: 1rem !important;
}

.p-5 {
    padding: 1.5rem !important;
}

.pt-5 {
    padding-top: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 1.5rem !important;
}

.ps-5 {
    padding-left: 1.5rem !important;
}

.pt-6 {
    padding-top: 2rem !important;
}

.pb-6 {
    padding-bottom: 2rem !important;
}


.px-7 {
    padding-right: 3rem !important;
}


.px-7 {
    padding-left: 3rem !important;
}

.pt-8 {
    padding-top: 4rem !important;
}

@media (min-width: 576px) {


    .px-sm-0 {
        padding-right: 0 !important;
    }


    .px-sm-0 {
        padding-left: 0 !important;
    }
}

textarea {
    overflow: auto;
    resize: vertical;
}

/*------- Alignments & values-------*/

.text-justify {
    text-align: justify !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #4e12b6 !important;
}

.text-secondary {
    color: #05c3fb !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #05c3fb !important;
}

.text-success {
    color: #09ad95 !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #448700 !important;
}

.text-info {
    color: #1170e4 !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #1594ef !important;
}

.text-warning {
    color: #f7b731 !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #c29d0b !important;
}

.text-danger {
    color: #e82646 !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #d22827 !important;
}

.text-dark {
    color: #100f15 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: var(--primary-bg-color) !important;
}

.text-body {
    color: #495057 !important;
}

.text-muted {
    color: #74829c !important;
}

/*----- Typography ------*/

.text-default {
    color: #181c31 !important;
}

.text-white {
    color: #fff !important;
}

.text-gray {
    color: #969696 !important;
}

.text-end {
    text-align: right;
}

textarea.form-control {
    height: auto;
}

/*--text-shadow--*/

/*--------- Width--------------*/