.login-form-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: black;
}
.login-form {
    max-width: 100vw;
    width: 360px;
    padding: 32px;
    background-color: #ffffffdd;
    backdrop-filter: blur(5px);
    border-radius: .25rem;
}
.app-header.header-text-light .app-header__logo .logo-src,
.app-sidebar.sidebar-text-light .app-header__logo .logo-src,
.app-header.header-text-dark .app-header__logo .logo-src,
.app-header__logo .logo-src {
    height: 46px;
    width: 194px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
    .popover, .dropdown-menu {
        top: 64px!important;
        width: 100%!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
    }
    .app-header.header-text-light .header-mobile-open {
        width: fit-content;
        left: 50%;
        transform: translateX(-50%);
        overflow: visible;
    }
}

.table th, td {
    padding: 16px 8px;
}
.table th {
    border-top: none;
}
.table td {
    color: var(--secondary);
}
.tox.tox-tinymce {
    border-radius: .25rem;
}
.selectize-dropdown-content > .create {
    padding: 4px 12px;
    font-size: 0.9em;
    opacity: 0.8;
}
.variations-table th {
    padding-top: 0;
}
.variations-table input[type=checkbox].form-control {
    height: 16px;
    max-width: 16px;
}
.toast-bottom-center {
    pointer-events: none;
}
.toast {
    pointer-events: all;
}
.fakeinput-readonly {
    font-size: 1.2rem;
    margin-top: -10px;
}
.fakeinputgroup-readonly {
    margin-top: -10px;
}
.fakeinputgroup-readonly ~ .fakeinputgroup-readonly {
    margin-top: 0px;
}
.custom-color {
    border:1px dashed black;
    appearance: none;
    outline: none;
    background: transparent;
    width: 100%;
    height: 40px;
    padding:0;
}
.custom-color::-webkit-color-swatch{
    border:1px dashed white;
    width: 100%;
    height:100%;
}