:root {
    --eagle-blue: #009AAB;
    --eagle-green: #21A658;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open sans', sans-serif;
}

fs-1, fs-2, fs-3, fs-4, fs-5, fs-6, lead, p {
    font-family: 'Open sans', sans-serif;
}

.eagle-txt-left {
    height: 40px;
    color: black;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    font-family: 'Open sans', sans-serif;
    text-align: start;
}

    .eagle-txt-left:focus {
        outline: none;
        border-bottom: 1px solid #009AAB;
    }

    /*.eagle-txt-left:not(:focus) {
        outline: none;
        border: 1px solid #c7c7c7;
        transition: border 0.5s;
    }*/

    .eagle-txt-left::placeholder {
        font-size: small;
    }
/*xxxxxxxxxxxxxxxxxxxx*/
.eagle-txt-center {
    height: 40px;
    color: black;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    font-family: 'Open sans', sans-serif;
    text-align: center;
}

    .eagle-txt-center:focus {
        outline: none;
        border-bottom: 1px solid #009AAB;
    }


    .eagle-txt-center::placeholder {
        font-size: small;
    }

/*xxxxxxxxxxxxxxxxxxxx*/
.eagle-ddl-left {
    height: 40px;
    color: black;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    font-family: 'Open sans', sans-serif;
    text-align: start;
    background-color: white;
}

    .eagle-ddl-left:focus {
        outline: none;
        border-bottom: 1px solid #009AAB;
    }


/*xxxxxxxxxxxxxxxxxxxx*/
.txtjustify {
    text-align: justify;
}


/* buttons */
.btn-primary {
    /*--bs-btn-font-weight: 600;*/
    --bs-btn-color: white;
    --bs-btn-bg: var(--eagle-blue);
    --bs-btn-border-color: var(--eagle-blue);
    --bs-btn-border-radius: 3px;
    /*--bs-btn-hover-color: var(--bs-white);*/
    --bs-btn-hover-bg: #008A99;
    --bs-btn-hover-border-color: #008A99;
    /*--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);*/
    /*--bs-btn-active-color: var(--bs-btn-hover-color);*/
    --bs-btn-active-bg: var(--eagle-blue);
    --bs-btn-active-border-color: var(--eagle-blue);
}

.btn-outline-primary {
    /*--bs-btn-font-weight: 600;*/
    --bs-btn-color: var(--eagle-blue);
    --bs-btn-bg: white;
    --bs-btn-border-color: var(--eagle-blue);
    --bs-btn-border-radius: 3px;
    --bs-btn-hover-color: var(--eagle-blue);
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: #008A99;
    /*--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);*/
    /*--bs-btn-active-color: var(--bs-btn-hover-color);*/
    --bs-btn-active-bg: var(--eagle-blue);
    --bs-btn-active-border-color: var(--eagle-blue);
}