:root {
    --ar-primary: rgb(30,144,255) !important; 
    --ar-green: green !important;
    --ar-esperanto-color: #478D4B !important;
    --ar-carousel-pagination-bullet-active-border-color: var(--ar-esperanto-color) !important;
    --ar-carousel-pagination-bullet-active-bg: var(--ar-esperanto-color) !important;
}



body * {
    font-family: Arial, Verdana, 'Times New Roman', Times, serif;
}

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

/*
.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: var(--ar-esperanto-color) !important; 
}
*/

input[type="checkbox"].form-check-input:valid {
    /* border-color: var(--ar-esperanto-color) !important; */
}

.btn-outline-primary {
    --ar-btn-color: #478D4B;
    --ar-btn-border-color: #478D4B;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #478D4B;
    --ar-btn-hover-border-color: #478D4B;
    --ar-btn-focus-shadow-rgb: 68, 140, 116;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #478D4B;
    --ar-btn-active-border-color: #478D4B;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #478D4B;
    --ar-btn-disabled-bg: transparent;
    --ar-btn-disabled-border-color: #478D4B;
    --ar-gradient: none;
}