.winbox {
    --border-radius-winbox-tl: 5px;
    --border-radius-winbox-tr: 5px;
    /* --border-radius-winbox-br: 5px;
    --border-radius-winbox-bl: 5px; */
    --border-radius-winbox-bl: 0;
    --border-radius-winbox-br: 0;

    border-radius: var(--border-radius-winbox-tl) var(--border-radius-winbox-tr) var(--border-radius-winbox-br) var(--border-radius-winbox-bl);

    z-index: 1056 !important;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.winbox .wb-title {
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
}

.winbox.no-background {
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

    --color-bkc: var(--bs-primary);

    &.text-info {
        --color-bkc: var(--bs-info);
    }

    &.text-success {
        --color-bkc: var(--bs-success);
    }

    &.text-danger {
        --color-bkc: var(--bs-danger);
    }

    & .wb-header {

        & .wb-control {
            filter: invert(1);
        }

        & .wb-title {
            color: var(--color-bkc);
            font-weight: 500;
        }
    }
}

.winbox.min {
    --border-radius-winbox-bl: 0;
    --border-radius-winbox-br: 0;
}

.winbox.max {
    border-radius: 0;
}