table {
    border-collapse: collapse;color: white;
    border-spacing: 0px;
    border: 1px solid black;
}

td {font-size: 8px;
    text-align: left;border: 1px solid black;
    padding: 0px;color: black;text-transform: uppercase;
}

th {font-size: 8px;
    text-align: left;border: 1px solid black;
    padding: 3px;color: white;text-transform: uppercase;
}

th a{
    text-decoration: none;color: white
}

tr:nth-child(even) {
    background-color: rgba(255,255,255,1)
}
a{text-decoration: none;color: black}


/*tabs*/
body {font-family: Open sans;}

/* Style the tab */
div.tab {margin: 0 auto; width: auto;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
div.tab1 {margin: 0 auto; width: auto;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {color: white;font-weight: bolder;
    background-color: red;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px 6px;
    transition: 0.3s;
    font-size: 17px;
}

div.tab1 button {color: white;font-weight: bolder;
    background-color: red;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px 6px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

div.tab1 button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: rgba(0,0,0,1);
}

div.tab1 button.active {
    background-color: rgba(0,0,0,1);
}


/* Style the tab content */
.tabcontent {width: 100%;
    display: none;
    padding: 0;
    border: 0px solid #ccc;
    border-top: none;
}

.tabteamcontent {width: 100%;
    display: none;
    padding: 0;
    border: 0px solid #ccc;
    border-top: none;
}


















@media only screen and (min-width: 700px) {

table {
    border-collapse: collapse;color: white;
    border-spacing: 0px;
    border: 1px solid black;
}

td {font-weight: bold;font-size: 14px;
    text-align: left;border: 1px solid black;
    padding: 5px;color: black;
}

th {font-size: 16px;
    text-align: left;border: 1px solid black;
    padding: 5px;color: white;
}

th a{
    text-decoration: none;color: white
}

tr:nth-child(even) {
    background-color: rgba(255,255,255,1)
}
a{text-decoration: none;color: black}


/*tabs*/
body {font-family: Open sans;}

/* Style the tab */
div.tab {margin: 0 auto; width: auto;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
div.tab1 {margin: 0 auto; width: auto;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {color: white;font-weight: bolder;
    background-color: red;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px 6px;
    transition: 0.3s;
    font-size: 17px;
}

div.tab1 button {color: white;font-weight: bolder;
    background-color: red;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px 6px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

div.tab1 button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: rgba(0,0,0,1);
}

div.tab1 button.active {
    background-color: rgba(0,0,0,1);
}


/* Style the tab content */
.tabcontent {width: 100%;
    display: none;
    padding: 0;
    border: 0px solid #ccc;
    border-top: none;
}

.tabteamcontent {width: 100%;
    display: none;
    padding: 0;
    border: 0px solid #ccc;
    border-top: none;
}

}