body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 1080px;
}

/*div, nav{
    border-radius:5px;
}*/

#BookingFormBody {
    max-width: 600px;
}

div.calEvent div{
     border-radius:0px;
     margin:0px;
}

div.calEvent, div.calEvent div.row, div.calEvent div[class*="col"]{
    margin: 0px;
    padding-left: 0px;
    padding-right:0px;
}

@media (max-width: 575px) {
    div.calEvent div {
        font-size: 9px;
    }
}

div.calEvent div[class*="col"] div{
    padding-left: 5px;
    padding-right:5px;
}

div.toggle[disabled="disabled"]{
    opacity:0.65;
}

.hidden{
    display:none;
}


div.calEvent.smallText div[class*="col"] div{
    font-size: 11px;
    padding-left: 1px;
    padding-right: 1px;
}

@media (max-width: 1024px) {
    div.calEvent.smallText div[class*="col"] div {
        font-size: 8px;
        padding-left: 1px;
        padding-right: 1px;
    }
}

ul.multiselect-container.dropdown-menu > li > a {
    color: black;
}

* {
    touch-action: manipulation;
}


.nav-link .warning{
    color: yellow !important;
}

.termsFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1px; /* Adjust the padding as needed */
    text-align: left; /* Center the content if needed */
    z-index:1000;
}

@media (max-width: 576px) {
    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    body {
        display: flex;
        flex-direction: column;
    }

    .container.body-content {
        flex: 1;
    }

    .termsFooter {
        position: relative;
        flex-shrink: 0;
    }

        .termsFooter a {
            padding-left: 10px !important;
        }
}


.termsFooter a {
    white-space: nowrap;
    width: min-content;
}