:root {
    --background-color: #fff;
    --dimmed-background-color: #f1f5f9;
    --active-background-color: #ededed;
    --color: #434649;
    --link-color: #434649;
    --dimmed-color: #646e77;
    --ico-color: #73808b;
    --border-color: #becbda;
    --border-color-light: #eff2f6;
    --border-radius: 5px;
    --border-radius-xl: 10px;
    --icon-background-color: #e5eaf0;
    --card-link: #20549E;
    --opti-link: #20549E;
    --box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);

    --btn-light-1st: #f8f9fa;
    --btn-light-2nd: #f9fafb;
}

.appview .icon-drop .scheme-light {
    color: var(--color);
}

.scheme-dark {
    --background-color: #20314E;
    /* #202634; */
    --dimmed-background-color: #141d2f;
    /* #1e2d48; */
    --active-background-color: #0d121c;
    /* #151e2e; */
    --color: #fff;
    --link-color: #fff;
    --ico-color: #fff;
    --border-color: rgba(255, 255, 255, .5);
    --border-color-light: rgba(255, 255, 255, .1);
    --dimmed-color: #919ba5;
    --opti-link: #fff;
    --icon-background-color: #0d121c;
    --box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);

    --btn-light-1st: #1e2d48;
    --btn-light-2nd: #151e2e;
}

.scheme-contrast {
    --border-color: #8296B4;
    --color: #000000;
    --link-color: #000000;
    --dimmed-color: #232323;
    --ico-color: #232323;
    --box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

.scheme-dark.scheme-contrast {
    --border-color: #fff;
    --color: #fff;
    --link-color: #fff;
    --dimmed-color: #fff;
    --ico-color: #fff;
    --box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5);
}

.skin-eduweb {
    --skin-900: hsl(215, 66%, 16%);
    --skin-700: hsl(215, 66%, 23%);
    --skin-500: hsl(215, 66%, 30%);
    --skin-400: hsl(215, 66%, 37%);
    --skin-300: hsl(215, 66%, 44%);
    --skin-100: hsl(215, 66%, 51%);
}

.skin-enterpriseweb {
    --skin-900: #6e0a24;
    --skin-700: #ad103a;
    --skin-500: #d41346;
    --skin-400: #ed1651;
    --skin-300: #fa1653;
    --skin-100: #ffd9e3;
}

.skin-publicweb {
    --skin-900: #183816;
    --skin-700: #32782f;
    --skin-500: #429e3e;
    --skin-400: #4eb848;
    --skin-300: #53c44d;
    --skin-100: #e7ffe6;
}

body {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    color: var(--color);
    background-color: var(--dimmed-background-color);
    overflow-y: scroll;
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
    --edu-primary-color: var(--skin-400);
}

:focus-visible:not(input, select, textarea) {
    outline: var(--skin-400) auto 2px !important;
}

a,
a:hover,
a:focus {
    color: var(--color);
    text-decoration: none;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

b,
strong {
    font-weight: 500;
}

.small,
small {
    font-size: .8rem;
}

.x-small {
    font-size: .75rem;
}

.opti-link {
    color: var(--opti-link);
    transition: .3s color cubic-bezier(.55, 0, .1, 1);
}

pre {
    background-color: var(--background-color);
    color: var(--color);
    border: 1px solid #E43E5C;
    padding: 1rem;
}

body>pre {
    margin-left: 345px;
    margin-top: 1rem;
    margin-right: 1.75rem;
}

/*
 *  HEADERS
 */


h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 1.5rem;
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 1.75rem;
    }
}

h1.xxl,
.h1.xxl {
    font-size: 2.625rem;
}

h2,
.h2 {
    font-size: 1.375rem;
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: 1.5rem;
    }
}

h3,
.h3 {
    font-size: 1.125rem;
}

@media (min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.25rem;
    }
}

h4,
.h4 {
    font-size: calc(1rem + 0.3vw);
}

@media (min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.125rem;
    }
}

h5,
.h5 {
    font-size: 1rem;
}

h6,
.h6 {
    font-size: 0.875rem;
}

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

.icon__icon {
    color: var(--ico-color);
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.scheme-light .btn-danger>.icon__icon,
.scheme-light .btn-success>.icon__icon,
.scheme-light .btn-info>.icon__icon {
    color: var(--bs-white);
}

.text-primary {
    color: var(--skin-400) !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-success {
    color: #4EAAA4 !important;
}

.text-info {
    color: #0dcaf0 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #212529 !important;
}

.text-body {
    color: var(--color) !important;
}

.text-muted {
    color: var(--dimmed-color) !important;
}

.text-opteam {
    color: var(--opti-link) !important;
}

.bg-opteam {
    background-color: #20549E !important;
}

.text-opteam svg {
    fill: var(--card-link);
}

.bg-primary {
    background-color: var(--skin-400) !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-success {
    background-color: #4EAAA4 !important;
}

.bg-success-subtle {
    background-color: #EBFFFE !important;
}

.bg-info {
    background-color: #009EE0 !important;
}

.bg-info-subtle {
    background-color: #E5F7FF !important;
}

.bg-warning {
    background-color: #e4b53f !important;
}

.bg-warning-subtle {
    background-color: #fff3cd !important;
}

.bg-danger {
    background-color: #E43E5C !important;
}

.bg-danger-subtle {
    background-color: #FFF1F3 !important;
}

.bg-violet {
    background-color: #7F54B5 !important;
}

.bg-violet-subtle {
    background-color: #F9F3FF !important;
}

.scheme-dark .bg-success-subtle {
    background-color: #003330 !important;
}

.scheme-dark .bg-info-subtle {
    background-color: #002433 !important;
}

.scheme-dark .bg-warning-subtle {
    background-color: #1a1400 !important;
}

.scheme-dark .bg-danger-subtle {
    background-color: #330008 !important;
}

.scheme-dark .bg-violet-subtle {
    background-color: #190033 !important;
}

.bg-info-subtle:before,
.bg-success-subtle:before,
.bg-danger-subtle:before,
.bg-violet-subtle:before,
.bg-warning-subtle:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 132px;
    height: 132px;
    background: rgba(255, 255, 255, .1);
    border-radius: 100%;
    filter: blur(60px);
    z-index: 0;
    transform: translateX(25%) translateY(-50%);
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.no-hover:before {
    display: none;
}

.bg-info-subtle:before {
    background: #C1EBFC;
}

.bg-success-subtle:before {
    background: #C1FFFB;
}

.bg-danger-subtle:before {
    background: #FFD9E0;
}

.bg-violet-subtle:before {
    background: #EEDFFF;
}

.bg-warning-subtle:before {
    background: #fff3cd;
}

.scheme-dark .bg-info-subtle:before {
    background: #06597a;
}

.scheme-dark .bg-success-subtle:before {
    background: #008077;
}

.scheme-dark .bg-danger-subtle:before {
    background: #800017;
}

.scheme-dark .bg-violet-subtle:before {
    background: #3b0080;
}

.scheme-dark .bg-warning-subtle:before {
    background: #b38900;
}

.bg-info-subtle:hover:before,
.bg-success-subtle:hover:before,
.bg-danger-subtle:hover:before,
.bg-violet-subtle:hover:before,
.bg-warning-subtle:hover:before {
    width: 400px;
    height: 400px;
}

.bg-violet-subtle *,
.bg-danger-subtle *,
.bg-success-subtle *,
.bg-info-subtle *,
.bg-warning-subtle * {
    position: relative;
    /*z-index: 1;*/
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #212529 !important;
}

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

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

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

.slimScroll {
    overflow-y: auto;
}

.slimScrollPages,
.slimScrollApps {
    max-height: calc(100vh - 165px);
    overflow-x: hidden;
}

@media(min-width: 992px) {

    .slimScrollPages,
    .slimScrollApps {
        max-height: calc(100vh - 90px);
    }
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: linear-gradient(237.96deg, var(--skin-400) 20.87%, var(--skin-700) 86.26%);
    border-radius: var(--border-radius);
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s linear;
}

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

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

.scroll-x {
    overflow-x: auto;
}

/*
 *  NAV TABS
 */

.nav-link {
    display: block;
    padding: .938rem 1.25rem;
    color: var(--color);
    font-weight: 500;
}

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

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    position: relative;
    z-index: 2;
    margin-bottom: 1rem;
    background-color: var(--dimmed-background-color);
    border-bottom: 0;
    border-top-left-radius: var(--border-radius-xl);
    border-top-right-radius: var(--border-radius-xl);
    overflow: hidden;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.nav-tabs .nav-link {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.813rem;
    margin-bottom: 0;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-top-color: rgba(0, 0, 0, .2);
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--color);
    background-color: var(--background-color);
    border-top-left-radius: var(--border-radius-xl);
    border-top-right-radius: var(--border-radius-xl);
    border-color: transparent;
}

.nav-tabs .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-tabs .nav-link.error {
    border-bottom: 2px solid #dd4b39 !important;
    color: #dd4b39 !important;
}

/*
 *  ACCORDION
 */

.accordion-item {
    background-color: var(--background-color);
}

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

.scheme-dark .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-nav-link.collapsed svg {
    transform: rotate(180deg);
}

.accordion-button {
    color: var(--color);
    background-color: var(--background-color);
}

.accordion-button:not(.collapsed) {
    color: var(--color);
    background-color: var(--dimmed-background-color);
}

.accordion-button::after {
    z-index: 1;
}

.accordion-button:not(.collapsed)::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/*
 *  DASHICON
 */

.dash-icon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}

.dash-icon {
    display: block;
    background-color: var(--background-color);
    border: 1px solid var(--background-color);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--box-shadow);
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.25;
    padding: 1rem .75rem;
    min-height: 125px;
    word-break: break-word;
}

.dash-icon.smaller {
    display: flex;
    align-items: center;
    width: auto;
    padding: .25rem .875rem;
    margin: .5rem 0;
    background-color: var(--dimmed-background-color);
    border: 1px solid transparent;
    min-height: 0;
    text-align: left;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.scheme-dark .dash-icon.smaller {
    background-color: var(--background-color);
}

.dash-icon:hover,
.dash-icon:focus,
.dash-icon.active {
    border-color: var(--skin-400);
    transform: translateY(-5px);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.dash-icon.smaller:hover,
.dash-icon.smaller:focus,
.dash-icon.smaller.active {
    transform: none;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.dash-icon .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--dimmed-background-color);
    border-radius: 100%;
    margin: 0 auto .5rem;
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

.dash-icon.smaller .icon {
    width: 30px;
    height: 30px;
    background-color: transparent;
    margin: 0 .5rem 0 0;
}

.dash-icon:hover svg.stroke,
.dash-icon:focus svg.stroke,
.dash-icon.active svg.stroke {
    fill: none;
}

.dash-icon.smaller.active svg:not(.stroke) {
    fill: var(--skin-400);
}

.dash-icon.smaller.active svg.stroke {
    stroke: var(--skin-400);
}

.dash-icon.dashed {
    background-color: transparent;
    border-color: var(--border-color);
    box-shadow: none;
}

.dash-icon.dashed .icon {
    border: 1px dashed var(--ico-color);
}

.dash-icon.menu {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.dash-icon.menu .icon {
    background-color: transparent;
    border: 1px dashed var(--ico-color);
}

.collapse-rotate.collapsed svg {
    transform: rotate(180deg);
}

.app-shortcuts .icon__icon {
    color: var(--skin-400);
}

.dash-icon .icon.bg-primary .icon__icon,
.dash-icon .icon.bg-secondary .icon__icon,
.dash-icon .icon.bg-success .icon__icon,
.dash-icon .icon.bg-info .icon__icon,
.dash-icon .icon.bg-danger .icon__icon,
.dash-icon .icon.bg-warning .icon__icon,
.dash-icon .icon.bg-main .icon__icon,
.dash-icon .icon.bg-violet .icon__icon {
    color: #fff;
}

.app-shortcuts .scroll-x .simplebar-wrapper {
    padding-bottom: 5px;
}

/*
 *  NAV
 */

@media(max-width: 991.98px) {
    .header-nav .btn {
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

/*
 *  SIDEBAR
 */

.sidebar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 75px;
    display: flex;
}

.tox-fullscreen .sidebar {
    z-index: 1;
}

@media(min-width: 992px) {
    .sidebar {
        top: 0;
        right: auto;
        width: 65px;
        height: auto;
    }
}

.sidebar .tab-intent {
    position: fixed;
    top: 0;
    width: 275px;
    flex-shrink: 0;
    height: 100%;
    transition: .3s transform cubic-bezier(.55, 0, .1, 1), .3s background-color cubic-bezier(.55, 0, .1, 1);
}

@media(min-width: 992px) {
    .sidebar .tab-intent {
        position: relative;
    }
}

@media(max-width: 1199.98px) {
    .sidebar .tab-intent {
        background-color: rgba(241, 245, 249, .8);
        backdrop-filter: blur(10px);
        box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    }

    .scheme-dark .sidebar .tab-intent {
        background-color: rgba(20, 29, 47, .8);
    }
}

.collapsed .sidebar .tab-intent {
    transform: translateX(-275px);
}

.sidebar .nav-tabs {
    position: fixed;
    bottom: 0;
    flex-direction: row;
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: center;
    border: 0;
    border-radius: 0;
    background-color: #20314E;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 75px;
    z-index: 1000;
}

@media(min-width: 992px) {
    .sidebar .nav-tabs {
        position: relative;
        bottom: auto;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: calc(74px + 1rem) 0 0;
        width: 65px;
        height: 100%;
        z-index: 1;
    }
}

.sidebar .nav-tabs button {
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.sidebar .nav-tabs .nav-link {
    position: relative;
    margin-bottom: -1px;
    color: #fff;
    max-width: 75px;
    height: 100%;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-top-left-radius: var(--border-radius-xl);
    border-bottom-left-radius: var(--border-radius-xl);
    overflow: hidden;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

@media(max-width: 991.98px) {
    .sidebar .nav-tabs .nav-link {
        padding: 0 1.25rem;
        border-radius: var(--border-radius-xl);
    }
}

.sidebar .nav-tabs .nav-link .icon__icon {
    color: #fff;
}

.sidebar .nav-tabs .nav-link:hover,
.sidebar .nav-tabs .nav-link:focus {
    background-color: rgba(0, 0, 0, .1);
    isolation: isolate;
}

.sidebar .nav-tabs .nav-link.disabled {
    color: var(--color);
    background-color: transparent;
    border-color: transparent;
}

.sidebar .nav-tabs .nav-link.active,
.sidebar .nav-tabs .nav-item.show .nav-link {
    color: var(--color);
    background-color: var(--dimmed-background-color);
}

.sidebar .nav-tabs .nav-item {
    position: relative;
}

.sidebar .nav-tabs .nav-link.active .icon__icon,
.sidebar .nav-tabs .nav-item.show .nav-link .icon__icon {
    color: var(--skin-400);
}

.sidebar .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar .tab-content {
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
    border-top-right-radius: var(--border-radius-xl);
}

.sidebar>.login-logo {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    width: 65px;
    margin: 1rem 0;
    opacity: 0;
    pointer-events: none;
    transition: .3s opacity cubic-bezier(.55, 0, .1, 1);
}

.sidebar>.login-logo .web360 {
    display: none;
    margin: auto;
}

@media(min-width: 992px) {
    .sidebar>.login-logo .web360 {
        display: block;
    }
}

.collapsed .sidebar>.login-logo {
    opacity: 1;
    pointer-events: all;
}

.sidebar .sidebar-form {
    position: sticky;
    top: 0;
    z-index: 1;
}

/*
 *  MAIN HEADER
 */

.content-wrapper {
    min-height: 100vh;
    padding: 1rem 0.75rem calc(75px + 1.75rem);
    background-color: var(--dimmed-background-color);
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.content-wrapper .bot-dropdown {
    border: 1px solid var(--skin-400);
    border-radius: 30px;
}

@media(min-width: 576px) {
    .content-wrapper {
        padding: 1rem 1.25rem calc(75px + 1.75rem);
    }
}

@media(min-width: 992px) {
    .content-wrapper {
        margin-left: 65px;
        padding: 1rem 1.75rem 1.75rem;
    }

    .collapsed .content-wrapper {
        margin-left: 65px;
    }
}

@media(min-width: 1200px) {
    .content-wrapper {
        margin-left: 315px;
    }
}

.content-wrapper .content-items {
    position: relative;
    z-index: 1;
}

.content-wrapper .svg-bg {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.content-wrapper .svg-bg path {
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.scheme-dark .content-wrapper .svg-bg path {
    stroke: var(--background-color);
}

#projects {
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

#projects .dropdown-item {
    white-space: normal;
}

/*
 *  LOGO
 */

.login-logo .web360 {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    height: 50px;
    width: 48px;
    margin-right: 0.75rem;
    margin-left: -4px;
}

.login-logo .web360-title {
    width: 140px;
    font-size: 1.25rem;
    line-height: 1;
}

.login-logo .web360-title .small {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--color);
}

.login-logo .web360-title path {
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.scheme-dark .login-logo .web360-title path {
    fill: #fff;
}

.login-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.login-logo img {
    display: block;
    position: relative;
    z-index: 0;
    left: -10px;
    opacity: 0;
    padding: 0 15px;
    transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
}

.login-logo.active img {
    left: 0;
    opacity: 1;
}

/*
 *  FORM
 */

label,
legend {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.subfield label,
.form-check label {
    margin-bottom: 0;
}

.publish-tab .collapse {
    position: sticky;
    top: 0;
    align-self: flex-start;
    background-color: var(--dimmed-background-color);
    border-radius: var(--border-radius-xl);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

.publish-tab .tree-body.collapse {
    background-color: transparent;
}

.publish-tab .sticky-top {
    top: 5rem;
}

.form {
    position: relative;
}

.form-control {
    /*max-width: 768px;*/
    font-size: 0.938rem;
    font-weight: 400;
    color: var(--dimmed-color);
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: .625rem 1rem;
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1), .3s border cubic-bezier(.55, 0, .1, 1), .3s color cubic-bezier(.55, 0, .1, 1), .3s box-shadow cubic-bezier(.55, 0, .1, 1);
}

.form-control::placeholder {
    color: var(--dimmed-color);
}

.scheme-dark .form-control {
    background-color: var(--dimmed-background-color);
}

.form-control:focus {
    color: var(--color);
    background-color: var(--background-color);
}

.scheme-dark .form-control[readonly] {
    background-color: var(--active-background-color);
}

.scheme-dark .form-control:focus {
    background-color: var(--active-background-color);
}

.form-control-color {
    width: 10rem;
    padding: .375rem;
    height: auto;
}

textarea.form-control {
    min-height: 150px;
}

textarea.form-control-sm {
    min-height: 80px;
}

.form-select {
    font-size: 0.938rem;
    font-weight: 400;
    color: var(--dimmed-color);
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: .625rem 2rem .625rem 1rem;
    transition: .3s color cubic-bezier(.55, 0, .1, 1), .3s background-color cubic-bezier(.55, 0, .1, 1), .3s border cubic-bezier(.55, 0, .1, 1);
}

.form-select.form-control-sm {
    padding-right: 1.875rem;
}

.scheme-dark .form-select {
    background-color: var(--dimmed-background-color);
}

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

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
}

.dataTables_length .form-select-sm {
    padding-right: 2rem;
}

.input-group-text {
    color: var(--color);
    padding: .375rem 1rem;
    border-right: 0;
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.input-group-text svg path {
    fill: var(--skin-400);
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-left: 0;
}

.input-group {
    /*max-width: 768px;*/
}

.input-group .btn-flat {
    background-color: var(--background-color);
    border-color: var(--border-color);
}

input[type="date" i]::-webkit-calendar-picker-indicator {
    margin: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z'%3E%3C/path%3E%3Cpath d='M16 3v4'%3E%3C/path%3E%3Cpath d='M8 3v4'%3E%3C/path%3E%3Cpath d='M4 11h16'%3E%3C/path%3E%3Cpath d='M11 15h1'%3E%3C/path%3E%3Cpath d='M12 15v3'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark input[type="date" i]::-webkit-calendar-picker-indicator {
    margin: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-calendar' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23fff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z'%3E%3C/path%3E%3Cpath d='M16 3v4'%3E%3C/path%3E%3Cpath d='M8 3v4'%3E%3C/path%3E%3Cpath d='M4 11h16'%3E%3C/path%3E%3Cpath d='M11 15h1'%3E%3C/path%3E%3Cpath d='M12 15v3'%3E%3C/path%3E%3C/svg%3E");
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem var(--skin-300);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem var(--skin-300);
}

.form-range::-webkit-slider-thumb {
    background-color: var(--skin-400);
}

.form-range::-webkit-slider-thumb:active {
    background-color: var(--skin-100);
}

.form-range::-webkit-slider-runnable-track {
    background-color: var(--active-background-color);
}

.form-range::-moz-range-thumb {
    background-color: var(--skin-400);
}

.form-range::-moz-range-thumb:active {
    background-color: var(--skin-100);
}

.form-range::-moz-range-track {
    background-color: var(--active-background-color);
}

.form-control-color::-moz-color-swatch {
    height: 100%;
    border-radius: var(--border-radius);
}

.form-control-color::-webkit-color-swatch {
    height: auto;
    border-radius: var(--border-radius);
}

.form-group .select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    width: auto;
    /*padding: 0.35em 0.65em;*/
}

.form-group .select2-selection ul.select2-selection__rendered li.select2-selection__choice {
    border-color: var(--skin-400);
}

.form-group .select2-container:not(.select2-container--focus) .select2-selection:has(.select2-selection__choice) .select2-search--inline {
    height: 1px;
}

.select2-container.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
    padding: .625rem 1rem;
}

.scheme-dark .form-group .select2-container--bootstrap-5 .select2-selection .select2-selection__rendered img {
    filter: invert(1);
}

.scheme-dark .select2-container--bootstrap-5 .select2-results .select2-results__option img {
    filter: invert(1);
}

.scheme-dark .select2-search__field {
    color: var(--font-color);
}

.scheme-dark .datepicker thead th {
    background-color: unset;
}

.scheme-dark .datepicker.dropdown-menu {
    color: #FFF;
}

.scheme-dark .social-icons .selection img {
    filter: invert(1);
}

.scheme-dark .datepicker table tr td.day:hover,
.scheme-dark .datepicker-switch:hover,
.scheme-dark .datepicker .next:hover,
.scheme-dark .datepicker .prev:hover,
.scheme-dark .datepicker table tr td span:hover,
.scheme-dark .datepicker.dropdown-menu .focused,
.scheme-dark .timepicker table tr td.minute:hover,
.scheme-dark .timepicker table tr td.hour:hover {
    color: #212529;
}

.scheme-dark .webmail__preview a {
    color: #000 !important;
}

/*
 *  VALIDATION
 */

.form-group,
.checkbox {
    position: relative;
    word-break: break-word;
    word-wrap: break-word;
}

.form-group.has-error label {
    color: #dd4b39;
}

.form-group.has-error .form-control,
.form-group.has-error .form-select,
.form-group.has-error .input-group-addon,
.form-group.has-error .input-group-text,
.form-group.has-error .btn,
.form-group.has-error .select2-container--bootstrap-5 .select2-selection {
    border-color: #dd4b39 !important;
    box-shadow: none;
}

.form-group.has-error .help-block {
    color: #ffffff;
    padding: 0 0.5rem;
    margin-top: 0.125rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--border-radius);
    background-color: #dd4b39;
    display: inline-block;
}

.form-group.has-error .help-block ul {
    margin-bottom: 0;
}

.form-group.custom label {
    margin-right: 1rem;
}

span.required {
    color: #832316;
    font-weight: 500;
}

.scheme-dark span.required {
    color: #FF6652;
}

/*
 *  CHECKBOX
 */

.form-check-input {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1), .3s border cubic-bezier(.55, 0, .1, 1);
}

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

.form-check-input:checked {
    background-color: var(--skin-500);
    border-color: var(--skin-500);
}

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

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

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

/*
 *  BUTTONS
 */

.btn {
    font-size: 0.938rem;
    font-weight: 500;
    padding: .625rem 1rem;
    border-radius: var(--border-radius);
    transition: .3s border cubic-bezier(.55, 0, .1, 1), .3s background cubic-bezier(.55, 0, .1, 1), .3s color cubic-bezier(.55, 0, .1, 1);
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 0.125rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--border-radius);
}

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

.btn-primary {
    color: #fff;
    background-color: var(--skin-700);
    border-color: var(--skin-700);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--skin-900);
    border-color: var(--skin-900);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: var(--skin-900);
    border-color: var(--skin-900);
    box-shadow: 0 0 0 0.25rem var(--skin-100);
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--skin-900);
    border-color: var(--skin-900);
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--skin-100);
}

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

.btn-outline-primary {
    color: var(--color);
    border-color: var(--skin-400);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--skin-400);
    border-color: var(--skin-400);
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--skin-100);
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: var(--skin-400);
    border-color: var(--skin-400);
}

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem var(--skin-100);
}

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

.btn-link {
    font-weight: 500;
    color: var(--color);
    text-decoration: none;
}

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

.btn-link:disabled,
.btn-link.disabled {
    color: var(--color);
}

.btn-light {
    color: var(--color);
    background-color: var(--btn-light-1st);
    border-color: var(--border-color);
}

.btn-light.move svg {
    fill: var(--color);
}

.btn-light:hover {
    color: var(--color);
    background-color: var(--btn-light-2nd);
    border-color: var(--border-color);
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    color: var(--color);
    background-color: var(--btn-light-2nd);
    border-color: var(--border-color);
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}

.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
    color: var(--color);
    background-color: var(--btn-light-2nd);
    border-color: var(--border-color);
}

.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}

.btn-light:disabled,
.btn-light.disabled {
    color: var(--color);
    background-color: var(--btn-light-1st);
    border-color: var(--border-color);
}

.btn-help,
.btn-help:hover,
.btn-help:focus {
    display: flex;
    align-items: center;
    font-size: 0.813rem;
    font-weight: 400;
    color: #fff;
}

.btn-help:focus {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}

.btn-success .icon__icon {
    color: #FFF
}

.bootbox-close-button {
    border: none;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.modal-body .bootbox-close-button {
    display: block;
    margin-left: auto;
    margin-bottom: 12px;
}

.scheme-dark .modal .btn-close,
.scheme-dark .modal .bootbox-close-button {
    border: none;
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.scheme-dark .modal .btn-close:hover {
    color: #fff;
}

.submit-buttons .btn+.btn {
    margin-left: .3rem;
}

.accessibility-modal .modal-body {
    padding: 0;
}

.accessibility-modal .modal-body .tab-content {
    padding: 1.5rem;
}

.accessibility-modal .modal-body .tab-content .hotkeys-pane span {
    background-color: var(--dimmed-background-color);
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 var(--active-background-color);
    font-size: 14px;
    min-width: 28px;
    display: inline-block;
    text-align: center;
}

/*
 *  DROPDOWN
 */

.dropdown-menu {
    border: 0;
    padding: .75rem 0;
    border-radius: var(--border-radius);
    background-color: var(--background-color);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    font-size: .875rem;
    z-index: 1026;
}

.dropdown-item,
.dropdown-header {
    color: var(--color);
    padding: .33rem 1.5rem;
}

.dropdown-toggle:after {
    border: 0;
    width: 18px;
    height: 9px;
    margin-left: 0;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -8 24 24' width='24' height='24' preserveAspectRatio='xMinYMin' class='icon__icon'%3E%3Cpath d='M7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364l4.95 4.95z' fill='%2373808b'%3E%3C/path%3E%3C/svg%3E");
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.scheme-dark .dropdown-toggle:not(.btn):after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -8 24 24' width='24' height='24' preserveAspectRatio='xMinYMin' class='icon__icon'%3E%3Cpath d='M7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364l4.95 4.95z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.dropdown-toggle.show:after {
    transform: rotate(180deg);
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--color);
    background-color: rgba(0, 0, 0, .05);
}

.scheme-dark .dropdown-item:focus,
.scheme-dark .dropdown-item:hover {
    color: var(--color);
    background-color: rgba(0, 0, 0, .2);
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--skin-100);
    background-color: var(--skin-700);
}

.scheme-dark .dropdown-divider {
    border-color: rgba(255, 255, 255, .15);
}

.dropdown-divider {
    opacity: .1;
}

/*
 *  DATETIMEPICKER
 */

.bootstrap-datetimepicker-widget {
    color: var(--font-color);
}

.scheme-dark .bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table tbody td.active:hover,
.scheme-dark .bootstrap-datetimepicker-widget table td i:hover,
.scheme-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.scheme-dark .bootstrap-datetimepicker-widget table span[data-action]:hover {
    color: var(--background-color);
}

.bootstrap-datetimepicker-widget table tbody td.active {
    color: var(--font-color);
    background-color: var(--background-color);
}

.scheme-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.scheme-dark .bootstrap-datetimepicker-widget table a.btn[data-action] {
    color: var(--font-color);
}

.bootstrap-datetimepicker-widget .separator {
    display: none;
}

div.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-top-color: var(--background-color);
}

div.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom-color: var(--background-color);
}

/*
 *  SEPARATOR
 */

.separator {
    position: relative;
    font-size: 1.125rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    color: var(--dimmed-color);
}

.separator:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 45px;
    right: 0;
    height: 1px;
    background-color: rgba(203, 213, 225, .5);
}

.separator .text {
    position: relative;
    z-index: 1;
    font-weight: 500;
    padding: 0 15px 0 0;
    background-color: var(--background-color);
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.publish-tab .collapse .separator .text {
    background-color: var(--dimmed-background-color);
}

.separator .icon {
    position: relative;
    z-index: 1;
    margin-right: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.separator .icon svg {
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px;
}

.separator .small {
    margin-left: calc(24px + .5rem);
    width: 100%;
    text-align: left;
}

/*
 *  FORM LOADER
 */

.form-loader {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    backdrop-filter: blur(4px);
}

.form-loader .card {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 320px;
    height: 180px;
    text-align: center;
}

.form-loader.full {
    position: fixed;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.9) 100%);
    font-size: 40px;
    z-index: 2000;
}

.scheme-dark .form-loader.full {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.9) 100%);
}

.form .card .form-loader {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.9) 100%);
    font-size: 40px;
    z-index: 2000;
    border-radius: var(--border-radius-xl);
    border-top-left-radius: 0;
}

.scheme-dark .form .card .form-loader {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.9) 100%);
}

.form-loader .path12,
.form-loader .path14,
.form-loader .path16,
.form-loader .path18,
.form-loader .path20,
.form-loader .path22,
.form-loader .path24 {
    fill: var(--skin-400);
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.form-loader .path12 {
    --translate: translateY(-14.5px);
    animation: pathAnim 1s ease infinite;
}

.form-loader .path16 {
    --translate: translateY(-7px) translateX(-12.5px);
    animation: pathAnim 1.1s ease infinite;
}

.form-loader .path18 {
    --translate: translateY(14.5px);
    animation: pathAnim 1.2s ease infinite;
}

.form-loader .path20 {
    --translate: translateY(7.25px) translateX(-12.5px);
    animation: pathAnim 1.3s ease infinite;
}

.form-loader .path22 {
    --translate: translateY(-7px) translateX(12.5px);
    animation: pathAnim 1.4s ease infinite;
}

.form-loader .path24 {
    --translate: translateY(7.25px) translateX(12.5px);
    animation: pathAnim 1.5s ease infinite;
}

@keyframes pathAnim {
    0% {
        transform: translateX(0) translateY(0);
    }

    50% {
        transform: var(--translate);
    }

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

/*
 *  CARD
 */

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: var(--border-radius);
    --bs-card-color: var(--color);
}

.card .d-contents {
    display: contents;
}

@media(min-width: 992px) {
    .card.with-tabs {
        border-top-left-radius: 0;
    }
}

/*
 *  TOGGLE PASS
 */

.toggle-pass-visible {
    display: none;
}

.toggle-pass-hidden {
    display: block;
}

.scheme-dark .toggle-password svg {
    filter: invert(1);
}

/*
 *  RABBIT STATUS CONTAINER
 */

.rabbit-status-container {
    border-radius: 30px;
    font-size: 0.750rem;
    height: 1.75rem;
    padding-left: 2.375rem;
    padding-right: 0.75rem;
    position: relative;
    color: var(--color);
    background-color: var(--background-color);
    margin: 2px;
    margin-top: 0.25rem;
}

.rabbit-status-container .content {
    position: relative;
    z-index: 1;
}

.rabbit-status-container:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
    opacity: 0.8;
}

.rabbit-status-container.rabbit-run:before {
    background-image: linear-gradient(90deg, var(--background-color) 0%, #C1FFFB);
}

.scheme-dark .rabbit-status-container.rabbit-run:before {
    background-image: linear-gradient(90deg, var(--background-color) 0%, #008077);
}

.rabbit-status-container.rabbit-stop {
    background-color: #800017;
}

.rabbit-status-container:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 30px;
}

.rabbit-status-container.rabbit-run:after {
    background-image: linear-gradient(90deg, var(--background-color) 60%, rgba(255, 255, 255, 0));
    animation: rabbit_opacity 4s infinite;
}

.rabbit-status-container.rabbit-stop:after {
    background-image: linear-gradient(-90deg, #b30021 30%, rgba(255, 255, 255, 0));
    animation: rabbit_opacity 2s infinite;
}

.rabbit-status-container .rabbit-icon {
    width: 20px;
    position: absolute;
    top: 0;
    left: 0.75rem;
    z-index: 1;
}

.rabbit-ring {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
}

.rabbit-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    margin: 3px;
    border: 2px solid #008077;
    border-radius: 50%;
    animation: rabbit-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #008077 transparent transparent transparent;
}

.rabbit-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.rabbit-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.rabbit-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes rabbit-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rabbit_opacity {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/*
 *  DAY NIGHT TOGGLER
 */

#dayNightToggler {
    position: relative;
    width: 3.25rem;
    height: 1.75rem;
    border: 2px solid var(--border-color);
    border-radius: 50px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e");
    cursor: pointer;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.skin-eduweb #dayNightToggler {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23009ee0'/%3e%3c/svg%3e");
}

.skin-enterpriseweb #dayNightToggler {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23d41346'/%3e%3c/svg%3e");
}

.skin-publicweb #dayNightToggler {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23429e3e'/%3e%3c/svg%3e");
}

#dayNightToggler:focus {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}

#dayNightToggler:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00008 11.5C9.66312 11.5 10.299 11.2366 10.7678 10.7677C11.2367 10.2989 11.5001 9.663 11.5001 8.99996C11.5001 8.33692 11.2367 7.70103 10.7678 7.23219C10.299 6.76335 9.66312 6.49996 9.00008 6.49996C8.33704 6.49996 7.70116 6.76335 7.23231 7.23219C6.76347 7.70103 6.50008 8.33692 6.50008 8.99996C6.50008 9.663 6.76347 10.2989 7.23231 10.7677C7.70116 11.2366 8.33704 11.5 9.00008 11.5ZM9.00008 13.1666C7.89501 13.1666 6.83521 12.7276 6.0538 11.9462C5.2724 11.1648 4.83342 10.105 4.83342 8.99996C4.83342 7.89489 5.2724 6.83508 6.0538 6.05368C6.83521 5.27228 7.89501 4.83329 9.00008 4.83329C10.1052 4.83329 11.165 5.27228 11.9464 6.05368C12.7278 6.83508 13.1667 7.89489 13.1667 8.99996C13.1667 10.105 12.7278 11.1648 11.9464 11.9462C11.165 12.7276 10.1052 13.1666 9.00008 13.1666ZM9.00008 0.666626C9.2211 0.666626 9.43306 0.754423 9.58934 0.910704C9.74562 1.06698 9.83342 1.27895 9.83342 1.49996V3.16663C9.83342 3.38764 9.74562 3.5996 9.58934 3.75588C9.43306 3.91216 9.2211 3.99996 9.00008 3.99996C8.77907 3.99996 8.56711 3.91216 8.41083 3.75588C8.25455 3.5996 8.16675 3.38764 8.16675 3.16663V1.49996C8.16675 1.27895 8.25455 1.06698 8.41083 0.910704C8.56711 0.754423 8.77907 0.666626 9.00008 0.666626V0.666626ZM9.00008 14C9.2211 14 9.43306 14.0878 9.58934 14.244C9.74562 14.4003 9.83342 14.6123 9.83342 14.8333V16.5C9.83342 16.721 9.74562 16.9329 9.58934 17.0892C9.43306 17.2455 9.2211 17.3333 9.00008 17.3333C8.77907 17.3333 8.56711 17.2455 8.41083 17.0892C8.25455 16.9329 8.16675 16.721 8.16675 16.5V14.8333C8.16675 14.6123 8.25455 14.4003 8.41083 14.244C8.56711 14.0878 8.77907 14 9.00008 14ZM1.50008 8.16663H3.16675C3.38776 8.16663 3.59972 8.25442 3.756 8.4107C3.91228 8.56698 4.00008 8.77895 4.00008 8.99996C4.00008 9.22097 3.91228 9.43293 3.756 9.58922C3.59972 9.7455 3.38776 9.83329 3.16675 9.83329H1.50008C1.27907 9.83329 1.06711 9.7455 0.910826 9.58922C0.754545 9.43293 0.666748 9.22097 0.666748 8.99996C0.666748 8.77895 0.754545 8.56698 0.910826 8.4107C1.06711 8.25442 1.27907 8.16663 1.50008 8.16663ZM14.8334 8.16663H16.5001C16.7211 8.16663 16.9331 8.25442 17.0893 8.4107C17.2456 8.56698 17.3334 8.77895 17.3334 8.99996C17.3334 9.22097 17.2456 9.43293 17.0893 9.58922C16.9331 9.7455 16.7211 9.83329 16.5001 9.83329H14.8334C14.6124 9.83329 14.4004 9.7455 14.2442 9.58922C14.0879 9.43293 14.0001 9.22097 14.0001 8.99996C14.0001 8.77895 14.0879 8.56698 14.2442 8.4107C14.4004 8.25442 14.6124 8.16663 14.8334 8.16663ZM14.8926 3.10746C15.0488 3.26373 15.1366 3.47566 15.1366 3.69663C15.1366 3.9176 15.0488 4.12952 14.8926 4.28579L13.7142 5.46413C13.6374 5.54372 13.5454 5.6072 13.4438 5.65088C13.3421 5.69455 13.2327 5.71754 13.1221 5.7185C13.0114 5.71946 12.9017 5.69838 12.7993 5.65648C12.6969 5.61458 12.6038 5.5527 12.5256 5.47446C12.4473 5.39621 12.3855 5.30317 12.3436 5.20075C12.3017 5.09834 12.2806 4.98861 12.2815 4.87796C12.2825 4.76731 12.3055 4.65796 12.3492 4.55629C12.3928 4.45462 12.4563 4.36267 12.5359 4.28579L13.7142 3.10746C13.8705 2.95123 14.0824 2.86347 14.3034 2.86347C14.5244 2.86347 14.7363 2.95123 14.8926 3.10746ZM5.46425 12.5358C5.62047 12.6921 5.70824 12.904 5.70824 13.125C5.70824 13.3459 5.62047 13.5579 5.46425 13.7141L4.28591 14.8916C4.20904 14.9712 4.11709 15.0347 4.01542 15.0784C3.91375 15.1221 3.8044 15.145 3.69375 15.146C3.5831 15.147 3.47337 15.1259 3.37095 15.084C3.26854 15.0421 3.1755 14.9802 3.09725 14.902C3.01901 14.8237 2.95713 14.7307 2.91523 14.6283C2.87333 14.5258 2.85224 14.4161 2.85321 14.3055C2.85417 14.1948 2.87716 14.0855 2.92083 13.9838C2.9645 13.8821 3.02799 13.7902 3.10758 13.7133L4.28591 12.535C4.44219 12.3787 4.65411 12.291 4.87508 12.291C5.09605 12.291 5.30798 12.3787 5.46425 12.535V12.5358ZM4.28591 3.10746L5.46425 4.28579C5.61605 4.44296 5.70004 4.65346 5.69814 4.87196C5.69624 5.09046 5.6086 5.29947 5.4541 5.45398C5.29959 5.60848 5.09058 5.69612 4.87208 5.69802C4.65359 5.69992 4.44308 5.61592 4.28591 5.46413L3.10841 4.28579C2.96279 4.12757 2.88396 3.91918 2.88842 3.70419C2.89287 3.4892 2.98026 3.28425 3.13232 3.13219C3.28437 2.98014 3.48932 2.89275 3.70431 2.88829C3.9193 2.88384 4.12769 2.96267 4.28591 3.10829V3.10746ZM13.7142 12.5358L14.8926 13.7141C15.0444 13.8713 15.1284 14.0818 15.1265 14.3003C15.1246 14.5188 15.0369 14.7278 14.8824 14.8823C14.7279 15.0368 14.5189 15.1245 14.3004 15.1264C14.0819 15.1283 13.8714 15.0443 13.7142 14.8925L12.5359 13.7141C12.4563 13.6373 12.3928 13.5453 12.3492 13.4436C12.3055 13.342 12.2825 13.2326 12.2815 13.122C12.2806 13.0113 12.3017 12.9016 12.3436 12.7992C12.3855 12.6968 12.4473 12.6037 12.5256 12.5255C12.6038 12.4472 12.6969 12.3853 12.7993 12.3434C12.9017 12.3015 13.0114 12.2805 13.1221 12.2814C13.2327 12.2824 13.3421 12.3054 13.4438 12.349C13.5454 12.3927 13.6374 12.4562 13.7142 12.5358Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 3px;
    width: 18px;
    height: 18px;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

#dayNightToggler:after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99992 8.99996C1.99992 12.6916 4.89825 15.6666 8.45158 15.6666C8.99992 15.6666 9.53658 15.5958 10.0533 15.46C7.55658 13.6266 5.97325 10.6383 5.97325 7.33329C5.97325 5.59163 6.41242 3.92079 7.21408 2.45579C4.24908 3.05246 1.99992 5.74746 1.99992 8.99996ZM7.63992 7.33329C7.63992 11.1933 10.1966 14.44 13.6666 15.3875C12.2189 16.6423 10.3674 17.3332 8.45158 17.3333C3.96825 17.3333 0.333252 13.6025 0.333252 8.99996C0.333252 4.39746 3.96825 0.666626 8.45158 0.666626C9.17492 0.666626 9.87659 0.764126 10.5441 0.945793C9.6284 1.7384 8.89482 2.71952 8.39357 3.82199C7.89231 4.92446 7.63523 6.12223 7.63992 7.33329Z' fill='%2373808b'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 3px;
    width: 18px;
    height: 18px;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

#dayNightToggler:checked:after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99992 8.99996C1.99992 12.6916 4.89825 15.6666 8.45158 15.6666C8.99992 15.6666 9.53658 15.5958 10.0533 15.46C7.55658 13.6266 5.97325 10.6383 5.97325 7.33329C5.97325 5.59163 6.41242 3.92079 7.21408 2.45579C4.24908 3.05246 1.99992 5.74746 1.99992 8.99996ZM7.63992 7.33329C7.63992 11.1933 10.1966 14.44 13.6666 15.3875C12.2189 16.6423 10.3674 17.3332 8.45158 17.3333C3.96825 17.3333 0.333252 13.6025 0.333252 8.99996C0.333252 4.39746 3.96825 0.666626 8.45158 0.666626C9.17492 0.666626 9.87659 0.764126 10.5441 0.945793C9.6284 1.7384 8.89482 2.71952 8.39357 3.82199C7.89231 4.92446 7.63523 6.12223 7.63992 7.33329Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

/*
 *  CONTRAST TOGGLER
 */

#contrastToggler {
    position: relative;
    width: 3.25rem;
    height: 1.75rem;
    border: 2px solid var(--border-color);
    border-radius: 50px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e");
    cursor: pointer;
    color: var(--ico-color);
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.skin-eduweb #contrastToggler {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23009ee0'/%3e%3c/svg%3e");
}

.skin-enterpriseweb #contrastToggler {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23d41346'/%3e%3c/svg%3e");
}

.skin-publicweb #contrastToggler {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.5' fill='%23429e3e'/%3e%3c/svg%3e");
}

#contrastToggler:focus {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}

#contrastToggler:before {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Crect id='Artboard1' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Artboard11' serif:id='Artboard1'%3E%3Cg id='contrast-minus' serif:id='contrast minus'%3E%3Cpath d='M3,12C3,16.937 7.063,21 12,21C16.937,21 21,16.937 21,12C21,7.063 16.937,3 12,3C7.063,3 3,7.063 3,12' style='fill:none;fill-rule:nonzero;stroke:%2373808b;stroke-width:2px;'/%3E%3Cpath d='M12,17C14.743,17 17,14.743 17,12C17,9.257 14.743,7 12,7L12,17' style='fill:none;fill-rule:nonzero;stroke:%2373808b;stroke-width:2px;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 2px;
    width: 20px;
    height: 20px;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

#contrastToggler:not(:checked):before,
.scheme-dark #contrastToggler:before {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Crect id='Artboard1' x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Cg id='Artboard11' serif:id='Artboard1'%3E%3Cg id='contrast-minus' serif:id='contrast minus'%3E%3Cpath d='M3,12C3,16.937 7.063,21 12,21C16.937,21 21,16.937 21,12C21,7.063 16.937,3 12,3C7.063,3 3,7.063 3,12' style='fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:2px;'/%3E%3Cpath d='M12,17C14.743,17 17,14.743 17,12C17,9.257 14.743,7 12,7L12,17' style='fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:2px;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#contrastToggler:after {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Cg transform='matrix(1,0,0,1,-37,0)'%3E%3Cg id='contrast-plus' serif:id='contrast plus' transform='matrix(1,0,0,1,37,0)'%3E%3Crect x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Crect x='0' y='0' width='24' height='24' style='fill:none;fill-rule:nonzero;'/%3E%3Cpath d='M3,12C3,16.937 7.063,21 12,21C16.937,21 21,16.937 21,12C21,7.063 16.937,3 12,3C7.063,3 3,7.063 3,12' style='fill:none;fill-rule:nonzero;stroke:%2373808b;stroke-width:2px;'/%3E%3Cpath d='M12,17C14.743,17 17,14.743 17,12C17,9.257 14.743,7 12,7L12,17' style='fill:none;fill-rule:nonzero;stroke:%2373808b;stroke-width:2px;'/%3E%3Cg transform='matrix(0.285714,0,0,0.285714,4.42669,8.48279)'%3E%3Cg transform='matrix(1,0,0,1,0.506594,0.310218)'%3E%3Cpath d='M12,5L12,19' style='fill:none;fill-rule:nonzero;stroke:%2373808b;stroke-width:5.6px;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,0.506594,0.310218)'%3E%3Cpath d='M5,12L19,12' style='fill:none;fill-rule:nonzero;stroke:%2373808b;stroke-width:5.6px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2px;
    width: 20px;
    height: 20px;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

#contrastToggler:checked:after,
.scheme-dark #contrastToggler:after {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;'%3E%3Cg transform='matrix(1,0,0,1,-37,0)'%3E%3Cg id='contrast-plus' serif:id='contrast plus' transform='matrix(1,0,0,1,37,0)'%3E%3Crect x='0' y='0' width='24' height='24' style='fill:none;'/%3E%3Crect x='0' y='0' width='24' height='24' style='fill:none;fill-rule:nonzero;'/%3E%3Cpath d='M3,12C3,16.937 7.063,21 12,21C16.937,21 21,16.937 21,12C21,7.063 16.937,3 12,3C7.063,3 3,7.063 3,12' style='fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:2px;'/%3E%3Cpath d='M12,17C14.743,17 17,14.743 17,12C17,9.257 14.743,7 12,7L12,17' style='fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:2px;'/%3E%3Cg transform='matrix(0.285714,0,0,0.285714,4.42669,8.48279)'%3E%3Cg transform='matrix(1,0,0,1,0.506594,0.310218)'%3E%3Cpath d='M12,5L12,19' style='fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:5.6px;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,0.506594,0.310218)'%3E%3Cpath d='M5,12L19,12' style='fill:none;fill-rule:nonzero;stroke:%23fff;stroke-width:5.6px;'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/*
 *  BOT TRAINING
 */

#botTraining {
    position: relative;
    width: 3.25rem;
    height: 1.75rem;
    border: 2px solid var(--border-color);
    border-radius: 50px;
    cursor: pointer;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

/*
 *  TIMER
 */

#timer {
    width: 40px;
    display: inline-block;
}

/*
 *  ALERTS
 */

.alert {
    padding: 1.25rem 1rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-radius: var(--border-radius);
}

.alert .icon {
    stroke: #063f75;
    stroke-width: 1.5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 32px;
    height: 32px;
}

.alert.alert-danger .icon {
    stroke: #800a27;
}

.alert.alert-success .icon {
    stroke: #005c0c;
}

.alert.alert-warning .icon {
    stroke: #664d03;
}

.alert.alert-warning a {
    color: #664d03;
    font-weight: bold;
}

.alert h2 {
    font-weight: 700;
}

.alert-danger {
    color: #800a27;
    background-color: #fcd9e2;
}

.alert-danger a {
    color: #800a27;
    font-weight: 500;
}

.alert svg {
    margin-right: 1rem;
}

/*
 *  LOGOTYPE SKINS
 */

.login-logo .path12,
.login-logo .path14,
.login-logo .path16,
.login-logo .path18,
.login-logo .path20,
.login-logo .path22,
.login-logo .path24 {
    fill: var(--skin-400);
    opacity: 1;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.scheme-dark .path12.active,
.scheme-dark .path14.active,
.scheme-dark .path16.active,
.scheme-dark .path18.active,
.scheme-dark .path20.active,
.scheme-dark .path22.active,
.scheme-dark .path24.active {
    fill: #fff !important;
}

/*
 *  USER AVATAR
 */

.user-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: var(--background-color);
    font-weight: 700;
    box-shadow: var(--box-shadow);
    transition: .3s background cubic-bezier(.55, 0, .1, 1);
}

.bg-usercard {
    font-size: 0.875rem;
    background: linear-gradient(237.96deg, var(--skin-400) 20.87%, var(--skin-700) 86.26%);
}

.user-icon {
    fill: linear-gradient(155.64deg, #FFFFFF 36.81%, rgba(255, 255, 255, 0) 103.95%);
    background-clip: text;
    color: transparent;
}

.user-avatar.big {
    flex-shrink: 0;
    width: 140px;
    height: 140px;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    position: relative;
    overflow: hidden;
    background-color: var(--dimmed-background-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='rgba(0, 0, 0, .5)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdesc%3EDownload more icon variants from https://tabler-icons.io/i/photo%3C/desc%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cline x1='15' y1='8' x2='15.01' y2='8'%3E%3C/line%3E%3Crect x='4' y='4' width='16' height='16' rx='3'%3E%3C/rect%3E%3Cpath d='M4 15l4 -4a3 5 0 0 1 3 0l5 5'%3E%3C/path%3E%3Cpath d='M14 14l1 -1a3 5 0 0 1 3 0l2 2'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px;
    color: rgba(0, 0, 0, .5);
}

.user-avatar.big input {
    width: 140px;
    height: 140px;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.user-avatar.big span {
    display: none;
}

.user-avatar-preview,
.user-avatar-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.user-avatar-text {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    color: #fff;
    transition: .3s opacity cubic-bezier(.55, 0, .1, 1);
}

.user-avatar:hover .user-avatar-text {
    opacity: 1;
}

.user-avatar.big img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*
 *  BREADCRUMBS
 */

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 0.125rem;
    list-style: none;
    font-size: 10px;
    word-break: break-word;
    word-wrap: break-word;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: var(--dimmed-color);
    content: ">";
}

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

/*
 *  CARD
 */

.card {
    background-color: var(--background-color);
    border: 0;
    border-radius: var(--border-radius-xl);
    box-shadow: var(--box-shadow);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

.card .link {
    font-size: 0.875rem;
    font-weight: 500;
}

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

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

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

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

.card-body {
    flex: 1 1 auto;
    padding: 1.5rem 1rem;
}

@media(min-width: 576px) {
    .card-body {
        padding: 1.5rem 1.5rem;
    }
}

.card-title {
    margin-bottom: 0.5rem;
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

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

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1rem;
}

.card-header {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
    background-color: var(--dimmed-background-color);
    border-bottom: 1px solid var(--border-color-light);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1), .3s border-color cubic-bezier(.55, 0, .1, 1);
}

.card-header:first-child {
    border-top-left-radius: var(--border-radius-xl);
    border-top-right-radius: var(--border-radius-xl);
}

.card-footer {
    padding: 0.75rem 1.5rem;
    background-color: var(--dimmed-background-color);
    border-top: 1px solid var(--border-color-light);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1), .3s border-color cubic-bezier(.55, 0, .1, 1);
}

.card-footer:last-child {
    border-bottom-left-radius: var(--border-radius-xl);
    border-bottom-right-radius: var(--border-radius-xl);
}

.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}

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

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group>.card {
    margin-bottom: 0.75rem;
}

.card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--dimmed-background-color);
    color: #fff;
    border-radius: 100%;
    margin: 0 auto .5rem;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.card .tab-content .field-disabled img {
    max-width: 100%;
    height: auto;
}

.scheme-dark .card .summary .grid-button img {
    filter: invert(1);
}

.card .card-body .update-web360-icon {
    right: 15px;
    fill: rgba(0, 0, 0, 0.05);
    transform: translateY(-50%);
    top: 50%;
    z-index: -1;
}

.scheme-dark .card .card-body .update-web360-icon {
    fill: rgba(255, 255, 255, 0.05);
}

.card.card-update {
    background: transparent;
    border: 1px solid #4EAAA4;
}

.card.card-update.update-available {
    border-color: var(--skin-400)
}

.card .card-footer {
    background-color: rgba(0, 0, 0, 0.03);
}

.scheme-dark .card .card-footer {
    background-color: rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

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

.card .users-list .item {
    background-color: var(--dimmed-background-color);
    border-radius: var(--border-radius);
}

.card .users-list .item:before,
.card .users-list .item:after {
    content: '';
    height: 8px;
    width: 8px;
    background-color: #008077;
    border-radius: 100%;
}

.card .users-list .item:after {
    position: absolute;
}

.card .users-list .card-icon-small {
    background-color: var(--dimmed-background-color);
    border-radius: 100%;
    color: var(--ico-color);
}

.card .users-list .item:before {
    background-color: #00bdb0;
    animation: useronline 3s infinite;
}

@keyframes useronline {
    0% {
        transform: scale(1, 1);
        opacity: 0.8
    }

    70% {
        transform: scale(2.3, 2.3);
        opacity: 0
    }

    100% {
        transform: scale(2.3, 2.3);
        opacity: 0
    }
}

/*
 *  SIDEBAR MENU
 */

.sidebar-menu {
    margin: 1.5rem 0;
    padding: 0 .313rem .313rem;
    background-color: var(--dimmed-background-color);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1), .3s border cubic-bezier(.55, 0, .1, 1);
}

.menu-tree {
    font-size: 0.875rem;
    font-weight: 500;
}

.menu-tree-add {
    font-weight: 400;
    color: var(--skin-700);
}

.treeview-list {
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    padding: .313rem;
    box-shadow: var(--box-shadow);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1), .3s border cubic-bezier(.55, 0, .1, 1);
    overflow: hidden;
}

/*
 *  RADIAL PROGRESS
 */

.radial-progress {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 101px;
    height: 101px;
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    margin-bottom: 1rem;
}

.radial-progress:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 91px;
    height: 91px;
    margin: 5px;
    border-radius: 100%;
    border: 5px solid rgba(189, 189, 189, .2);
}

.radial-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 101px;
    height: 101px;
}

/*
 *  PROGRESS BAR
 */

.progress {
    border-radius: var(--border-radius);
    height: 24px;
}

.progress-bar {
    background-color: var(--skin-500);
    background-image: linear-gradient(237.96deg, var(--skin-400) 20.87%, var(--skin-700) 86.26%);
}

.progress-bar.bg-danger {
    background-image: linear-gradient(237.96deg, #e43e5c 20.87%, #ae1833 86.26%);
}

.progress-bar.bg-warning {
    background-image: linear-gradient(237.96deg, #e4b53f 20.87%, #ae8318 86.26%);
}

.progress-bar.bg-success {
    background-image: linear-gradient(237.96deg, #4EAAA4 20.87%, #3e8883 86.26%);
}

.poll-container {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chart-pie' width='250' height='250' viewBox='0 0 24 24' stroke-width='2' stroke='rgba(0,0,0,.1)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 3.2a9 9 0 1 0 10.8 10.8a1 1 0 0 0 -1 -1h-6.8a2 2 0 0 1 -2 -2v-7a0.9 .9 0 0 0 -1 -.8'%3E%3C/path%3E%3Cpath d='M15 3.5a9 9 0 0 1 5.5 5.5h-4.5a1 1 0 0 1 -1 -1v-4.5'%3E%3C/path%3E%3C/svg%3E");
    background-position: top -50px right -50px;
    background-repeat: no-repeat;
    background-color: var(--dimmed-background-color);
    border-radius: 10px;
    padding: 24px 26px;
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

/*
 *  APPVIEW
 */

.appview .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    background: var(--icon-background-color);
    border-radius: var(--border-radius);
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.scheme-dark .appview .icon {
    background: var(--background-color);
}

.appview.active .icon {
    background: var(--skin-400);
}

.appview.active .icon svg {
    fill: #fff;
}

.appview.active .icon svg.stroke {
    fill: none;
    stroke: #fff;
}

.appview button {
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.appview.active>div>.btn-link {
    transform: rotate(180deg);
}

.appview .icon-drop {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 15.5px;
    border-right: 1px solid transparent;
    height: 30px;
    z-index: 1;
    transition: .3s border-color cubic-bezier(.55, 0, .1, 1);
}

.appview.active>div>a>.icon-drop,
.appview>div:hover>a>.icon-drop,
.appview>div:hover>a>.icon {
    border-color: var(--skin-400);
}

.appview .treeview-menu {
    position: relative;
    padding: 5px 0;
}

.appview .treeview-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 14.5px;
    width: 1px;
    height: 100%;
    background-color: var(--border-color);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

.appview .appview-item {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2;
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--color);
    text-align: left;
}

.appview .treeview-menu .appview-item {
    font-weight: 400;
}

.appview .treeview-menu .subtitle {
    padding: .33rem 15px;
    margin: .125rem 0;
    border-radius: var(--border-radius);
    color: var(--dimmed-color);
    word-break: break-word;
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1), .3s color cubic-bezier(.55, 0, .1, 1);
}

.appview.active>div>a>.subtitle,
.appview>div:hover>a>.subtitle,
.appview .treeview-menu .appview-item.active .subtitle {
    color: var(--color);
    background-color: var(--background-color);
}

.app-shortcuts .col-auto+.treeview-menu:before,
.treeview-menu+.col-auto:before {
    content: "";
    display: block;
    position: relative;
    margin: auto 1rem;
    width: 1px;
    height: 25px;
    background-color: var(--border-color);
}

.treeview-menu+.col-auto:before {
    margin: auto 1rem auto .5rem;
}

/*
 *  TIMELINE
 */

.timeline {
    list-style-type: none;
    position: relative;
}

.timeline:before {
    content: ' ';
    background-color: var(--border-color);
    display: inline-block;
    position: absolute;
    left: 14px;
    width: 1px;
    height: 100%;
    z-index: 400;
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

.timeline.horizontal {
    display: flex;
    margin: 0;
    padding: 0;
}

.timeline.horizontal:before {
    width: 100%;
    height: 1px;
    left: 0;
}

.timeline>li {
    position: relative;
    margin: 20px 0;
}

.timeline>li>span {
    border: 1px solid rgba(222, 229, 237, 1);
    background-color: rgba(241, 245, 249, 1);
}

.timeline.horizontal>li>span {
    border: 0;
    background-color: transparent;
}

.timeline>li:before {
    content: '';
    background-color: var(--skin-400);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    display: block;
    position: absolute;
    border-radius: 50%;
    left: -23px;
    width: 10px;
    height: 10px;
    z-index: 400;
}

.timeline.horizontal>li:before {
    content: '';
    background-color: var(--skin-400);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    display: block;
    position: absolute;
    border-radius: 50%;
    left: calc(1.5rem + 5px);
    top: calc(-1.5rem);
    width: 10px;
    height: 10px;
    z-index: 400;
}

/*
 *  JSTREE
 */

#jstreeSearch {
    font-size: 0.813rem;
    height: 44px;
}

#jstreeSearch+.btn {
    height: 44px;
    padding: .375rem 1rem;
}

.jstree-default .jstree-anchor {
    display: inline-block;
    overflow-wrap: break-word;
    font-size: 0.825rem;
    max-width: calc(100% - 16px);
    white-space: normal;
    height: auto;
    line-height: 16px;
    padding: 4px 4px 4px 0;
    border-radius: var(--border-radius);
}

.jstree-unpublished>.jstree-anchor {
    border: 1px solid var(--bs-red);
    background-image: linear-gradient(-90deg, rgba(220, 53, 69, 0.1), rgba(0, 0, 0, 0));
}

.jstree-default .jstree-node {
    background-image: none;
    margin-left: 16px;
}

.jstree-default .jstree-leaf>.jstree-ocl {
    background-image: none;
}

.jstree-anchor>.jstree-themeicon {
    flex-shrink: 0;
    margin-right: .250rem;
}

.jstree-default>.jstree-container-ul>.jstree-node {
    margin-top: .125rem;
    margin-bottom: .125rem;
}

.jstree-default .jstree-search {
    color: var(--skin-700);
}

.jstree-default .jstree-node {
    position: relative;
}

.jstree-default .jstree-search {
    color: var(--opti-link);
    font-style: normal;
    position: relative;
    border-radius: var(--border-radius);
    border: 1px solid var(--skin-400);
}

.jstree-default .jstree-search:before {
    height: 100%;
    width: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--skin-400);
    opacity: 0.05;
}

.jstree-default .jstree-icon.jstree-ocl {
    width: 14px;
    padding: 2px 0 0 4px;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.jstree-default .jstree-icon.jstree-themeicon {
    width: 20px;
    height: 16px;
}

.jstree-default .jstree-closed>.jstree-ocl {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -5 24 24' width='16' fill='%23434649'%3E%3Cpath d='M5.314 7.071l-4.95-4.95A1 1 0 0 1 1.778.707l5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414l4.95-4.95z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    transform: rotate(0deg);
}

.jstree-default .jstree-open>.jstree-ocl {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -5 24 24' width='16' fill='%23434649'%3E%3Cpath d='M5.314 7.071l-4.95-4.95A1 1 0 0 1 1.778.707l5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414l4.95-4.95z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    transform: rotate(45deg);
}

.scheme-dark .jstree-default .jstree-closed>.jstree-ocl {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -5 24 24' width='16' fill='%23ffffff'%3E%3Cpath d='M5.314 7.071l-4.95-4.95A1 1 0 0 1 1.778.707l5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414l4.95-4.95z'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .jstree-default .jstree-open>.jstree-ocl {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -5 24 24' width='16' fill='%23ffffff'%3E%3Cpath d='M5.314 7.071l-4.95-4.95A1 1 0 0 1 1.778.707l5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414l4.95-4.95z'%3E%3C/path%3E%3C/svg%3E");
}

.jstree-default .jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/universal.svg");
    background-position: center;
}

.jstree-default>.jstree-container-ul .jstree-node[data-type="2"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/link.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-type="5"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/description_page.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="news"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/news.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="description"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/description.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="gallery"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/gallery.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="videogallery"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/videogallery.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="search"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/search.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="event"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/event.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="useraccount"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/useraccount.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="links"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/links.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="listpage"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/listpage.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="privacypolicy"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/privacypolicy.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="poll"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/poll.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="contact"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/contact.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="file"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/file.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="sitemap"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/sitemap.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="tags"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/tags.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="login"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/login.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="userregister"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/userregister.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="careeruserregister"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/careeruserregister.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="conferenceuserregister"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/conferenceuserregister.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="jobs"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/jobs.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="products"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/products.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="newsletter"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/newsletter.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="interactivemap"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/interactivemap.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="structure"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/structure.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="employees"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/employees.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="faculties"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/faculties.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="academiccalendar"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/academiccalendar.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="trainings"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/trainings.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="donation"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/donation.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="changelog"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/changelog.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="forum"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/forum.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="dictionaries"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/dictionaries.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="searchemployees"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/searchemployees.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="usercard"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/usercard.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="calendar"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/calendar.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="conference"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/conference.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="careerjobs"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/careerjobs.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="companies"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/companies.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="careersearchcv"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/careersearchcv.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="announcements"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/announcements.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="surveys"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/surveys.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="eschool"]>a>.jstree-themeicon,
.jstree-default>.jstree-container-ul .jstree-node[data-module="eschoolid"]>a>.jstree-themeicon,
.jstree-default>.jstree-container-ul .jstree-node[data-module="eschoolidprint"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/eschool.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="competitions"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/competitions.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="cart"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/cart.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="buildings"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/buildings.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="reservations"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/reservations.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="reservationsuserregister"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/careeruserregister.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="educhampionsuserregister"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/careeruserregister.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="educhampions"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/educhampions.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="schedule"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/schedule.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="projects"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/projects.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="sportstournaments"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/sportstournaments.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="download"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/download.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="accessibility"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/accessibility.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="packages"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/packages.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="members"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/members.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="onboarding"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/onboarding.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="donationotk"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/donationotk.svg");
}

.jstree-default>.jstree-container-ul .jstree-node[data-module="globalsponsors"]>a>.jstree-themeicon {
    background-image: url("/dashboard/assets/img/modules/globalsponsors.svg");
}

/*
 *  SHADOW
 */

.shadow {
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
    transition: .3s border cubic-bezier(.55, 0, .1, 1);
}

.border,
.border-top,
.border-end,
.border-bottom,
.border-start {
    border-color: var(--border-color-light) !important;
    transition: .3s border cubic-bezier(.55, 0, .1, 1);
}

.border.border-dark {
    border-color: var(--border-color) !important;
}

/*
 *  GRID
 */

.dataTables_wrapper .btn img {
    transform: translateY(-1px);
}

.dataTables_wrapper div.dt-button-collection {
    background-color: var(--dimmed-background-color);
}

.dataTables_wrapper div.dt-button-collection .dropdown-menu {
    border-radius: var(--border-radius);
    overflow: hidden;
    padding: 0;
}

.scheme-dark .dataTable.table-striped>tbody>tr.table-danger.odd>*,
.scheme-dark .dataTable.table-striped>tbody>tr.table-warning.odd>*,
.scheme-dark .dataTable.table-striped>tbody>tr.even:hover td,
.scheme-dark .dataTable.table-striped>tbody>tr.table-danger.even:hover td,
.scheme-dark .dataTable.table-striped>tbody>tr.table-warning.even:hover td {
    color: #000;
}

.scheme-dark .dataTable.table-striped>tbody>tr.table-danger a {
    color: var(--skin-700);
}

.scheme-dark .dataTable.table-striped>tbody>tr.table-danger .actions-column a {
    filter: invert(30%);
}

.scheme-dark .dataTable.table-striped>tbody>tr.even:hover td {
    color: #FFF;
}

.scheme-dark table.dataTable.table-striped tr.table-success,
.scheme-dark table.dataTable.table-striped tr.table-success td {
    background-color: #1B4E37 !important;
}

.scheme-dark .dataTables_wrapper .btn img {
    filter: invert(1);
}

.dataTable.table-striped>tbody>tr.table-danger .action-icon-danger {
    filter: none !important;
}

.dataTable.table-striped>tbody>tr.table-danger .action-icon-danger:before {
    content: '';
    height: 6px;
    width: 6px;
    background-color: #E43E5C;
    position: absolute;
    transform: translate(8px, 23px);
    border-radius: 100%;
}

.dataTable.table-striped>tbody>tr.table-info .action-icon-info {
    filter: none !important;
}

.dataTable.table-striped>tbody>tr.table-info .action-icon-info:before {
    content: '';
    height: 6px;
    width: 6px;
    background-color: #009EE0;
    position: absolute;
    transform: translate(8px, 23px);
    border-radius: 100%;
}

.dataTable .link-column {
    max-width: 600px;
}

.scheme-dark .table.dataTable.table-striped>tbody>tr.selected td {
    box-shadow: inset 0 0 0 9999px var(--skin-900) !important;
}

.scheme-dark .table td:not(.actions-column) .action-button {
    filter: invert(1);
}

div.dataTables_wrapper {
    overflow-x: hidden;
}

.dataTables_wrapper .addField {
    background-color: #157347;
    order: -1;
    margin-right: 10px;
    border-radius: var(--border-radius) !important;
}

.dataTables_wrapper .addField:hover {
    background-color: #115f3b;
}

.dataTables_wrapper .actionSeparate {
    background-color: var(--skin-700);
    color: #FFF;
    order: -1;
    margin-right: 10px;
    border-radius: var(--border-radius) !important;
}

.scheme-light .dataTables_wrapper .addField {
    color: #FFF;
}

.scheme-light .dataTables_wrapper .addField img {
    filter: invert(1);
}

.dataTable .dtfc-fixed-left {
    max-width: 200px;
}

@media screen and (max-width: 576px) {
    .dataTable .dtfc-fixed-left:not(.select-checkbox) {
        left: unset !important;
        position: relative !important;
        z-index: 1;
    }

    .dataTable .dtfc-fixed-left.select-checkbox {
        z-index: 2;
    }

    .dataTable .dtfc-fixed-right.actions-column {
        position: static !important;
    }

    .datatable-grid-filters .dtfc-fixed-right {
        background-color: transparent !important;
    }
}

@media screen and (min-width: 1200px) {
    .dataTable .dtfc-fixed-left {
        max-width: 300px;
    }
}

@media screen and (min-width: 1400px) {
    .dataTable .dtfc-fixed-left {
        max-width: 400px;
    }
}

tr.dt-hasChild.shown td {
    border-top: 1px solid var(--skin-400);
}

tr.dt-hasChild.shown td:first-child {
    border-left: 1px solid var(--skin-400);
}

tr.dt-hasChild.shown td:last-child {
    border-right: 1px solid var(--skin-400);
}

tr.dt-hasChild.shown+tr>td {
    border-left: 1px solid var(--skin-400);
    border-right: 1px solid var(--skin-400);
    border-bottom: 1px solid var(--skin-400);
}

/*
 *  PAGINATION
 */


.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    color: var(--color);
    font-size: .8rem;
    font-weight: 500;
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
}

.page-link:hover {
    color: var(--color);
    background-color: var(--dimmed-background-color);
    border-color: var(--border-color);
}

.page-link:focus {
    color: var(--color);
    background-color: var(--dimmed-background-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--skin-700);
    border-color: var(--skin-700);
}

.page-item.disabled .page-link {
    color: var(--dimmed-color);
    background-color: var(--background-color);
    border-color: var(--border-color);
}

.page-link {
    padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

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

    .pagination .page-item.previous,
    .pagination .page-item.next {
        display: none;
    }
}

/*
 *  TABLE
 */


.table {
    --bs-table-bg: var(--background-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--color);
    --bs-table-striped-bg: var(--dimmed-background-color);
    --bs-table-active-color: var(--color);
    --bs-table-active-bg: var(--active-background-color);
    --bs-table-hover-color: var(--color);
    --bs-table-hover-bg: var(--active-background-color);
    --bs-table-color: var(--color);
    --bs-table-color-state: var(--color);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--color);
    border-color: var(--border-color-light);
}

.scheme-contrast .table {
    border-color: var(--border-color);
}

.table> :not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    transition: .3s border cubic-bezier(.55, 0, .1, 1), .3s background-color cubic-bezier(.55, 0, .1, 1), .3s color cubic-bezier(.55, 0, .1, 1);
}

.table> :not(:last-child)> :last-child>* {
    border-bottom-color: var(--border-color-light);
}

.scheme-contrast .table> :not(:last-child)> :last-child>* {
    border-bottom-color: var(--border-color);
}

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

.table-bordered> :not(caption)>* {
    border-width: 1px 0;
}

.table-bordered> :not(caption)>*>* {
    border-width: 0 1px;
}

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

.table-striped>tbody>tr:nth-of-type(odd) {
    color: var(--color);
}

.table a {
    color: var(--opti-link);
    font-weight: 500;
}

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

.table-hover>tbody>tr:hover,
.table-hover>tbody>tr.hover {
    color: var(--color);
}

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

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

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

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

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

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

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

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

.table .jQadd,
.table .jQremove {
    cursor: pointer;
}

.scheme-dark .table .jQadd,
.scheme-dark .table .jQremove {
    filter: invert(1);
}

.table-changelog img {
    max-width: 100%;
}

#page-grid.table td:first-child a {
    display: flow-root;
}

/*
 *  MODAL
 */

.modal-content {
    background-color: var(--background-color);
    border-color: var(--border-color);
    border-radius: var(--border-radius-xl);
}

.modal-backdrop {
    backdrop-filter: blur(4px);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.scheme-dark .modal-backdrop {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.9) 100%);
}

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

.modal-header {
    padding: 1rem 1.5rem 0;
    border-bottom: 0;
}

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

.modal-body {
    padding: 1rem 1.5rem;
}

.modal-footer {
    padding: 0.75rem 1.5rem;
    border-top: 1px solid var(--border-color);
}

/*
 *  VISUAL HELPERS
 */

@media(max-width: 767.98px) {

    .visually-hidden-md,
    .visually-hidden-focusable-md:not(:focus):not(:focus-within) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}

@media(max-width: 991.98px) {

    .visually-hidden-lg,
    .visually-hidden-focusable-lg:not(:focus):not(:focus-within) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}

@media(max-width: 1199.98px) {

    .visually-hidden-xl,
    .visually-hidden-focusable-xl:not(:focus):not(:focus-within) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}

@media(max-width: 1399.98px) {

    .visually-hidden-xxl,
    .visually-hidden-focusable-xxl:not(:focus):not(:focus-within) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}

/*
 *  INPUT FILES
 */

.form .files .list {
    position: relative;
    min-height: 1.5rem;
}

.form .files .list #no-files {
    display: block;
    font-style: italic;
    color: var(--dimmed-color);
    position: absolute;
    left: 0;
    top: 0;
}

.form .files .list .element,
.tree .element {
    background-color: var(--dimmed-background-color);
    position: relative;
    padding: .66rem 1rem;
    margin: 0 0 1rem;
    width: 100%;
    border: 3px solid var(--dimmed-background-color);
    border-radius: var(--border-radius);
    transition: .3s border-color cubic-bezier(.55, 0, .1, 1), .3s background-color cubic-bezier(.55, 0, .1, 1);
}

.form-group .description {
    font-size: .8rem;
    color: var(--dimmed-color);
    margin-top: 0.25rem;
}

.form-group .d-grid .element .tree-head {
    flex-wrap: wrap;
}

.publish-tab .tree .element {
    background-color: var(--background-color);
    cursor: pointer;
}

.publish-tab .tree .element:hover,
.tree .element:hover {
    border: 3px solid var(--border-color);
}

.publish-tab .tree.active-move .element,
.tree.active-move .element,
.element.active-move {
    border: 3px dashed var(--skin-400) !important;
}

.tree.ui-sortable .element:hover {
    cursor: all-scroll;
}

.form .files .list .element,
.tree .element .title {
    min-width: 20%;
    font-weight: 700;
}

.form .files .list .element.active-move {
    border: 3px dashed var(--skin-400) !important;
}

.ui-sortable-placeholder {
    border: 2px dashed var(--border-color);
    border-radius: var(--border-radius);
    margin-bottom: .5rem;
}

.form .files .list .element.darker {
    border-color: #fcd9e2;
}

.form .files .list .element.unpublished,
.tree .element.required {
    border: 3px solid #d10b3d;
    padding-bottom: 30px;
}

.form .files .list .element.unpublished:before {
    content: "Nieopublikowany";
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 10px 7px;
    width: auto;
    line-height: 0;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: #d10b3d;
    color: #fff;
    z-index: 1;
    border-top-right-radius: var(--border-radius);
}

.tree .element.required span>span {
    display: block;
}

.tree .element.required .title:after {
    content: "Pole wymagane";
    position: relative;
    padding: 2px .5rem;
    width: auto;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: #d10b3d;
    color: #fff;
    z-index: 1;
    border-radius: var(--border-radius);
}

.tree .element img,
.tree .element video {
    max-width: 100%;
    height: auto;
}

html[lang="en"] .tree .element.required .title:after {
    content: "Field required";
}

tr.prevent-click td {
    background-color: #F1E5E8 !important;
}

.scheme-dark tr.prevent-click td {
    background-color: #5A2437 !important;
}

tr.prevent-click .actions-column {
    color: #912741;
}

tr.prevent-click svg {
    fill: #dc3545 !important;
    stroke: none !important;
}

.form .files .list .element.random {
    border: 3px solid rgb(13, 202, 240);
    padding-bottom: 30px;
}

.form .files .list .element.random:before {
    content: "Zdjęcie domyślne";
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 10px 7px;
    width: auto;
    line-height: 0;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: rgb(13, 202, 240);
    color: #232323;
    z-index: 1;
    border-top-right-radius: var(--border-radius);
}

.form .files .list .element-helper,
.ui-sortable .ui-sortable-placeholder {
    background-color: var(--background-color);
    padding: 5px;
    width: 100%;
    margin: 10px 0;
    border-radius: var(--border-radius-xl);
}

.form .files .list .element .thumb {
    width: 100%;
    max-width: 48px;
    max-height: 48px;
    border-radius: var(--border-radius-xl);
    transition: .3s opacity cubic-bezier(.55, 0, .1, 1);
}

.form .files .list .element.darker .thumb {
    opacity: .25;
}

.form .files .list .element .handlers {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: .5rem;
}

.form .files .list .element .collapsed svg {
    transform: rotate(180deg);
}

/*
 *  INPUT FILES
 */


.form .files .list .element.green-bordered {
    border-color: #dfd;
}

.form .files .list .element.field-bigger {
    max-width: 100%;
    min-height: 0;
    padding: 10px 0 30px;
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    .form .files .list .element.field-bigger {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .form .files .list .element.field-bigger>a,
    .form .files .list .element.field-bigger input {
        flex: 0 0 calc(50% - 15px);
    }
}

.form .files .list .element.field-bigger .form-group {
    margin-bottom: 0;
}


.form .files .list .element>a {
    background: url("../images/ico16x16/file_black.png") no-repeat left top;
    color: #282828;
    display: block;
    padding: 0 0 4px 20px;
    margin-left: 10px;
    overflow: hidden;
}

.form .files .list .element .help-block {
    display: block;
    width: calc(100% - 20px);
    margin-left: 10px;
}

.form .files .list .element input[type=checkbox],
.form .files .list .element input[type=radio] {
    display: inline-block;
    min-width: 0;
}

.form .files .list .element input[type=checkbox]+label {
    display: inline-block;
    min-width: 0;
    padding-top: 0;
}

/*
 *  RESPONSIVE TABS
 */

.responsive-tabs .nav-tabs {
    display: none;
}

@media (min-width: 992px) {
    .responsive-tabs .nav-tabs {
        display: flex;
        position: sticky;
        top: 0;
        z-index: 1001;
    }

    .responsive-tabs .card .accordion-nav-link {
        display: none !important;
    }

    .responsive-tabs .card .collapse-responsive {
        display: block !important;
        height: auto !important;
    }
}

@media (max-width: 991px) {
    .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
}

/*
 *  TINYMCE
 */

.tox-tinymce {
    border-color: var(--border-color) !important;
    border-radius: var(--border-radius) !important;
}

.scheme-dark .tox-navobj {
    background-color: #FFF;
}

.tox .tox-form__controls-h-stack>.tox-form__controls-h-stack {
    margin-left: auto !important;
}

.tox .small {
    font-size: .75rem;
}

.texteditor .mce-content-body {
    border: 2px solid var(--skin-400);
    border-radius: var(--border-radius);
    min-height: 500px;
}

/*
 *  BOOTBOX
 */

.scheme-dark .bootbox .btn {
    color: #FFF;
}

/*
 *  ELFINDER
 */

.scheme-dark .elfinder .elfinder-button-icon-rename {
    background-color: #FFF;
}

.scheme-dark .elfinder .elfinder-navbar .elfinder-navbar-dir input {
    color: #000;
    padding-left: 5px;
}

.scheme-dark .elfinder .elfinder-quicklook-navbar-icon {
    background-color: #DFCEB1;
    filter: invert(1);
}

.elfinder-dialog-modal.elfinder-frontmost {
    max-height: 90% !important;
    overflow-y: scroll !important;
    top: 20px !important;
}

.scheme-dark .elfinder-dialog-modal .alert,
.scheme-dark .elfinder-dialog .ui-state-active,
.scheme-dark .elfinder-dialog .ui-state-active:hover {
    color: #000;
}

.scheme-dark .elfinder-resize-container label,
.scheme-dark .elfinder-resize-container label:hover,
.scheme-dark .elfinder-resize-container label.ui-state-active,
.scheme-dark .elfinder-resize-container .ui-button {
    background-color: var(--dimmed-background-color);
    color: var(--color);
}

.scheme-dark .ui-dialog-content .elfinder-resize-container label:hover,
.scheme-dark .elfinder-resize-container .ui-button:hover {
    background-color: var(--active-background-color);
}

.scheme-dark .ui-tabs .ui-tabs-tab.ui-tabs-active {
    border-color: var(--skin-400);
}

.scheme-dark .ui-tabs .ui-tabs-tab a {
    color: #FFF;
}

/*
 *  LEAFLET
 */

.leaflet-container {
    border-radius: var(--border-radius);
}

.scheme-dark .leaflet-container .leaflet-control-geosearch .results {
    color: #000;
}

/*
 *  TREEGRID
 */

.treegrid-items {
    position: relative;
    display: block;
    float: left;
    min-width: 16px;
    height: 100%;
}

.treegrid-indent {
    width: 32px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.treegrid-expander {
    width: 32px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -8 24 24' width='18' fill='currentColor'%3E%3Cpath d='M7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364l4.95 4.95z'%3E%3C/path%3E%3C/svg%3E");
    transition: .3s transform cubic-bezier(.55, 0, .1, 1);
}

.treegrid-expander-expanded {
    transform: rotate(180deg);
}

.treegrid-expander-collapsed {
    transform: rotate(0deg);
}

.scheme-dark .treegrid-expander {
    filter: invert(1);
}

/*
 * CALENDAR
 */

.cal-grid .fc-m {
    display: flex;
    flex-direction: row;
    padding: 0 0 30px;
    margin: 0 0 40px;
    flex: 1;
}

.cal-grid .fc-w {
    display: flex;
    flex: 1;
}

.cal-grid .fc-d {
    position: relative;
    width: 100%;
    min-height: 130px;
}

.cal-grid .fc-d.special {
    color: var(--edu-main-color);
}

.cal-grid .fc-d .fc-evnt-cont {
    position: relative;
    display: block;
}

.cal-grid .fc-d .small-day {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    padding: 0 0 20px;
}

.cal-grid .fc-m .fc-wn {
    display: none;
}

.cal-grid .fc-d .date {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.cal-grid .fc-d.is-day:after {
    content: "";
    display: block;
    position: absolute;
    top: 45px;
    left: auto;
    right: 0;
    width: 1px;
    height: calc(100% - 38px);
    border-right: 1px solid var(--border-color);
    z-index: 0;
}

.cal-grid .fc-d.is-day:before {
    content: "";
    position: absolute;
    top: 27px;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    background: transparent;
}

.cal-grid .fc-d:nth-child(2):before {
    border-left: 1px solid var(--border-color);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cal-grid .fc-d:last-child:before {
    border-right: 1px solid var(--border-color);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.cal-grid .fc-d.today:before {
    top: 22px;
    width: calc(100% + 1px);
    height: calc(100% + 11px);
    border-radius: 8px;
    border: 1px solid var(--skin-400);
    z-index: 1;
    background: rgba(0, 63, 185, 0.03);
    margin: 0;
}

.cal-grid .fc-d .fc-evnt {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 5px 5px;
    padding: 0;
    border: 0;
    border-radius: 2px;
    width: 26px;
    height: 8px;
    background-color: var(--skin-400);
    text-indent: -9999px;
    cursor: pointer;
    overflow: hidden;
}

.cal-grid .fc-d .fc-evnt.old {
    background-color: #eceeef;
}

/*
 * WeekCalendar
 */

.cal-week .fc-m {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 80px repeat(7, 1fr);
    grid-template-rows: auto;
    grid-gap: 0px;
}

.cal-week .fc-m .fc-column {
    flex-grow: 1;
}

.cal-week .fc-m .fc-dn {
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 5px;
    min-width: 65px;
}

.cal-week .fc-m .fc-dn.special {
    color: #912741;
}

.scheme-dark .cal-week .fc-m .fc-dn.special {
    color: #eb5f66;
}

.cal-week .fc-m .fc-dn.today {
    border: 1px solid var(--skin-400);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    background-color: var(--skin-900);
    color: #FFF;
    margin: 0 auto;
    height: 100%;
}

.cal-week .fc-m .fc-dn-today .whole-day {
    margin-top: 8px;
}

.cal-week .fc-m .fc-dn.col-header {
    padding: 15px 8px 0 8px;
    text-align: center;
    position: relative;
    z-index: 11;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.cal-week .fc-m .fc-dn.col-header .weekend {
    background-color: var(--skin-400);
}

.cal-week .fc-m .fc-dn.col-header .whole-day .fc-evnt {
    height: auto;
}

.cal-week .fc-m .fc-dn.col-header .fc-evnt-info {
    top: auto !important;
    left: auto;
    right: 0;
}

.cal-week .fc-m .fc-dn.fc-hours {
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .05);
    border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;
    padding: 24px;
    position: sticky;
    background-color: rgb(230, 230, 230, .1);
    top: 0;
    z-index: 10;
}

.cal-week .fc-m .fc-dn.col-hour {
    &.weekend {
        background-color: rgba(255, 255, 255, 0.1);
    }

    &:not(.today) {
        border-left: 1px solid var(--border-color);
    }
}

.cal-week .fc-m .fc-d {
    padding: 1rem;
}

.cal-week .fc-m .fc-d.hour {
    display: flex;
    align-items: center;
}

.cal-week .fc-m .fc-d.hour .start-hour {
    display: flex;
    height: 100%;
    align-items: start;
    width: 80px;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
}

.scheme-dark .cal-week .fc-m .fc-d.hour {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.cal-week .fc-m .fc-evnt {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 0 0.5rem;
    padding: 0.5rem;
    font-size: 14px;
    text-align: left;
    word-break: break-word;
    cursor: pointer;
    overflow: hidden;
    background-color: var(--edu-main-color);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: var(--border-radius);
    transition: 0.3s all cubic-bezier(0.55, 0, 0.1, 1);
}

.cal-week .fc-m .fc-evnt-cont {
    margin-top: 0;
}

.cal-week .fc-m .fc-evnt>span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cal-week .fc-m .fc-evnt.without-title {
    margin: 0 5px 5px 0;
    padding: 0;
    border: 0;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: var(--edu-main-color);
    cursor: pointer;
    overflow: hidden;
}

.cal-week .fc-m .fc-evnt.without-title>span {
    display: block;
    margin-bottom: 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 0;
    height: 0;
}

.cal-full .calendar-controls {
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.cal-full .change-month {
    padding-left: 15px;
}

.cal-full .calendar-container .small-day {
    display: none;
}

.cal-full .calendar-container .fc-wn,
.cal-full .calendar-container .fc-w {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.cal-full .calendar-container .fc-w:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.scheme-dark .cal-full .calendar-container .fc-w:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cal-full .calendar-container .fc-d,
.cal-full .calendar-container .fc-dn {
    display: table-cell;
    vertical-align: top;
}

.cal-full .calendar-container .fc-dn {
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 5px;
}

.cal-full .calendar-container .fc-dn .day-short {
    display: none;
}

.cal-full .calendar-container .fc-d {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--container-default-bg);
    padding: 1rem;
    transition: 0.3s all cubic-bezier(0.55, 0, 0.1, 1);
}

.scheme-dark .cal-full .calendar-container .fc-d {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.cal-full .calendar-container .fc-d:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.scheme-dark .cal-full .calendar-container .fc-d:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.cal-full .calendar-container .fc-d.is-day {
    height: 100px;
    padding-bottom: 20px;
}

.cal-full .calendar-container .fc-d .date {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 0 0.5rem;
}

.cal-full .calendar-container .fc-d .fc-evnt-cont {
    position: relative;
    display: block;
}

.cal-full .calendar-container .fc-d .fc-evnt-cont.without-title {
    display: inline-block;
}

.cal-full .calendar-container .fc-d .fc-evnt {
    position: relative;
    margin: 0 0 0.5rem;
    padding: 0.5rem;
    width: 100%;
    font-size: 14px;
    text-align: left;
    word-break: break-word;
    cursor: pointer;
    overflow: hidden;
    background-color: var(--skin-400);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border: 0;
    border-radius: var(--border-radius);
    transition: 0.3s all cubic-bezier(0.55, 0, 0.1, 1);
}

.cal-full .calendar-container .fc-d .fc-evnt.without-title {
    margin: 0 5px 5px 0;
    padding: 0;
    border: 0;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: var(--skin-400);
    cursor: pointer;
    overflow: hidden;
}

.cal-full .calendar-container .fc-d .fc-evnt.without-title>span {
    display: block;
    margin-bottom: 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 0;
    height: 0;
}

.cal-full .calendar-container .fc-d .fc-evnt>span {
    margin-bottom: 0.25rem;
    text-indent: -9999px;
}

.cal-full .calendar-container .fc-d .fc-evnt>span:first-child {
    color: var(--skin-400);
}

.cal-full .calendar-container .fc-d .fc-evnt.old {
    opacity: 0.7;
}

.cal-full .calendar-container .fc-d .more {
    padding: 0 5px;
    margin: 5px;
}

.cal-full .calendar-container .fc-d.today {
    position: relative;
    z-index: 1;
    border: 1px solid var(--skin-400);
}

.scheme-dark .cal-full .calendar-container .fc-d.today {
    border-left: 1px solid var(--skin-400);
}

.cal-full .calendar-container .fc-d.today .date {
    color: var(--skin-400);
}

.cal-full .calendar-container .fc-d.special .date,
.cal-full .calendar-container .fc-d.special .small-day {
    color: #d51e25;
}

.fc-evnt-cont {
    position: relative;
    display: block;
    margin-top: 10px;
}

.fc-evnt-cont:first-of-type {
    margin-top: 5px;
}

.fc-evnt-info {
    text-indent: 0;
    text-align: left;
    left: -15px;
    line-height: normal;
}

.fc-evnt-info {
    display: none;
    position: absolute;
    z-index: 200;
    width: 320px;
    padding: 15px;
    font-size: 14px;
    color: #000;
    bottom: calc(100% + 20px);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.5rem;
}

.cal-week .fc-evnt-info {
    bottom: unset;
}

.scheme-dark .fc-evnt-info {
    background-color: var(--active-background-color);
    color: #FFF;
}

.scheme-dark .fc-evnt-info .fc-evnt-arrow {
    border-color: transparent transparent var(--active-background-color) var(--active-background-color);
}

.fc-evnt-info .fc-evnt-arrow {
    position: absolute;
    width: 0;
    height: 0;
    bottom: -8px;
    left: 24px;
    box-sizing: border-box;
    border: 0.7em solid black;
    border-color: transparent transparent #fff #fff;
    box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.15);
    transform: rotate(-45deg);
    cursor: initial;
}

@media (min-width: 767px) {
    .cal-week .fc-m .fc-hours {
        min-width: 120px;
    }
}

/*
 * Newsletter template picker
 */

.template-container {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    cursor: pointer;
}

.template-container.active {
    border-color: var(--skin-400);
}

/*
 * Bot modal
 */

.modal .bot-option {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.modal .bot-option .img-container {
    background-color: var(--dimmed-background-color);
}

.scheme-light .modal .bot-option .img-container img {
    filter: invert(0.6);
}

.modal .bot-option:hover {
    border-color: var(--skin-400);
}

.entityFullText span,
#select_sentence span {
    padding: .25rem;
    user-select: none;
    background-color: var(--skin-500);
    color: #fff;
}

/*
 *  JSTREE
 */

.vakata-context,
.vakata-context ul {
    position: absolute;
    z-index: 100;
    border: 1px solid var(--border-color-light);
    margin: 0;
    padding: 0.25rem 0;
    border-radius: var(--border-radius);
    background-color: var(--dimmed-background-color);
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    font-size: .813rem;
}

.vakata-context li>a .vakata-contextmenu-sep {
    width: 0px;
    border: 0;
    margin: 0 .5rem 0 0;
}

.vakata-context li>a>i {
    opacity: .5;
    background-size: 16px 16px !important;
    background-position: center right !important;
}

.scheme-dark .vakata-context li>a>i {
    filter: invert(1);
}

.vakata-context li>a>i:empty {
    width: 2.5rem;
}

.vakata-context li>a {
    padding: 0 1rem;
    color: var(--color);
    text-shadow: none;
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.vakata-context .vakata-context-hover>a,
.vakata-context li>a:hover {
    background-color: var(--background-color);
    box-shadow: none;
}

.jstree-anchor {
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
    width: 100%;
}

.jstree-default .jstree-hovered {
    background-color: var(--dimmed-background-color);
    border-radius: var(--border-radius);
    box-shadow: none;
}

.jstree-default .jstree-clicked {
    background-color: var(--dimmed-background-color);
    color: var(--color);
    font-weight: 500;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

/*
 *  COLUMNS VISUAL
 */

.number_of_columns {
    background-color: transparent;
    position: relative;
    z-index: 1;
}

.columns-visual {
    position: absolute;
    top: 35px;
    left: 0.5rem;
    right: 0.5rem;
    z-index: 0;
    --bs-gutter-x: .5rem;
}

.columns-visual .column .visual {
    height: 31px;
    background-color: var(--dimmed-background-color);
    border-radius: var(--border-radius);
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

/*
 *  PRIVILEGES
 */

.x-tree-arrows {
    padding: .66rem 1rem;
    background-color: var(--dimmed-background-color);
    border-radius: var(--border-radius);
    border: 1px solid var(--dimmed-background-color);
    transition: .3s border cubic-bezier(.55, 0, .1, 1);
}

.x-grid-tree-node-expanded {
    border-color: var(--skin-400);
}

.x-grid-tree-node-expanded .icon {
    background-color: var(--skin-400);
}

.x-grid-tree-node-expanded .icon svg.stroke {
    fill: none;
    stroke: #fff;
}

.x-grid-tree-node-expanded .icon svg {
    fill: #fff;
}

.x-tree-expander {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;

}

.x-grid-tree-node-expanded .x-tree-expander {
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.x-grid-tree-node-expanded .x-tree-expander {
    transform: rotate(180deg);
}

.x-tree-arrows .x-tree-group {
    margin-left: 2.5rem;
}

.x-tree-column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    min-height: 30px;
    padding: .25rem .33rem;
    text-align: center;
}

.x-tree-column.custom {
    width: auto;
    flex-shrink: 1;
    text-align: left;
}

.x-tree-column.custom .btn {
    margin: -.125rem 0;
}

.x-tree-column>.form-check-input {
    margin-top: 0;
}

.x-tree-separator {
    width: 1px;
    height: 20px;
    margin: .25rem .5rem;
    border-left: 1px solid var(--border-color);
}

.x-tree-sticky {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.privilege-table .row-item {
    transition: .3s all cubic-bezier(.55, 0, .1, 1);
}

.privilege-table .row-item:hover {
    background-color: var(--dimmed-background-color);
}

.CodeMirror {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

/*
 *  MARKDOWN EDITOR
 */

.editor-toolbar+.CodeMirror {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.textarea .editor-toolbar {
    display: flex;
    border-color: var(--border-color);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.textarea .editor-toolbar .fa {
    color: var(--color) !important;
    width: 36px;
    height: 36px;
}

.textarea .editor-toolbar .fa.active,
.textarea .editor-toolbar .fa:hover {
    background-color: var(--background-color);
    border-color: var(--border-color);
}

.textarea .editor-toolbar i.separator {
    border-left: 1px solid var(--border-color) !important;
    border-right: 0 !important;
}

.textarea .editor-toolbar .fa:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.textarea .editor-toolbar .bold:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bold' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 5h6a3.5 3.5 0 0 1 0 7h-6z'%3E%3C/path%3E%3Cpath d='M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .italic:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-italic' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M11 5l6 0'%3E%3C/path%3E%3Cpath d='M7 19l6 0'%3E%3C/path%3E%3Cpath d='M14 5l-4 14'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .strikethrough:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-strikethrough' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3Cpath d='M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .header:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-heading' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 12h10'%3E%3C/path%3E%3Cpath d='M7 5v14'%3E%3C/path%3E%3Cpath d='M17 5v14'%3E%3C/path%3E%3Cpath d='M15 19h4'%3E%3C/path%3E%3Cpath d='M15 5h4'%3E%3C/path%3E%3Cpath d='M5 19h4'%3E%3C/path%3E%3Cpath d='M5 5h4'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .list-ul:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M9 6l11 0'%3E%3C/path%3E%3Cpath d='M9 12l11 0'%3E%3C/path%3E%3Cpath d='M9 18l11 0'%3E%3C/path%3E%3Cpath d='M5 6l0 .01'%3E%3C/path%3E%3Cpath d='M5 12l0 .01'%3E%3C/path%3E%3Cpath d='M5 18l0 .01'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .list-ol:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list-numbers' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M11 6h9'%3E%3C/path%3E%3Cpath d='M11 12h9'%3E%3C/path%3E%3Cpath d='M12 18h8'%3E%3C/path%3E%3Cpath d='M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4'%3E%3C/path%3E%3Cpath d='M6 10v-6l-2 2'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .link:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-link' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M9 15l6 -6'%3E%3C/path%3E%3Cpath d='M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464'%3E%3C/path%3E%3Cpath d='M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .picture:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M15 8h.01'%3E%3C/path%3E%3Cpath d='M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z'%3E%3C/path%3E%3Cpath d='M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5'%3E%3C/path%3E%3Cpath d='M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .table:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-border-all' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M4 12l16 0'%3E%3C/path%3E%3Cpath d='M12 4l0 16'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .rule:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-separator-horizontal' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 12l16 0'%3E%3C/path%3E%3Cpath d='M8 8l4 -4l4 4'%3E%3C/path%3E%3Cpath d='M16 16l-4 4l-4 -4'%3E%3C/path%3E%3C/svg%3E");
}

.textarea .editor-toolbar .preview:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23434649' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'%3E%3C/path%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .bold:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bold' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 5h6a3.5 3.5 0 0 1 0 7h-6z'%3E%3C/path%3E%3Cpath d='M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .italic:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-italic' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M11 5l6 0'%3E%3C/path%3E%3Cpath d='M7 19l6 0'%3E%3C/path%3E%3Cpath d='M14 5l-4 14'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .strikethrough:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-strikethrough' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3Cpath d='M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .header:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-heading' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 12h10'%3E%3C/path%3E%3Cpath d='M7 5v14'%3E%3C/path%3E%3Cpath d='M17 5v14'%3E%3C/path%3E%3Cpath d='M15 19h4'%3E%3C/path%3E%3Cpath d='M15 5h4'%3E%3C/path%3E%3Cpath d='M5 19h4'%3E%3C/path%3E%3Cpath d='M5 5h4'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .list-ul:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M9 6l11 0'%3E%3C/path%3E%3Cpath d='M9 12l11 0'%3E%3C/path%3E%3Cpath d='M9 18l11 0'%3E%3C/path%3E%3Cpath d='M5 6l0 .01'%3E%3C/path%3E%3Cpath d='M5 12l0 .01'%3E%3C/path%3E%3Cpath d='M5 18l0 .01'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .list-ol:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-list-numbers' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M11 6h9'%3E%3C/path%3E%3Cpath d='M11 12h9'%3E%3C/path%3E%3Cpath d='M12 18h8'%3E%3C/path%3E%3Cpath d='M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4'%3E%3C/path%3E%3Cpath d='M6 10v-6l-2 2'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .link:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-link' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M9 15l6 -6'%3E%3C/path%3E%3Cpath d='M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464'%3E%3C/path%3E%3Cpath d='M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .picture:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-photo' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M15 8h.01'%3E%3C/path%3E%3Cpath d='M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z'%3E%3C/path%3E%3Cpath d='M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5'%3E%3C/path%3E%3Cpath d='M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .table:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-border-all' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M4 12l16 0'%3E%3C/path%3E%3Cpath d='M12 4l0 16'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .rule:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-separator-horizontal' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 12l16 0'%3E%3C/path%3E%3Cpath d='M8 8l4 -4l4 4'%3E%3C/path%3E%3Cpath d='M16 16l-4 4l-4 -4'%3E%3C/path%3E%3C/svg%3E");
}

.scheme-dark .textarea .editor-toolbar .preview:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'%3E%3C/path%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'%3E%3C/path%3E%3C/svg%3E");
}

/*
 *  SECTION GRID
 */

.section-grid {
    display: grid;
    gap: 15px;
}

.section-grid .ui-resizable-e {
    width: calc(var(--bs-gutter-x) * .5);
    right: 0;
    z-index: 1045 !important;
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

.section-grid .ui-resizable-w {
    width: calc(var(--bs-gutter-x) * .5);
    left: 0;
    z-index: 1045 !important;
    transition: .3s background-color cubic-bezier(.55, 0, .1, 1);
}

.ui-resizable-e:hover,
.ui-resizable-w:hover {
    background-color: rgb(125 125 125 / 50%);
}

/*
 *  DEMO SERVICE
 */

.variant-toggler {
    background-color: var(--active-background-color);
    color: var(--color);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.variant-toggler::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    top: calc(50% - 3px);
    left: 0.6rem;
}

.variant-toggler.variant-edu:after {
    background-color: #009ee0;
}

.variant-toggler.variant-public:after {
    background-color: #4eb848;
}

.variant-toggler.variant-enterprise:after {
    background-color: #ed1651;
}

.variant-toggler.active {
    border: 1px solid var(--skin-400);
}

.web360-title .badge {
    background-color: var(--skin-700);
    font-size: 12px;
    transition: 0.3s background-color;
}

/*
 *  CODE ELEMENT
 */

.code-copy-container {
    display: flex;
    flex-wrap: nowrap;
}

.code-copy-container pre[class*=language-] {
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    background-color: var(--dimmed-background-color);
    color: var(--color);
    margin: 0;
    overflow: hidden;
    width: 100%;
    word-wrap: normal;
    white-space: normal;
}

.code-copy-container.animate {
    animation: bloop 0.2s;
}

@keyframes bloop {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(0.99, 0.99)
    }

    100% {
        transform: scale(1, 1)
    }
}

.code-copy>.icon {
    transition: transform 0.2s;
}

.code-copy:hover>.icon {
    transform: scale(1.1, 1.1);
}

#g-recaptcha-test .grecaptcha-badge {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

/*
 *  GRADIENT ELEMENT
 */

.gradient-preview-box {
    width: 200px;
    height: 200px;
    padding: 5px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-xl);
    flex-shrink: 0;
}

.gradient-preview {
    width: 100%;
    height: 100%;
}

.form-range+output {
    min-width: 50px;
}

.mail-content {
    overflow-x: scroll;
}

.file-preview.done {
    background: #ccffd3;
}

.file-preview {
    position: relative;
    background: linear-gradient(to right, var(--skin-100) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
}

.file-preview a {
    display: block;
    position: relative;
    padding: 5px;
}

/*
 *  BOT
 */

.optibot-draggable {
    z-index: 5;
}

.student-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 18.23px;
    text-align: center;
    color: rgba(67, 70, 73, 1);
}

.student-number {
    font-size: 10px;
    font-weight: 700;
    line-height: 13.02px;
    text-align: center;
    color: rgba(0, 130, 184, 1);
}

.student-percentage {
    font-size: 20px;
    font-weight: 500;
    line-height: 26.04px;
    text-align: center;
}

.student-label {
    padding: 3px 15px 3px 15px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15.62px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.student-action {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    color: #fff;
    background: rgba(205, 125, 14, 1);
    width: 24px;
    height: 24px;
    border-radius: 100%;
}

.student-action.relative {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    margin: 0;
}

.student-action:before {
    content: '';
    position: absolute;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    z-index: 0;
    background-color: rgba(205, 125, 14, 1);
    animation: useronline 3s infinite;
}

.bg-danger-subtle .student-percentage {
    color: rgba(228, 62, 92, 1);
}

.bg-danger-subtle .student-label {
    background: rgba(177, 12, 73, 1);
}

.bg-warning-subtle .student-percentage {
    color: rgba(205, 125, 14, 1);
}

.bg-warning-subtle .student-label {
    background: rgba(205, 125, 14, 1);
}

.bg-success-subtle .student-percentage {
    color: rgba(1, 134, 112, 1);
}

.bg-success-subtle .student-label {
    background: rgba(1, 134, 112, 1);
}

.bg-danger-subtle .rounded-circle {
    box-shadow: 0px 10px 40px 10px rgba(228, 62, 92, 0.1)
}

.drop-shadow-danger {
    position: relative;
}

.drop-shadow-danger:after {
    content: " ";
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    filter: blur(20px);
    background-color:  rgba(228, 62, 92, 0.1);
}

#centerContainer {
    height: calc(100vh - 100px);
    overflow-y: scroll;
}

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