﻿textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none !important;
}

.btn-primary {
    background-color: var(--bg-color-1) !important;
    border-color: var(--bg-color-1) !important;
}

    .btn-primary:hover {
        background-color: var(--bg-color-1-hover-1) !important;
        border-color: var(--bg-color-1-hover-1) !important;
    }

.btn-outline-primary {
    background-color: transparent !important;
    color: var(--bg-color-1) !important;
    border-color: var(--bg-color-1) !important;
    font-weight: bold;
}

    .btn-outline-primary:active {
        background-color: var(--bg-color-1) !important;
        color: var(--text-color-2) !important;
        border-color: var(--bg-color-1) !important;
        font-weight: bold;
    }

.btn-check:checked + .btn-outline-primary {
    background-color: var(--bg-color-1) !important;
    color: var(--text-color-2) !important;
    border-color: var(--bg-color-1) !important;
    font-weight: bold;
}

a {
    color: var(--link-color-1);
}

.fs-7 {
    font-size: 0.9rem !important;
}

.fs-8 {
    font-size: 0.8rem !important;
}

.fs-9 {
    font-size: 0.7rem !important;
}