.skip-to-main-content-link {
    /* Positions the link absolutely on the page, allowing it to be placed anywhere. */
    position: absolute;

    /* Moves the link far off-screen to the left, making it invisible to sighted users. */
    left: -9999px;

    /* Sets a high z-index, ensuring that the link will be on top of other page */
    /* elements if it becomes visible.                                          */
    z-index: 999;

    padding: 1em;
    background-color: black;
    color: white;
}

.skip-to-main-content-link:focus {
    /* When the link receives focus (e.g., when a keyboard user tabs to it), */
    /* it is repositioned horizontally to the centre of the screen.          */
    left: 50%;

    /* This centres the link horizontally by moving it back to the left by 50% */
    /* of its own width.                                                       */
    transform: translateX(-50%);
}

body {
	font-family: Verdana, Geneva, sans-serif;
}

header {
	margin: auto;
}

img.navbar-brand {
    height: auto;
    width: 129px;
    margin-top: 0.5rem;
}

#library-header {
    width: 129px;
}

.avoid-clicks {
    pointer-events: none;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

a:link.no-underline {
  text-decoration: none;
}

a:visited.no-underline {
  text-decoration: none;
}

a:hover.no-underline {
  text-decoration: none;
}

a:active.no-underline {
  text-decoration: none;
}

a:link.no-underline {
  color: inherit;
}

.lst-app-form {
    box-shadow: 5px 5px 5px grey;
    background-color: rgb(247, 247, 247);
}

.info-block {
    margin-bottom: 40px;
}

.info-block-content {
    padding-left: 40px;
}

.form-shadow-box {
  padding: 1em;
  border: 1px solid #f1f1f1;
  box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
}

.form-section-group {
    margin-top: 10px;
    margin-left: 25px
}

.invalid-feedback {
    display: block;
}


.app-div-table {
    padding-left: 12px;
    padding-right: 12px;
    border: solid;
    border-width: 1px;
}

.row.app-div-table-row-striped{
    padding: 1rem;
}


	.calendar {
		margin: 0px 40px;
	}

	.row > .calendar-day-dow {
		font-family: 'Roboto', sans-serif;
		width: 14.28571428571429%;
		border: 1px solid rgb(235, 235, 235);
		border-right-width: 0px;
		border-bottom-width: 0px;
                text-align: center;
	}
	.row > .calendar-day-dow:last-child:last-child {
		border-right-width: 1px;
	}

	.row > .calendar-day {
		font-family: 'Roboto', sans-serif;
		width: 14.28571428571429%;
		border: 1px solid rgb(235, 235, 235);
		border-right-width: 0px;
		border-bottom-width: 0px;
		min-height: 80px;
                position: relative;
	}
	.row > .calendar-day.calendar-no-current-month {
		color: rgb(200, 200, 200);
	}
	.row > .calendar-day:last-child {
		border-right-width: 1px;
	}

	.row:last-child > .calendar-day {
		border-bottom-width: 1px;
	}

	.calendar-day > time {
		position: absolute;
		display: block;
		bottom: 0px;
		left: 0px;
		font-size: 12px;
		font-weight: 300;
		width: 100%;
		padding: 10px 10px 3px 0px;
		text-align: right;
	}
	.calendar-day > .events {
		cursor: pointer;
	}
	.calendar-day > .events > .event h4 {
		font-size: 12px;
		font-weight: 700;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 3px;
	}
	.calendar-day > .events > .event > .desc,
	.calendar-day > .events > .event > .location,
	.calendar-day > .events > .event > .datetime,
	.calendar-day > .events > .event > .attending {
		display: none;
	}
	.calendar-day > .events > .event > .progress {
		height: 10px;
	}