* {
    letter-spacing: -.015rem !important;
}

.toast {
    --bs-toast-max-width: 450px;
}

.bg-body-tertiary {
    background-color: #f3f6f7 !important;
}

.breadcrumb-chevron {
    --bs-breadcrumb-divider: '/';
    gap: .5rem;
}

.breadcrumb-item > .link-body-emphasis > svg {
    margin-top: -0.25rem;
}

.divider {
    color: var(--bs-breadcrumb-divider-color);
}

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

.btn > svg {
    margin-top: -0.25rem;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.02em !important;
    line-height: 1.3em;
    font-weight: 700;
}

.alert > svg {
    min-width: 24px;
    min-height: 24px;
}

.h55 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.35rem;
}

.bg-primary-highlight {
    background-color: rgba(33,150,243,.14);
}

.wrapper {
    align-items: stretch;
    /*background: #222e3c;*/
    display: flex;
    width: 100%
}

.x-small {
    font-size: 0.75em;
}

.m-small {
    font-size: 0.815em;
}

.btn-xs, .btn-group-xs > .btn {
    --bs-btn-padding-y: 0.15rem;
    --bs-btn-padding-x: 0.3rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    font-size: 12px;
}

.sidebar-toggle:hover .hamburger, .sidebar-toggle:hover .hamburger:after, .sidebar-toggle:hover .hamburger:before {
    background: #fff
}

.hamburger-right, .hamburger-right:after, .hamburger-right:before {
    right: 0
}

.shadow-sidebar {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
}

.main {
    /*background: #fff;*/
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 0;
    overflow: hidden;
    transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out;
    width: 100%
}

.sidebar-toggle {
    cursor: pointer;
    display: flex;
    height: 26px;
    width: 26px
}

.sidebar.collapsed {
    margin-left: -260px
}

@media(min-width:1px)and (max-width:991.98px) {
    .sidebar {
        margin-left: -260px
    }

        .sidebar.collapsed {
            margin-left: 0
        }
}

.sidebar-toggle {
    margin-right: 1rem
}

.sidebar-header {
    background: transparent;
    color: #ced4da;
    font-size: .75rem;
    padding: 1.5rem 1.5rem .375rem
}

.sidebar-badge {
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 1
}

.sidebar-cta-content {
    background: #2b3947;
    border-radius: .3rem;
    color: #e9ecef;
    margin: 1.75rem;
    padding: 1.5rem
}


.sidebar-toggle:hover .hamburger,
.sidebar-toggle:hover .hamburger:after,
.sidebar-toggle:hover .hamburger:before {
    background: #fff
}


.sidebar {
    direction: ltr;
    max-width: 260px;
    min-width: 260px
}

.sidebar,
.sidebar-content {
    /*background: #fff;*/
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out
}

.sidebar-content {
    display: flex;
    flex-direction: column;
    height: 100vh
}

.sidebar-nav {
    flex-grow: 1;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.sidebar-link,
a.sidebar-link {
    background: transparent;
    border-left: 3px solid transparent;
    color: var(--bs-navbar-color);
    cursor: pointer;
    display: block;
    font-weight: 400;
    padding: .425rem 1.187rem;
    position: relative;
    text-decoration: none;
    transition: background .1s ease-in-out
}

    .sidebar-link i,
    .sidebar-link svg,
    a.sidebar-link i,
    a.sidebar-link svg {
        color: #2196f3;
        margin-right: .75rem
    }

    .sidebar-link:focus {
        outline: 0
    }

    .sidebar-link:hover {
        border-left-color: transparent;
        color: #2196f3;
    }

        .sidebar-link:hover,
        .sidebar-link:hover i,
        .sidebar-link:hover svg {
            color: #2196f3;
        }

.sidebar-item.active .sidebar-link:hover,
.sidebar-item.active > .sidebar-link {
    background: transparent;
    border-left-color: #2196f3;
    color: #2196f3;
    font-weight: 500;
}

.sidebar-brand {
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important;
    display: block;
    font-size: 1.15rem;
    font-weight: 600;
    padding: 1.125rem 1.375rem;
    letter-spacing: 0em;
}

    .sidebar-brand:hover {
        color: #f8f9fa;
        text-decoration: none
    }

    .sidebar-brand:focus {
        outline: 0
    }

    .sidebar-brand > span {
        letter-spacing: 0em;
    }

.sidebar-toggle {
    cursor: pointer;
    display: flex;
    height: 26px;
    width: 26px
}

.sidebar.collapsed {
    margin-left: -260px
}

@media(min-width:1px)and (max-width:991.98px) {
    .sidebar {
        margin-left: -260px
    }

        .sidebar.collapsed {
            margin-left: 0
        }
}

.sidebar-toggle {
    margin-right: 1rem
}

.sidebar-header {
    background: transparent;
    color: #ced4da;
    font-size: .75rem;
    padding: 1.5rem 1.5rem .375rem
}

.sidebar-badge {
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 1
}

.sidebar-cta-content {
    background: #2b3947;
    border-radius: .3rem;
    color: #e9ecef;
    margin: 1.75rem;
    padding: 1.5rem
}

.navbar {
    --bs-navbar-padding-x: 1.375rem;
    --bs-navbar-padding-y: 0.875rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.875rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.15rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 0.925rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0.2rem;
    --bs-navbar-toggler-focus-width: 0.2rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
    position: relative
}

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

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

    .navbar-brand:focus,
    .navbar-brand:hover {
        color: var(--bs-navbar-brand-hover-color);
        text-decoration: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-dark {
    --bs-navbar-color: hsla(0, 0%, 100%, 0.55);
    --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75);
    --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}


.navbar-nav .dropdown-menu {
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05)
}

.navbar {
    border-bottom: 0;
    box-shadow: 0 0 2rem 0 rgba(33, 37, 41, .1)
}

@media(max-width:767.98px) {
    .navbar {
        width: 100vw
    }
}

.navbar .avatar {
    margin-bottom: -15px;
    margin-top: -15px
}

.navbar-nav {
    direction: ltr
}

.navbar-align {
    margin-left: auto
}

.navbar-bg {
    background: linear-gradient(90deg,hsl(0deg 0% 96% / 50%),#fff 3%,#fff);
}

.navbar-brand {
    color: var(--bs-heading-color, inherit);
    display: block;
    font-size: 1.15rem;
    font-weight: 400;
    padding: .875rem 0
}

    .navbar-brand .feather,
    .navbar-brand svg {
        color: #2196f3;
        height: 24px;
        margin-left: -.15rem;
        margin-right: .375rem;
        margin-top: -.375rem;
        width: 24px
    }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: inherit!important;
}

.content {
    direction: ltr;
    flex: 1;
    max-width: 100vw;
    padding: 0rem;
    width: 100vw;
}

@media(min-width: 768px) {
    .content {
        max-width: auto;
        width: auto;
        padding: 0rem 1.5rem 0rem;
        /*background: #fff;*/
    }
}

@media(min-width: 992px) {
    .content {
        padding: 0rem 1.5rem 0rem;
        /*padding: 2rem 2rem 1rem;*/
        /*background: linear-gradient(90deg,hsl(0deg 0% 97% / 50%),#fff 2%,#fff);*/
    }
}

.sidebar [aria-expanded=true]:after, .sidebar [data-bs-toggle=collapse]:not(.collapsed):after {
    top: 1.1rem;
    transform: rotate(-135deg);
}

.sidebar [data-bs-toggle=collapse]:after {
    border: solid;
    border-width: 0 0.075rem 0.075rem 0;
    content: " ";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1.05rem;
    transform: rotate(45deg);
    transition: all .2s ease-out;
}

.sidebar-link [data-bs-toggle=collapse]:after {
    border: solid;
    border-width: 0 0.075rem 0.075rem 0;
    content: " ";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 0.1rem;
    transform: rotate(45deg);
    transition: all .2s ease-out;
}

.sidebar-dropdown .sidebar-link:before {
    content: "└";
    display: inline-block;
    left: -10px;
    position: relative;
    /*font-size: 80%;*/
    opacity: 0.3;
    color: black !important;
    /*transform: translateX(0);*/
    /*transition: all .1s ease;*/
}

.sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: 0.5rem 1.5rem 0.5rem 2.912rem;
}

.sidebar-dropdown .sidebar-link {
    background: transparent;
    border-left: 0;
    color: var(--bs-navbar-color);
    font-size: 90%;
    font-weight: 400;
    padding: 0.5rem 1.2rem 0.5rem 1.862rem;
}

.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link {
    padding: 0.625rem 1.5rem 0.625rem 5.50rem;
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover {
    color: #2196f3;
}

    .sidebar-dropdown .sidebar-item .sidebar-link:hover:hover:before {
        /*transform: translateX(4px);*/
    }


.hamburger {
    position: relative;
}

    .hamburger, .hamburger:after, .hamburger:before {
        background: rgba(255,255,255,.55);
        border-radius: 1px;
        content: "";
        cursor: pointer;
        display: block;
        height: 3px;
        transition: background .1s ease-in-out,color .1s ease-in-out;
        width: 24px;
    }

        .hamburger:before {
            position: absolute;
            top: -7.5px;
            width: 24px;
        }

        .hamburger:after {
            bottom: -7.5px;
            position: absolute;
            width: 16px;
        }


[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important
}

.simplebar-content-wrapper {
    -ms-overflow-style: none;
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    scrollbar-width: none;
    width: auto
}

    .simplebar-content-wrapper::-webkit-scrollbar,
    .simplebar-hide-scrollbar::-webkit-scrollbar {
        height: 0;
        width: 0
    }

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    left: 0;
    min-height: 10px;
    position: absolute;
    right: 0
}

    .simplebar-scrollbar:before {
        background: #000;
        border-radius: 7px;
        content: "";
        left: 2px;
        opacity: 0;
        position: absolute;
        right: 2px;
        transition: opacity .2s linear
    }

    .simplebar-scrollbar.simplebar-visible:before {
        opacity: .5;
        transition: opacity 0s linear
    }

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

    .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
        bottom: 2px;
        top: 2px
    }

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0
}

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 100%;
        left: 2px;
        right: 2px
    }

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        height: 7px;
        left: 0;
        min-height: 0;
        min-width: 10px;
        right: auto;
        top: 2px;
        width: auto
    }

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.simplebar-hide-scrollbar {
    -ms-overflow-style: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden
}

.simplebar-scrollbar:before {
    background: rgb(0, 0, 0, 0.60)
}

.simplebar-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-bottom: 0 !important
}

[data-simplebar] {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 260px
}

.nav-flag, .nav-icon {
    color: #6c757d;
    display: block;
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 0.1rem 0.8rem;
    transition: background .1s ease-in-out,color .1s ease-in-out;
}

    .nav-flag .feather, .nav-flag svg, .nav-icon .feather, .nav-icon svg {
        height: 24px;
        width: 24px;
    }

.nav-item .indicator {
    background: rgba(255,255,255,.80);
    border-radius: 50%;
    box-shadow: 0 0.1rem 0.2rem rgb(0 0 0 / 5%);
    color: #000;
    display: block;
    font-size: .65rem;
    height: 16px;
    padding: 1px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: 0;
    transition: top .1s ease-out;
    width: 16px;
}

.dropdown-toggle:after {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
}

.nav-icon {
    color: var(--bs-nav-link-color);
}

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

.mb-5 {
    margin-bottom: 2.3rem !important;
}

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

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

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

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


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

[data-bs-theme=dark] .bg-primary {
    background-color: #04214c !important;
}

.form-check-input {
    clear: left;
}

.form-switch.form-switch-sm {
    margin-bottom: 0.5rem; /* JUST FOR STYLING PURPOSE */
}

    .form-switch.form-switch-sm .form-check-input {
        height: 1rem;
        width: calc(1rem + 0.75rem);
        border-radius: 2rem;
    }

.form-switch.form-switch-md {
    margin-bottom: 1rem; /* JUST FOR STYLING PURPOSE */
}

    .form-switch.form-switch-md .form-check-input {
        height: 1.5rem;
        width: calc(2rem + 0.75rem);
        border-radius: 3rem;
    }

.form-switch.form-switch-lg {
    margin-bottom: 1.5rem; /* JUST FOR STYLING PURPOSE */
}

    .form-switch.form-switch-lg .form-check-input {
        height: 2rem;
        width: calc(3rem + 0.75rem);
        border-radius: 4rem;
    }

.form-switch.form-switch-xl {
    margin-bottom: 2rem; /* JUST FOR STYLING PURPOSE */
}

    .form-switch.form-switch-xl .form-check-input {
        height: 2.5rem;
        width: calc(4rem + 0.75rem);
        border-radius: 5rem;
    }

.field-validation-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-invalid-color);
}

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

.list-group-item.active.disabled {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: rgb(33 37 41 / 40%);
    border-color: rgb(33 37 41 / 40%);
}

.validation-summary-errors > ul {
    margin-bottom: 0px;
    list-style: none;
    padding-left: 0px;
}

.notificacion-inner {
    height: 72px;
    -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent);
}

.shadow-primary {
    box-shadow: 0 0.5rem 1rem #0d6efd6b !important;
    /*-webkit-box-shadow: 0 1px 2px #0d6efd6b;
    box-shadow: 0 1px 2px #0d6efd6b;*/
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
}

.vw-65 {
    width: 65vw;
}

@media (max-width: 767px) {
    .vw-65 {
        width: 100vw;
    }
}

.vw-35 {
    width: 35vw;
}

.w-35 {
    width: 35%;
}

.w-65 {
    width: 65%;
}

@media (max-width: 767px) {
    .w-65 {
        width: 100%;
    }
}

.btn {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

.form-control {
    background-color: transparent;
    background-clip: padding-box;
    border: 0 solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

    .form-control-search:focus {
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        border-color: #90cbf9;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25);
    }

.input-group-navbar.dropdown-toggle:after {
    display: none;
}

.input-validation-error.form-control, .has-danger input:not([type=checkbox]), .has-danger .form-control, .has-danger input.form-control[readonly], .has-danger input[type=text][readonly], .has-danger [type=text].form-control[readonly], .has-danger input:not([type=checkbox]):focus, .has-danger .form-control:focus {
    border-bottom: none;
    box-shadow: inset 0 -2px 0 #e51c23 !important;
}

textarea, textarea.form-control, input.form-control, select.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control {
    box-shadow: inset 0 -1px 0 #ddd;
    transition: box-shadow 0.2s;
}

    textarea:focus, textarea.form-control:focus, input.form-control:focus, select.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus {
        box-shadow: inset 0 -2px 0 #2196f3;
    }

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

.form-floating > label {
    padding: 1rem 0rem;
}

.form-control {
    padding: 0.375rem 0rem;
}

.shadow-sm {
    box-shadow: 0rem 0.05rem 0.25rem 0.05rem rgba(0, 0, 0, .15) !important;
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
    transform: scale(0.85) translateY(-0.7rem) translateX(0rem) !important;
}

.eyeHideShowPassword:active {
    transform: scale(1.2);
}

.eyeHideShowPassword {
    transition: transform 0.2s;
    right: 20px;
    top: 20px;
    position: absolute;
    display: none
}

::-ms-reveal {
    display: none;
}

.feather {
    stroke-width: 2;
    height: 18px;
    width: 18px;
}

.w-1 {
    width: 1%;
}

.datatable-bottom {
    display: flex;
    justify-content: space-between;
}

.datatable-top {
    display: flex;
    justify-content: end;
    margin-bottom: 8px;
}

.datatable-info {
    font-size: 0.875rem;
}

.datatable-sorter, .datatable-filter {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
    padding: 0 !important;
    font-weight: 600 !important;
    text-align: left !important;
    background: transparent;
    border: 0px;
}

    .datatable-sorter::before,
    .datatable-sorter::after {
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        right: 6px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        opacity: 0.2;
    }


    .datatable-sorter::before {
        border-top: 4px solid #000;
        bottom: 0px;
    }

    .datatable-sorter::after {
        border-bottom: 4px solid #000;
        border-top: 4px solid transparent;
        top: 0px;
    }

.datatable-ascending .datatable-sorter::after,
.datatable-descending .datatable-sorter::before,
.datatable-ascending .datatable-filter::after,
.datatable-descending .datatable-filter::before {
    opacity: 0.6;
}

.datatable-filter::before {
    content: "";
    position: absolute;
    right: 6px;
    opacity: 0.2;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 7px solid transparent;
    border-radius: 50%;
    border-top: 10px solid #000;
    top: 25%;
}

.datatable-filter-active .datatable-filter::before {
    opacity: 0.6;
}
.datatable-container > table {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
}

.datatable-container > .table > :not(caption) > * > * {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

small, .small {
    font-size: 0.875em !important;
}

.card-product:hover {
    transform: scale(1.05);
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

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

.breadcrumb-chevron .breadcrumb-item::before {
    gap: inherit;
    float: none;
    width: 1rem;
    height: 1rem;
}

.card-product {
    transition: transform 0.5s;
}

.card-description {
    -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent);
    height: 60px; /* ajusta la altura máxima según tus necesidades */
    overflow: hidden; /* recorta el contenido que desborde */
}

.btn-circle-grid {
    height: 42px;
    width: 42px;
}

.border-top-evweb {
    border-top: 3px solid var(--bs-blue) !important;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    font-size: .5em !important;
}

/*.card > .dataTables_wrapper .table.dataTable td:first-child, .card > .dataTables_wrapper .table.dataTable th:first-child, .card > .table td:first-child, .card > .table th:first-child, .card > .table-responsive .table td:first-child, .card > .table-responsive .table th:first-child, .card > .table-responsive-lg .table td:first-child, .card > .table-responsive-lg .table th:first-child, .card > .table-responsive-md .table td:first-child, .card > .table-responsive-md .table th:first-child, .card > .table-responsive-sm .table td:first-child, .card > .table-responsive-sm .table th:first-child, .card > .table-responsive-xl .table td:first-child, .card > .table-responsive-xl .table th:first-child {
    border-left: 0;
    padding-left: 1rem;
}

.card > .dataTables_wrapper .table.dataTable td:last-child, .card > .dataTables_wrapper .table.dataTable th:last-child, .card > .table td:last-child, .card > .table th:last-child, .card > .table-responsive .table td:last-child, .card > .table-responsive .table th:last-child, .card > .table-responsive-lg .table td:last-child, .card > .table-responsive-lg .table th:last-child, .card > .table-responsive-md .table td:last-child, .card > .table-responsive-md .table th:last-child, .card > .table-responsive-sm .table td:last-child, .card > .table-responsive-sm .table th:last-child, .card > .table-responsive-xl .table td:last-child, .card > .table-responsive-xl .table th:last-child {
    border-right: 0;
    padding-right: 1rem;
}*/

.dropzone {
    border: 0.2rem dashed var(--bs-blue);
    padding: 2rem;
    border-radius: 0.25rem;
    background-color: #fff;
    text-align: center;
    font-size: 1.5rem;
    transition: 0.25s background-color ease-in-out;
    cursor: pointer;
}

    .dropzone-dragging, .dropzone:hover {
        background-color: #f3f5ff;
    }

.dropzone-icon {
    max-width: 75px;
    display: block;
    margin: 0 auto 1.5rem;
}

.dropzone-input {
    display: none;
}

.border-x-0 {
    border-inline: 0px !important;
}

.table-hover-stark > tbody > tr:hover > td {
    background-color: #A8D1DD;
}

    .table-hover-stark > tbody > tr:hover > td > * {
        background-color: #A8D1DD;
    }

    .table-hover-stark > tbody > tr:hover > td > div > * {
        background-color: #A8D1DD;
    }

.shadow-jano {
    box-shadow: 0 0rem 0.8rem rgba(0,0,0,.4) !important;
}


.tip {
    width: 100%;
    padding: 0.5rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
    color: var(--tip-callout-color);
    background-color: var(--tip-callout-bg);
    border-left: 0.25rem solid var(--tip-callout-border);
}

.tip-info {
    --tip-callout-color: var(--info-text-emphasis);
    --tip-callout-bg: var(--info-bg-subtle);
    --tip-callout-border: var(--bs-info-border-subtle);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-bottom: 1px solid red;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-bottom: 1px solid #4caf50;
}

.step-circle {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xsmall {
    font-size: 0.75rem;
}

:root {
    --circle-size: clamp(1.5rem, 5vw, 3rem);
    --spacing: clamp(0.25rem, 2vw, 0.5rem);
}

.c-stepper {
    display: flex;
}

.c-stepper__item {
    display: flex;
    gap: var(--spacing);
    align-items: center;
}

    .c-stepper__item:before {
        content: "";
        display: block;
        width: var(--circle-size);
        height: var(--circle-size);
        border-radius: 50%;
        background-color: lightgrey;
    }

    .c-stepper__item:not(:last-child) {
        flex: 1;
    }

        .c-stepper__item:not(:last-child):after {
            content: "";
            position: relative;
            z-index: 0;
            height: 2px;
            background-color: #e0e0e0;
            flex: 1;
            margin-right: 0.5rem;
        }

.c-stepper__title {
    font-weight: bold;
    font-size: clamp(1rem, 4vw, 1.25rem);
}

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

.autocomplete-menu mark {
    text-decoration: underline;
    background: none;
    color: currentColor;
    padding: 0;
}

.splide__arrow--next {
    right: -0.2em !important;
}

.splide__arrow--prev {
    left: -0.2em !important;
}

.splide__pagination {
    bottom: -0.8em !important;
}

.splide:active {
    cursor: -webkit-grab;
    cursor: grab;
}

.splide__track {
    margin-left: -16px;
    margin-right: -16px;
}

.splide__arrows {
    display: none;
}

.splide:hover .splide__arrows {
    display: block;
}

.badge-step {
    width: 24px;
    height: 24px;
    padding: 0 !important;
}

hr {
    color: rgba(33, 37, 41, 0.5) !important;
}

.text-muted {
    color: inherit !important;
    opacity: 0.75 !important;
}

.splide__pagination__page.is-active {
    background: #2196f3 !important;
}

.dropdown-stark {
    width: 100%;
    box-sizing: border-box;
}

.dropdown-item-stark {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-stark {
    max-height: 422px;
    overflow-y: scroll;
}

tbody tr td:first-child {
    padding-left: 1rem;
}

tbody tr td:last-child {
    padding-right: 1rem;
}

.counter-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.counter-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 26px;
    height: 26px;
}

    .counter-button:focus {
        outline: none;
    }

.counter-display {
    font-size: 0.9rem;
    margin: 0;
}

tfoot {
    border: 0px solid transparent;
}

.placeholder {
    background-color: #afafaf!important;
}

.btn-opacity {
    opacity: 0.5;
}

.btn-opacity:hover {
    opacity: 1;
}

.btn-opacity:disabled {
    opacity: 0.5;
}

.btn-outline-primary.is-invalid {
    border: 1px solid red!important;
}

.receta-electronica_li {
    margin-block: calc(-1 * var(--bs-navbar-padding-y));
    background-color: #257fdf;
}

.receta-electronica_li:hover {
    background-color: #1e6fbd;
}

/* Cambiar a text-white si el elemento <a> tiene la clase text-bg-primary */
.card.text-bg-primary .sidePac span {
    color: white;
}

/* De lo contrario, establecer el color como text-success */
.sidePac span {
    color: #30b51a; /* text-success */
}

}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-break {
    word-wrap: break-word;
}

.text-wrap {
    white-space: normal;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
=======

#medContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Espaciado entre los elementos */
}

#medContainer > div {
    flex: 1 1 calc(50% - 16px); /* Ocupa el 50% del ancho del contenedor menos el espacio */
    max-width: calc(50% - 16px);
    box-sizing: border-box; /* Incluye padding y border en el ancho */

}