/* Teal Button for PDF Applications - Bootstrap Primary Button */
.btn-primary {
    color: #fff !important;
    background-color: #C4403D !important; /* Teal */
    border-color: #C4403D !important;
    border-radius: 0px !important;
    font-weight: normal !important;
    font-size: 1em !important;
    padding: 15px 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-family: inherit !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #038391 !important; /* Darker red for hover */
        border-color: #038391 !important;
        color: #fff !important;
        text-decoration: none !important;
    }

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: #337ab7; /* Link color */
    --bs-btn-bg: transparent; /* Background color */
    --bs-btn-border-color: transparent; /* Border color */
    --bs-btn-hover-color: #104a84; /* Hover color */
    --bs-btn-hover-border-color: transparent; /* Border color on hover */
    --bs-btn-active-color: #0d3b69; /* Active color */
    --bs-btn-active-border-color: transparent; /* Border color when active */
    --bs-btn-disabled-color: #6c757d; /* Disabled color */
    --bs-btn-disabled-border-color: transparent; /* Border color when disabled */
    --bs-btn-box-shadow: 0 0 0 #000; /* Box shadow */
    --bs-btn-focus-shadow-rgb: 21, 97, 172; /* Focus shadow color */
    text-decoration: underline; /* Underline text decoration */
}
.form-control {
    border-color: #6c757d; /* Darker border color for better contrast */
}
.form-select {
    border-color: #6c757d; /* Darker border color for better contrast */
}
@media (max-width: 767.98px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        padding-bottom: 1rem; /* Adjust the value as needed */
    }
}
@media (max-width: 767.98px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        padding-bottom: 1rem; /* Adjust the value as needed */
    }
}
@media (max-width: 767.98px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        padding-bottom: 1rem; /* Adjust the value as needed */
    }
}
@media (max-width: 767.98px) {
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        padding-bottom: 1rem; /* Adjust the value as needed */
    }
}
a, a:visited {
    transition-property: background-color, color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}


a {
    text-decoration: underline;
    color: #1561AC;
}

    a, a:visited {
        text-decoration: underline;
        color: #006BB7;
        -webkit-transition: background-color 300ms ease-out 0s;
        -moz-transition: background-color 300ms ease-out 0s;
        -o-transition: background-color 300ms ease-out 0s;
        transition: background-color 300ms ease-out 0s;
    }


        a:hover, a:focus {
            text-decoration: none;
            color: #1561AC;
        }

        a:hover {
            font-weight: bold;
        }

h1 {
    font-family: inherit;
    font-size: 2.1111em;
    font-weight: 900;
    color: #333;
    margin: 0px 0px 20px 0px;
    font-style: normal;
}

h2 {
    font-family: inherit;
    font-size: 1.7777em;
    font-weight: 900;
    color: #333;
    margin: 0px 0px 10px 0px;
    font-style: normal;
}

h3 {
    font-family: inherit;
    font-size: 1.4444em;
    font-weight: 900;
    color: #333;
    margin: 0px 0px 10px 0px;
    font-style: normal;
}