/* Sticky footer styles
-------------------------------------------------- */
:root {
    --bs-link-color: "#0d6efd";
}

html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
}

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

.container {
    max-width: 960px;
}

.pricing-header {
    max-width: 700px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}


.datepicker.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.datepicker .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.datepicker .collapse {
    display: none;
}

.datepicker .collapse.in {
    display: block;
}

.datepicker .table-condensed {
    width: 350px;
    padding: 3px;
}

.datepicker .table-condensed > thead > tr > th,
.datepicker .table-condensed > tbody > tr > td,
.datepicker .table-condensed > tfoot > tr > td {
    padding: 7px;
}

#calendar a.fc-col-header-cell-cushion,
#calendar a.fc-event,
#calendar a.fc-daygrid-day-number {
    color: black;
    text-decoration: none;
}

.calendar-wrapper {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    overflow-x: scroll;
}

.main-panel > .container {
    margin-top: 0;
}

.form-control, .form-control:focus {
    color: black;
}

.fc-v-event {
    cursor: pointer;
}

.day {
    color: black;
}


.tooltip-main {
    text-align: left !important;
}

.tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
    font-size: 12px;
}

.tooltip-inner {
    background: #FFFFFF;
    color: black;
    border: 1px solid black;
    text-align: left;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.tooltip.show {
    opacity: 1;
}

input#t-search-0 {
    font-size: 1rem !important;
}

#datatablesSimple_wrapper > div.row.mt-2.justify-content-md-center > div {
    overflow-x: scroll;
    position: relative;
}