/* restore hidden class removed from bootstrap 5 - used to hide labels */
.hidden {
    display: none;
}


/* reinstate the error message label css properties lost when porting to bootstrap 5 */
label#ErrorMsg {
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

/* modify the background colour of the Ok button when it is hovered upon */
input#btnOk:hover {
    background-color: #e8e8e8; /* light gray */
    color: black;
    border-color: #cbd1d7;
}

/* Screen reader or Aria specific */
/* prevents duplicated html content from displaying e.g. in modaldialog created by the modalDialog() function defined in ModalDialog.js*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.img-logo {
    display: inline-block;
    max-width: 30px;
    height: 25px;
    padding: 0px;
    padding-left : 5px;
    background-color: #fff;
}




/* MOBILE VIEW */
@media screen and (max-width: 767px) {


}

/* ULTRA SMALL MOBILE VIEW */
@media screen and (max-width: 344px) {
    /* Over-ride Fullcalendar left alignment to zero as there is not enough screen estate to accommodate other positions */
    div#floatingCalendar {
        left: 0px !important;;
    }
}