html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.hidden
{
    display: none !important;
}

select option[value=""] {
    display: none;
}

input[type="number"].no-spinners::-webkit-outer-spin-button,
input[type="number"].no-spinners::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Hide spinners in Firefox */
input[type="number"].no-spinners {
    -moz-appearance: textfield !important;
}

select.input-validation-error,
input[type=text].input-validation-error,
input[type=tel].input-validation-error,
input[type=email].input-validation-error,
input[type=number].input-validation-error {
    color: #e80c4d;
    border-color: #e80c4d !important;
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    border-color: #e80c4d;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ff0000' xmlns='http://www.w3.org/2000/svg'> <path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/> <path d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/></svg>");
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    box-shadow: 0px 0px 3px #e80c4d;    
}

.validation-noelement.field-validation-error {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ff0000' xmlns='http://www.w3.org/2000/svg'> <path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/> <path d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/></svg>");
    background-position: left center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-repeat: no-repeat;
    padding-left: calc(.75em + .7rem)
}

.validation-summary-errors,
.field-validation-error {
    color: #e80c4d;
}

.mb-3 .col span.validation-summary-errors,
.mb-3 .col span.field-validation-error {
    color: #e80c4d;
    margin-top: 3px; /* Adjust vertical spacing as needed */
    margin-bottom: 1px; /* Adjust bottom spacing as needed */
    text-align: left !important; /* Align text to the left, ignoring parent alignment */
    display: block; /* Ensure margins affect layout */
}   

.strong {
    font-weight: bold;
}

a.btn-primary {
    padding-top: 10px;
    min-height: 45px;
}

.btn-primary,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #f5875f !important;
    border-radius: 2px;
    border: none;
    min-height: 45px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    vertical-align: middle;
    align-items: baseline;
}

.btn-primary-sm,
.btn-primary-sm:active,
.btn-primary-sm:hover,
.btn-primary-sm:focus {
    background-color: #f5875f !important;
    border-radius: 2px;
    border: none;
    min-height: 35px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    vertical-align: middle;
    align-items: baseline;
}

.btn-primary-spinner {
    height: 1em !important;
    width: 1em !important;
}

a.btn-ks {
    padding-top: 10px;
    min-height: 45px;
}

.btn-ks,
.btn-ks:active,
.btn-ks:hover
 {
    background-color: #e56974 !important;
    border-radius: 2px;
    border: none;
    min-height: 45px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    vertical-align: middle;
    align-items: baseline;
    color: #fff !important;
}

    .btn-ks:focus, .btn-ks input:focus,
    .btn-ks:disabled, .btn-ks input:disabled
    {
        background-color: #801a1f !important;
        color: #fff !important;
    }

.btn-ks-sm,
.btn-ks-sm:active,
.btn-ks-sm:hover,
.btn-ks-sm:focus {
    background-color: #801a1f !important;
    border-radius: 2px;
    border: none;
    min-height: 35px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    vertical-align: middle;
    align-items: baseline;
    color: #fff !important;
}

.btn-secondary,
.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus {
    border-radius: 2px;
    border: none;
    min-height: 45px;
    text-transform: lowercase;
    font-weight: bolder;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    vertical-align: middle;
    align-items: baseline;
}

.btn-print,
.btn-print:active,
.btn-print:hover,
.btn-print:focus {
    color: #fff;
    background-color: #f5875f !important;
    border-radius: 2px;
    border: none;
    min-height: 25px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    vertical-align: middle;
    align-items: baseline;
}

.btn-clear,
.btn-clear:active,
.btn-clear:hover,
.btn-clear:focus {
    color: #fff;
    background-color: #6c757d !important;
    border-radius: 2px;
    border: none;
    min-height: 25px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    vertical-align: middle;
    align-items: baseline;
}

.navbar {
    background-color: #f8f6f3;
}

a i {
    color: #f5875f !important;
}

.eventCard .card-img-top {
    width: 45%;
}

@media print {
    .no-print {
        display: none;
    }
}

.jSignature {
    max-height: 200px !important;  
    height: 3em !important;
    min-height: 200px !important;
}

.form-check-input {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.btn-propertyContainer input[type="radio"] {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}

.btn-outline-property {
    border-color: #c1c1c1;
    background-color: #fff;
    font-weight: 400;
    color: #212529;
    text-align: center;
}

    .btn-outline-property:hover,
    .btn-outline-property:focus,
    :not(.btn-check) + .btn:active {
        background-color: #f3f2f0 !important;
        color: #212529 !important;
        font-weight: 400;
        border-color: #a1a1a1 !important;
    }

.btn-input-property input[type="radio"] {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}

.btn-outline-property {
    border: 1px solid #b8b8b8; 
    padding: 0.375rem 0.75rem; 
    border-radius: 0.25rem; 
    cursor: pointer;
    transition: all 0.3s; 
}

.btn-input-property:checked ~ .btn-outline-property {
    color: #f3f2f0 !important;
    font-weight: 400 !important;
    background-color: #006269 !important;
    border-color: #b8b8b8 !important;
}

.nav-pills .nav-link.active, .nav-pills .nav-link {
    border-radius: 1px !important;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-size: 1rem;
}

    .nav-pills .nav-link.active, .nav-pills .nav-link .toggleCompanyButtonBF.active {
        background-color: #006269 !important;
        color: #fff;
        font-weight: 600;
    }

.nav-pills .toggleCompanyButtonKS.active {
    background-color: #801a1f !important;
    color: #fff;
    font-weight: 600;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: #fff !important;
    background-color: #f5875f !important;
    border-color: #f5875f !important;
}

btn-check + .btn:hover {
    color: #fff !important;
    background-color: var(--bs-btn-bg);
    border-color: #f5875f !important;
}

.btn-outline-primary {
    color: #f5875f !important;
    border-color: #f5875f !important;
    border-radius: 1px !important;
    font-weight: 500;
    font-size: 1rem;
    text-transform:uppercase;
}

.card.bf-header,
.card-header.bf-header
 {
    background-color: #eaf4f5 !important;
    margin-bottom: 3px;
}

.bf-header .card-title,
.bf-header .card-body,
.bf-header .strong,
.bf-header > h5 {
    color: #006269 !important;
    padding-bottom: .01em !important;
    margin-bottom: 1px;
}

.card.ks-header,
.card-header.ks-header {
    background-color: #fff !important;
}

.ks-header .card-title,
.ks-header .card-body,
.ks-header .strong,
.ks-header > h5 {
    color: #9ea374 !important;
    padding-bottom: .01em !important;
    margin-bottom: 1px;
}

.card
{
    border-radius: 1px;
}

ul.nav 
{
    margin-bottom: -8px;
}


.carousel-item a:link
.carousel-item a:visited {
    color: #212f3d;
}

.carousel-item a:hover {
    color: inherit;
}