.wrapper table {
	width: 85%;
	margin: 3px auto;
	table-layout: fixed;
}

.page-body table th {
	text-align: left !important;
}

.page-header {
	text-align: center;
}

.page-login {
	position: absolute;
	right: 50px; 
}

.page-counter {
	position: absolute;
	right: 50px; 
}

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

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

main {
    flex-grow: 1;
}

.page-footer {
    text-align: center;
    padding: 20px 0;
    background-color: #f0f0f0;
}

.calendar {
	margin: 0 100px 50px 100px;
}

.calendar table {
    margin: 3px 0;
    width: 25% !important;
}

.calendar table th {
    background-color: gray !important;
    color: white;             /* Optional: makes the text easier to read on gray */
    padding: 5px;             /* Optional: adds a little breathing room */
    text-align: center;
}

.highlight-header {
    background-color: yellow;
}

hr.horizon {
    width: 90% !important;
}

.home-link {
    display: inline-block !important;
    margin-left: 20px !important;
    text-decoration: none; /* Removes the underline if you prefer */
    color: #007bff;        /* Standard link blue, or choose your own */
}

.home-link:hover {
    text-decoration: underline;
    color: #0056b3;
}

.journal-link {
    display: inline-block !important;
    margin-left: 20px !important;
    text-decoration: none;
    color: #007bff;
}

.journal-link:hover {
    text-decoration: underline;
    color: #0056b3;
}