/* Buttons */
.btn-primary {
    color: var(--noactive-bg-color);
    background: transparent none;
    border-color: var(--noactive-bg-color);
    margin-bottom: 10px;
}

.btn-primary:hover {
    color: var(--bg-color);
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

.btn-primary:not(:disabled):not(.disabled):active {
    color: var(--bg-color);
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    box-shadow: 0 0 0 0.1rem var(--active-bg-color);
}

.btn-secondary {
    color: var(--noactive-bg-color);
    background: transparent none;
    border-color: var(--noactive-bg-color);
    margin-bottom: 10px;
}

.btn-secondary:hover {
    color: var(--bg-color);
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

.btn-secondary:not(:disabled):not(.disabled):active {
    color: var(--bg-color);
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.1rem var(--active-bg-color);
}
.btn-secondary.dropdown-toggle:focus {
    color: var(--bg-color);
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

.btn-outline-primary {
    color: var(--noactive-bg-color);
    background: transparent none;
    border-color: var(--noactive-bg-color);
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.1rem var(--noactive-bg-color);
}

.btn-outline-primary:hover {
    color: var(--bg-color);
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: var(--bg-color);
    background-color: var(--noactive-bg-color);
    border-color: var(--noactive-bg-color);
}

.btn-outline-primary.dropdown-toggle:focus {
    background-color: var(--noactive-bg-color) !important;
}

.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.1rem var(--active-bg-color);
}

.btn-primary {
    color: var(--noactive-bg-color);
    background: transparent none;
    border-color: var(--noactive-bg-color);
}

.scrollable-menu {
    max-height: 300px;
    overflow-y: scroll;
}

.clickable {
    cursor: pointer
}
.clickable:disabled {
    cursor: default
}