@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');

html {
    font-size: 13px;
    --header-height: 80px;
}

body {
    font-family: 'Comfortaa', cursive;
}

#timedate {
    text-align:center;
    margin: 40px auto;
    border-left: 2px solid #a11fed;
}

.btn-outline-primary {
    --bs-btn-color: #a11fed;
    --bs-btn-border-color: #a11fed;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6e13a3;
    --bs-btn-hover-border-color: #6e13a3;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6e13a3;
    --bs-btn-active-border-color: #6e13a3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #a11fed;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #a11fed;
    --bs-gradient: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #a11fed;
    --bs-btn-border-color: #a11fed;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6e13a3;
    --bs-btn-hover-border-color: #6e13a3;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6e13a3;
    --bs-btn-active-border-color: #6e13a3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #a11fed;
    --bs-btn-disabled-border-color: #a11fed;
}

.theme-swtcher {
    border-top: 2px solid #a11fed;
}

.lang-swtcher {
    border-top: 2px solid #a11fed;
    border-bottom: 2px solid #a11fed;
}

.fixed-aside-width{
    flex: 0 0 88px;
    padding: 0 8px 0 8px;
}


.fixed-nav-width{
    flex: 0 0 350px;
}

.nav-link-active {
    border-left: 2px solid #a11fed;
    padding-left: 10px;
    /* font-size: 16px; */
}


[data-bs-theme=dark] .accordion {
    --bs-accordion-active-color: white;
    --bs-accordion-active-bg: #6e13a3;
}

[data-bs-theme=light] .accordion {
    --bs-accordion-active-color: black;
    --bs-accordion-active-bg: #c787ec;
}

.header-height{
    height: var(--header-height);
}

.vh-100-minus-header{
    height: calc(100vh - var(--header-height));
}

.sticky-top-minus-header{
    top: var(--header-height);
}

@media (max-width: 992px) {
    .main-menu {
        max-width: 0px;
        padding: 0;
        border-right: 0!important;
    }
}

@media (max-width: 576px) {
    html {
        font-size: 10px;
        --header-height: 80px;
    }
}

.navbar-nav {
    padding: 29px 30px 29px 30px;
}

.nav-item {
    /* padding: 12px 0 12px 0; */
    margin-bottom: 0px;
}

.nav-item-hover:hover {
    border-left: 1px solid #a11fed;
}

[data-bs-theme=dark] .side-link {
    color: #c787ec;
}

[data-bs-theme=light] .side-link {
    color: #6e13a3;
}

.nav-img {
    background-image: url(/static/main/img/bg_0.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

[data-bs-theme=light] .nav-img::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: linear-gradient(45deg, rgb(199, 135, 236) 0%, rgb(255, 255, 255) 100%);
    opacity: .8;
    z-index: -1;
}

[data-bs-theme=dark] .nav-img::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: linear-gradient(45deg, rgb(199, 135, 236) 0%, rgb(110, 19, 163) 100%);
    opacity: .8;
    z-index: -1;
}

.main-bg {
    background-image: url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 32"><path fill="rgba(199, 135, 236, 0.1)" fill-rule="evenodd" d="M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z"/></svg>');
    background-size: 18px;
    background-repeat: repeat;

}

[data-bs-theme=light] .main-bg {
    background-color: rgb(238, 239, 240);
}

[data-bs-theme=dark] .main-bg {
    background-color: rgb(54, 58, 62);
}

input#id_login, input#id_password, input#id_email, input#id_username, input#id_password1, input#id_password2 {
    width: 100%;
    padding: 0.375rem 0.75rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    margin: 10px 0
}

.select2-container {
    display: block;
}

.text-shadow-1 {
    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .75);
}