/* bootstrap-override.css */

/* Makes sure the background of navbars with the class bg-dark is black */
.bg-dark {
    background-color: black !important; 
}

/* Changes the color of text in the table to #E5B13A and aligns it to the center*/
th {
    color: #E5B13A; 
    text-align: center; 
}

/* Changes the color of hovering to #333333 */
.table-hover tbody tr:hover > th {
    background-color: #333333;
}

/* Gives the top of the table a margin of 20px */
.table {
    margin-top: 20px;
}
/* Changes the color of a disabled nav-link to #a2eaf6 */
.nav-link.disabled {
    color: #a2eaf6;
}

/* Changes the color of hovering over a link to #0f8da3 */
a:hover {
    color: #0f8da3;
}

/* Gives the image thumbnail a max-width: 65% */
.img-thumbnail {
    max-width: 65%;
}

/* Gives all buttons a black blackground, a font color of #E5B13A and a solid #4BD5EE 1px border */
.btn {
    background: black;
    color: #E5B13A;
    border: 1px solid #4BD5EE;
}

/* Changes .btn:hover to have a font color of #E5B13A from the default black which would have made the words impossible to see with the black background */
.btn:hover {
    color: #E5B13A;
}

/* Styles the forms */
.form-control {
    border: 2px solid #4BD5EE; /* Gives a 2px solid */
    background: black;
}
.form-control:focus {
    color: #E5B13A;
    background: black;
    border: 2px solid #4BD5EE;
}