/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
    height: 5px;
    border-top: 0;
    background: #84bd00;
    border-radius: 5px;
}
.graycolorgraph {
    height: 2px;
    border-top: 0;
    background: lightgray;
    border-radius: 2px;
}

.search-table {
    padding: 10%;
    margin-top: -6%;
}

.search-box {
    background: #00263e;
    color: white;
    background-color: #00263e;
    padding-top: 3%;
    padding-bottom: 3%;
}

    .search-box input:focus {
        box-shadow: none;
        border: 2px solid #84bd00;
    }

.search-box h4 {
    text-align: center;
}
.search-list {
    word-wrap: break-word;
}

    .search-list h3 {
        background: #00263e;
        color: white;
        padding: 3%;
    }
    .search-list thead th {
        text-align: left;
        border: 1px solid #00263e;
        background-color: #00263e;
        color: white;
    }
.tableHeader {
    border: #00263e 1px solid;
}

.tableBody {
    width: 100%;
    border-collapse: collapse;
    word-wrap: break-word;
}

.tableBody td {
    text-align: center;
    border: #00263e 1px solid;
}
/* provide some minimal visual accomodation for IE8 and below */
.tableBody tr {
    border: 1px solid #00263e
}
    /*  Define the background color for all the ODD background rows  */
    .tableBody tr:nth-child(odd) {
        background: rgba(132, 189, 0,0.25);
        
    }
/*This is for the mailing address on matchmailing.html*/
.tableFooter {
    background-color: #00263e;
}

.mailingAddress h4 {
    text-align: center;
}
.loader {
    border: 2px solid white; /* Light grey */
    border-top: 2px solid #84bd00; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

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

.hover { background-color:#ddd!important }
.clicked {
    background-color: #00263e !important
}

.datacellone {
    background-color: #FA7268; color: black;
}
.datacelltwo {
    background-color: #FDF5E6; color: black;
}
.header {
    background-color: #00263e;
    color: white;
    padding: 3%;
    text-align: center;
}