body {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 0.9rem;
}

.font-noto {
    font-family: 'Noto Sans', sans-serif;
}

.lh-23 { line-height: 23px; }
.lh-29 { line-height: 29px; }
.lh-31 { line-height: 31px; }
.lh-38 { line-height: 38px; }

.logo-menu {
    width: 168px;
    margin-top: 3px;
}

.sidebar-brand { background-color: transparent; }

.text-purple { color: #6f42c1 !important; }
.text-pink { color: #d63384 !important; }

.bg-pink {
    color: #ffffff;
    background-color: #d63384 !important;
}

.badge-purple {
    color: #ffffff;
    background-color: #6f42c1 !important;
}

.wrapper {
    padding-left: var(--cui-sidebar-occupy-start, 0);
}

.modal-header > button.btn-close { padding: 1rem; }
.modal-danger .modal-header { color: #ffffff; background-color: #e55353; }
.modal-warning .modal-header { color: #ffffff; background-color: #f9b115; }