table, th, td {
     border: 1px solid black;
     border-collapse: collapse;
 }
th, td {
    padding: 15px;
    width: 25%;
}
table {
    border-spacing: 5px;
}

table.centertable {
    width:90%;
    margin-left:5%;
    margin-right:5%;
}

table.compact {
    table-layout: auto;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}

.centertext {
    text-align:center;
}

.loader {
    margin-left: 45%;
    margin-right: 55%;
    border: 16px solid gold; /* Light grey #f3f3f3 */
    border-top: 16px solid darkblue; /* Blue #3498db */
    border-bottom: 16px solid darkblue; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

input, textarea {

    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    text-align:center;
    width:50%;
}

input.expander:focus {
    width: 75%;
}

input.smallinput {
    width: 15em;
}

input[type=button], input[type=submit], input[type=reset], button {
    background-color: darkblue;
    border: none;
    color: white;
    padding: 10px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    font-weight: bold;
}

.redtext {
    color: red;
}

.greentext {
    color: green;
}

h4.lessspace, h3.lessspace, h2.lessspace, h1.lessspace {
    margin: 0px;
}

button.large {
    font-size: large;
}