/* login screens */
.otp-group {gap: 0.5rem !important;}
.otp-box {
    flex: 1 1 0 !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 3.5rem !important;
    padding: 0 !important;
    font-size: clamp(1rem, 5vw, 1.5rem);
}
/* general */
.background::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    margin-left: auto;
    transform: translateY(-50%);
    background-image: url("/static/images/icon-white.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 504px;
    max-width: 504px;
    opacity: 0.5;
    z-index: 1;
}
.brands-section {
    background: #DDD3C4 !important;
}
.sidebar-hr {
    color: rgb(255 255 255 / .9);
    background-color: rgb(255 255 255 / .05) !important;
	border-color: 1px dashed var(--bs-border-color) !important;
}
.saving-indicator {
    position: fixed;
    top: 1.8rem !important;
    right: 2.4rem !important;
    width: 2rem !important;
    height: 2rem !important;
}
input[type="date"] {cursor: pointer;}
#document-tree .collapse-sign {
    color: inherit !important;
}
/* smartTable overrides */
.st-wrapper .st-toolbar {margin-bottom: 1rem !important;}
.st-wrapper .dropdown {display: none !important;}
.st-expand::before {cursor: auto !important;}
.st-clickable-rows tbody tr[data-id] {
    cursor: pointer;
}
.pagination .page-item:not(:first-child) {margin-left: .5rem !important;}