:root {
    --dark-teal: #046C74;
    --light-teal: #007B85;
    --text-teal: #204851;
    --accent-orange: #F58466;
    --ans-teal: #5D99A0;
    --text-inver: #fff;
    --disabled-border: #a1a1a1;
    --disabled-background: #efefef;
    --footer-color: #eaf4f5;
    --card-body: #eaf4f5;
    --bfks-color-text: #30313d;
    --bs-body-color: #30313d !important;
    --bs-heading-color: #30313d !important;
    --accordion-btn-focus-box-shadow: 0 0 0 0.15rem rgba(245, 132, 102, 1.0) !important;    
}

body {
}

.navbar {
    background-color: var(--dark-teal) !important;
    color: var(--text-inver) !important;
}

.navbar-brand img {
    width: 100px; /* Smaller size for mobile */
}

.card, .card-body
{
    border-radius: 0px !important;
}

.customerConfirmation .card-body
{
    background-color: #ffffff;
}

.input-group-text {
    border-radius: 0px !important;
}

/* company specific classes */
input,
select {
    width: 100%;
    height: 100%;
    border-radius: 0 !important;
    font-size: 20px !important;
    /* font-size: 25.89px !important;*/
}

    input:focus,
    input:focus-visible,
    input:active,
    input:target {
        outline: unset !important;
        border: unset !important;
        border-width: 2px;
        border-color: var(--accent) !important;
        box-shadow: 0px 0px 3px var(--accent) !important;
        border-style: solid !important;
    }

    input[type=text]:read-only,
    input[type=tel]:read-only {
        outline: unset !important;
        border: 2px !important;
        border-width: 2px;
        border-color: var(--disabled-border) !important;
        background-color: var(--disabled-background);
        box-shadow: 0px 0px 0px var(--disabled-background) !important;
        border-style: solid !important;
        cursor: not-allowed;
    }

a,
a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited {
    color: var(--light-teal);
    text-decoration: none;
}

    /*a:hover,
    a:visited:hover,*/
    h4 a:hover,
    h4 a:visited:hover,
    h5 a:hover,
    h5 a:visited:hover
    h6 a:hover,
    h6 a:visited:hover {
        color: var(--accent-orange);
        text-decoration: none;
    }
    
    .btn:hover,
    a.btn,
    btn-clear,
    a.btn.hover,
    button:hover,
    .btn-copy
    {
        background-color: var(--accent-orange);
        color: white !important;
        /*   font-size: 20px;*/
        box-shadow: 0px 0px 6px var(--accent-orange);
        border: solid 2px var(--accent-orange);
    }

    .btn, a.btn, .fscf-div-submit input, .mce-content-body a.btn, .mce-content-body a[data-mce-selected],
    .btn-copy
    {
        display: inline-block;
        padding: 15px;
        margin: 0;
        border: none;
        white-space: normal;
        text-decoration: none !important;
        font-size: 1rem;
        line-height: 1;
        border-radius: 0;
        text-transform: uppercase;
        text-align: center;
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
        font-weight: 700;
        max-width: 460px;
        width: 100%;
        background-color: var(--accent-orange) !important;
    }

    .btn-primary, a.btn-primary, .fscf-div-submit input {
        color: #fff !important;
        background-color: var(--accent-orange);
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff
    }

    a.btn-primary:not(:disabled):not(.disabled).active,
    a.input:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .fscf-div-submit input:not(:disabled):not(.disabled).active,
    .fscf-div-submit input:not(:disabled):not(.disabled):active {
        background-color: var(--accent-orange);
    }

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    a.btn-primary:active,
    a.btn-primary:focus,
    a.btn-primary:hover {
        color: #fff;
        background-color: var(--accent-orange);
        border-color: var(--accent-orange) !important;
    }

input:focus, input:focus-visible, input:active, input:target,
textarea:focus, textarea:focus-visible, textarea:active, textarea:target {
    outline: unset !important;
    border: unset !important;
    border-width: 2px;
    border-color: var(--accent-orange) !important;
    box-shadow: 0px 0px 3px var(--accent-orange) !important;
    border-style: solid !important;
}

footer a,
footer .text-primary {
    color: var(--dark-teal) !important;
}

    footer a:hover,
    footer .text-primary a:hover {
        color: var(--accent-orange) !important;
    }

@media (max-width: 768px) {

    .main-container {
        padding-top: 80px !important;
    }

    .navbar-brand img {
        width: 100px !important; /* Smaller size for mobile */
    }

    .row img {
        width: 95%;
        margin-bottom: 10px;
    }
}

.processing-spinner {
    width: 7rem;
    height: 7rem;
    border-width: 0.75rem;
    color: var(--accent-orange) !important;   
}

.accordion-button,
.accordion-button.collapsed {
    font-size: 1.095rem;
    background-color: #fff !important; /* Change background color */
    color: var(--bfks-color-text); /* Change text color */
    border: none; /* Remove border */
}

.accordion-item:first-of-type,
.accordion-item:first-of-type > .accordion-header .accordion-button,
.accordion-item:first-child > .accordion-header .accordion-button {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.accordion-item:last-of-type,
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.accordion-button:not(.collapsed),
.accordion-button:not(.collapsed)::after {
    background-color: var(--ans-teal) !important; /* Change background color when expanded */
    color: #fff !important;
    font-weight: bold;
    background-image: none;
    content: "\F286";
    font-family: 'FontAwesome';
}

.accordion-button:focus {
    background-color: var(--ans-teal) !important; /* Change background color on focus */
    color: #fff !important; /* Change text color on focus */
    box-shadow: none !important; /* Add focus box shadow */
}

.accordion-button:hover,
.accordion-button:hover::after {
    background-color: var(--accent-orange) !important; /* Change background color on hover */
    color: #fff; /* Change text color on hover */
    cursor: pointer; /* Change cursor to pointer */
}

.accordion-item {
    border: 1px solid #dee2e6; /* Change border color */
}


.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: #fff;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #eaf4f5;
}

.nav-link:focus, .nav-link:hover {
    color: #eaf4f5 !important;
}

.navbar-toggler {
    color: #fff !important;
    border: var(--bs-border-width) solid #fff;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



.form-check-input
{
    width: 1.25em; 
    height: 1.25em;
}

.form-check-input:checked {
    background-color: var(--accent-orange) !important;
}

tr.highlighted td {
    background-color: rgba(93, 153, 160, 0.25);
}