.only-sm {
    display: none;
}

.only-md {
    display: none;
}

@media screen and (max-width:576px) {
    .only-sm {
        display: inline-flex;
    }
}

@media screen and (min-width:577px) {
    .only-md {
        display: inline-flex;
    }
}

.font-weight-bold {
    font-weight: bold;
}

.reset-password-link {
    font-style: italic;
    text-decoration: none;
    color: black;
    font-size: small;
}

.reset-password-link:hover {
    font-style: italic;
    text-decoration: underline;
    color: black;
    font-size: small;
}

.cursor-pointer {
    cursor: pointer;
}

.height-8-rem {
    height: 8rem;
}

.text-justify {
    text-align: justify;
}

.cursor-normal {
    pointer-events: none;
}

.court-available-schedule-row:hover {
    cursor: pointer;
    font-weight: bolder;
    background: rgba(211, 219, 221, 0.821);
}

.court-unavailable-schedule-row:hover {
    cursor: not-allowed;
}

.slot-booked {
    background: rgba(211, 219, 221, 0.821);
}


/* styles.css */
html,
body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.container {
    flex: 1;
}

footer {
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
}