.btn-primary:focus {
    background-color: var(--primary-color);
}

.btn-secondary:focus {
    background-color: var(--secondary-color);
}

.btn:disabled {
    cursor: not-allowed;
}

.icon-button-medium {
    cursor: pointer;
    font-size: 1.4em;
    width: 20px;
    text-align: center;
    background-color: transparent;
}

.icon-button-medium:not(.icon-disabled):hover {
    opacity: .6;
}

.icon-primary {
    color: var(--primary-color);
}

.icon-success {
    color: var(--success-color);
}


.icon-danger {
    color: var(--danger);
}

.icon-disabled {
    color: var(--gray) !important;
    cursor: default !important;
}

input:disabled {
    cursor: not-allowed;
}

.overflow-visible {
    overflow: visible!important;
}

.dropdown-menu {
    max-height: 300px;
    overflow-y: scroll;
    z-index: 9;
}

.dropdown-toggle:disabled::after{display: none}

.text-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-control-label {
    cursor: pointer;
    user-select: none;
}

input.error {
    border-color: var(--error-color)!important;
}

.cursor-pointer {
    cursor: pointer;
}

.pe-none {
    pointer-events: none;
}

.outline-none{
    outline: 0 !important;
}
.shadow-none{
    box-shadow: none !important;
}
.gap-1{
    gap: 4px;
}
.gap-2{
    gap: 8px;
}
.gap-3{
    gap: 12px;
}
.gap-4{
    gap: 16px;
}

.text-sm{
    font-size: 14px;
}

.text-md{
    font-size: 16px;
}

.input-group-column, .custom-select-column, .bmw-dropdown-column{
    flex-direction: column;
    .input-group-text{
        background: none;
        border: none;
        padding: 4px 0;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 0;
        font-family: BMWTypeNext, sans-serif;
    }
    input{
        min-height: 50px !important;
    }
}

.basic-card{
    padding: 16px;
    background: rgba(0, 0, 0, .03);

    &.basic-card-interactive{
        border: 1px solid transparent;
        cursor: pointer;
        &:hover{
            background: rgba(0, 0, 0, .08);
        }
    }
}

.bmw-dropdown-clear {
    visibility: hidden;
    font-size: 1.2em;
}

.dropdown-toggle:hover .bmw-dropdown-clear {
    visibility: visible;
}

.bmw-dropdown-clear:hover {
    color: var(--primary-color);
}

.opacity-0{
    opacity: 0;
}

.alert-warning{
    color: var(--font-color);
}