:root {
    --primary: #C67AB2;
    --secondary: #5C707C;
    --light: #C983B7;
}

.card-pink.card-outline {
    border-top: 3px solid var(--primary);
}

.content-wrapper>.content {
    padding-bottom: 1rem;
}

.button {
    background: #f4e4f0;
    font-size: 1em;
    line-height: 1.125em;
    padding: .5em 1em;
    display: inline-block;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.button:hover {
    color: var(--secondary);
    background: #e8cae0;
}

a {
    color: var(--primary);
    text-decoration: none;
}

a:focus,
a:hover {
    color: var(--primary);
    text-decoration: underline;
}

[class*=sidebar-light-] .sidebar a {
    color: var(--light);
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link {
    color: var(--light);
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: rgb(223 210 220);
    color: var(--light);
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover {
    background-color: rgb(223 210 220);
    color: var(--light);
}

.nav-pills .nav-link:not(.active):hover,
[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link {
    background-color: rgb(223 210 220);
    color: var(--light);
}

.selection .select2-selection {
    height: 39px !important;
}

.disable-edit {
    cursor: not-allowed;
    background-color: rgba(0 0 0 / 0.05);
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, 1) !important;
}

.loader {
    width: 30px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--primary);
    --_m:
        conic-gradient(#0000 10%, #000),
        linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    to {
        transform: rotate(1turn)
    }
}