:root {
    --sys-primary-col: #462b8e;
    --sidbar-width: 190px;
    --bs-body-font-size: 0.9rem;
    --bs-btn-padding-x: .7rem;
    --bs-btn-padding-y: 0.4rem;
    --bs-primary-rgb: 70,43,142;
}

.pointer {
    cursor: pointer;
}

.aside-width, body:not(.aside-compact) aside.aside-start, body:not(.aside-compact) aside.aside-end {
    width: var(--sidbar-width);
}

@media only screen and (min-width: 992px) {
    body.aside-sticky:not(.aside-compact) #wrapper_content, body.aside-sticky:not(.aside-compact) #header, body.aside-sticky:not(.aside-compact) #js_header_spacer {
        margin-left: var(--sidbar-width);
    }
}

.modal.show {
    display: block;
    background-color: #777777bb
}

.chat-canvas {
    background-color: var(--bs-body-color);
    color: #fff;
}

    .chat-canvas .d-flex.justify-content-start:not(:last-child), .chat-canvas .d-flex.justify-content-end:not(:last-child) {
        border-bottom: 1px solid #777777bb;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .chat-canvas .smaller.text-muted,
    .chat-canvas .link-normal {
        color: #fff !important;
    }

    .chat-canvas .chat-msg {
        color: var(--bs-body-color);
    }
h4, .h4 {
    font-size: calc(1rem + .3vw);
}
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    height: calc(2.5rem + calc(var(--bs-border-width)* 2));
    min-height: calc(2.5rem + calc(var(--bs-border-width)* 2));
    line-height: .85;
}
body.layout-admin #middle {
    padding: 1rem;
    /* min-height: calc(100vh - 80px); */
}
.form-check-input {
    --bs-form-check-bg: #f5f2ff;
    border: 1px solid var(--sys-primary-col);
}

.btn-group-sm > .btn, .btn-sm {
    --bs-btn-padding-y: 0.16rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .8rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.form-control {
    font-size: 0.9rem;
}

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

.form-floating > label {
    padding: 0.6rem;
    padding-bottom: 0;
    height: auto;
}

.btn-primary {
    --bs-btn-padding-x: .7rem;
    --bs-btn-padding-y: 0.4rem;
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--sys-primary-col);
    --bs-btn-border-color: var(--sys-primary-col);
    --bs-btn-hover-bg: #4a43c9;
    --bs-btn-hover-border-color: #463fbd;
    --bs-btn-focus-shadow-rgb: 112, 105, 239;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #463fbd;
    --bs-btn-active-border-color: #413bb1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--sys-primary-col);
    --bs-btn-disabled-border-color: var(--sys-primary-col);
}