body {height: 100%; width: 100%; margin: 0; overflow: auto;}

	html {box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; line-height: 1.15;}

	div.center {text-align: center;}
	table.center {margin-left: auto; margin-right: auto;}	
	h1.a {font-weight: bold;}
	h2.a {font-weight: bold;}
	h3.a {font-weight: bold;}
	p.a {font-weight: normal;}
	p.abold {font-weight: bold;}
	
	a:link {text-decoration: none;}
	a:visited {text-decoration: none;}
	a:hover {text-decoration: underline;}
	a:active {text-decoration: underline;}
	
	img {max-width:100%; height: auto; margin-top: 12px;}

	td.t2 {font-weight:bold; background:#4F4F4F; text-align:center; vertical-align:middle; color:#FFFFFF; padding-top: 12px; padding-bottom: 12px;}

	td.t1_left {background:#FFFFFF; text-align:left; vertical-align:middle; color:#515151; padding: 8px;}
	td.t1_right {background:#FFFFFF; text-align:right; vertical-align:middle; color:#515151; padding: 8px;}
	td.t1_centre {background:#FFFFFF; text-align:center; vertical-align:middle; color:#515151; padding: 8px;}
	td.t1_split {background:#FFFFFF; text-align:right; vertical-align:middle; color:#515151; padding: 8px;}

	td.t4_left {background:#C0C0C0; text-align:left; vertical-align:middle; color:#515151; padding: 8px;}
	td.t4_right {background:#C0C0C0; text-align:right; vertical-align:middle; color:#515151; padding: 8px;}
	td.t4_centre {background:#C0C0C0; text-align:center; vertical-align:middle; color:#515151; padding: 8px;}
	td.t4_split {background:#C0C0C0; text-align:right; vertical-align:middle; color:#515151; padding: 8px;}

	td.t5_left {background:#FFFFFF; text-align:left; vertical-align:middle; color:#515151;}
	td.t5_right {background:#FFFFFF; text-align:right; vertical-align:middle; color:#515151;}
	td.t5_centre {background:#FFFFFF; text-align:center; vertical-align:middle; color:#515151;}

	td.t6_left {background:#C0C0C0; text-align:left; vertical-align:middle; color:#515151;}
	td.t6_right {background:#C0C0C0; text-align:right; vertical-align:middle; color:#515151;}
	td.t6_centre {background:#C0C0C0; text-align:center; vertical-align:middle; color:#515151;}
	
#info {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 90%;
	margin-left: auto; margin-right: auto;
}

#info td, #info th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#info tr:nth-child(even) {background-color: #f2f2f2;}

#info tr:hover {background-color: #ddd;}

#info th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #444444;
    color: white;
}

#entry {
    border-collapse: collapse;
    width: 95%;
	margin-left: auto; margin-right: auto;
}

#entry td, #entry th {
    border: 1px solid #ddd;
    padding: 4px;
    text-align: left;
}

#entry tr:nth-child(even){background-color: #f2f2f2;}

#entry tr:hover {background-color: #ddd;}

#entry th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #444444;
    color: white;
}

#entry th.center {
	border: 1px solid #ddd;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #444444;
    color: white;
}

/* Style for the button */
.my-button {
            display: inline-block;
            padding: 8px 16px;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            border: 2px solid #3498db;
            border-radius: 5px;
            color: #fff;
            background-color: #3498db;
            transition: background-color 0.3s, color 0.3s;
}

/* Hover effect */
.my-button:hover {
            background-color: #fff;
            color: #3498db;
            text-decoration: none;
}

.fa-brands, .fa-solid {
  padding: 10px;
  font-size: 50px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa-brands:hover, .fa-solid:hover {
    opacity: 0.7;
	text-decoration: none;
}

.fa-facebook {
  background: white;
  color: #1877f2;
}

.fa-twitter {
  background: white;
  color: #1da1f2;
}

.fa-envelope {
  background: white;
  color: #e52526;
}

/* Screens <= 768px */
@media only screen and (max-width: 48em) {

    html {
        font-size: 75%;
    }

    .container > * {
        max-width: 100%;
    }

    .container > p {
        max-width: 80%;
    }

    .table-group {
        width: 95%;
    }

    .table-group table {
        table-layout: auto;
    }

    #select-container > .input-line {
        width: 40%;
    }

}

/* Screens >= 768 and <= 992 */
@media only screen and (min-width: 48em) and (max-width: 62em) {

    html {
        font-size: 100%;
    }

    .container > * {
        max-width: 90%;
    }

    .container > p {
        max-width: 70%;
    }

    .table-group {
        width: 85%;
    }

    .table-group table {
        font-size: 0.75rem;
        table-layout: fixed;
    }

    #select-container > .input-line {
        width: 35%;
    }

}

/* Screens >= 992 */
@media only screen and (min-width: 62em) {

    .container > * {
        max-width: 80%;
    }

    .container > p {
        max-width: 60%;
    }

    .table-group {
        width: 75%;
    }

    .table-group table {
        font-size: 1rem;
        table-layout: fixed;
    }

    #select-container > .input-line {
        width: 30%;
    }

}