/* ****************************** */



/* NEW RESULTS STYLE */



table.results_table tbody>tr>td, table.results_table tbody>tr>th {

	background: transparent;

}



input#myInput {

    width: 100%;

    margin-bottom: 15px;

}



table#myTable {

    border-collapse: collapse;

}

.results_table th {

        text-transform: uppercase;

        font-size: 15px;

        background: #0087bf !important;

        color: #fff;

        border-right: 1px solid #fff;

        text-align: center;

    }

@media only screen and (max-width: 1000px) {

        .hidden_data {display: block !important;}

    }



@media only screen and (max-width: 1000px) {

        .mid_point {

            display: none !important; 

            text-align: center;}

    }

.results_table {font-size: 14px; text-align: center !important; color: #fff !important;}

.results_table tr {

    transition: background 0.2s ease-in;

}

.results_table td {

    color: #fff !important;

    vertical-align: middle;

    text-align: center;

    padding: 0px;

    border-right: 1px solid #fff;

}

.results_table tr:nth-child(even) {

    background: #777;

    color: #fff;

}

.results_table tr:nth-child(odd) {

    background: #555;

    color: #fff;

}



.zmr-results tr:nth-child(even) > td {

    background: #555 !important;

    color: #fff;	

}



.zmr-results tr:nth-child(odd) > td {

    background: #777 !important;

    color: #fff;	

}



.zmr-results tr:hover > td {

	    background: #0087bf !important;

}



.results_table tr:hover {

    background: #0087bf;

    cursor: pointer !important;

}



.surname {font-weight: bold; font-size: 17px; text-align: left !important; line-height: 22px; padding: 5px !important;}

.details {font-weight: normal; font-size: 14px; max-width: 80%; margin-top:7px; color: #ddd;}

.hidden_data {display: none; font-weight: normal; font-size: 14px; line-height: 14px; margin-top:7px; text-transform: uppercase; font-family: "Ubuntu Condensed";}

.results_table td {max-width: 250px !important;}

.results_table .res_athlete {display: block; text-transform: uppercase;  overflow-wrap: break-word !important; /*background: #0087bf;*/}



.mpoints {font-weight: bold; margin-bottom: 5px; font-size: 14px;}

.WINNER::after {

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    content: "\f091";

    padding-left: 5px;

  }

.WINNER1::after {

    color: #d4af37 !important; /* GOLD */

  }

.WINNER2::after {

    color: #c0c0c0 !important; /* SILVER */

  }

.WINNER3::after {

    color: #da8a67 !important; /* COPPER */

}

  

.results_table .res_team {display: block; text-transform: uppercase;  overflow-wrap: break-word !important;}

.results_table .gen_rank {font-size: 15px; font-weight: bold;}

.DNF::after {

    content:" (DNF)";

    color: #e2c794 !important;

}





.DNS::after {

    content:" (DNS)";

    color: #ff958c !important;

}





/* ATHLETE DETAILS */

  #race_athlete_details {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

  }

  #race_athlete_details h1 {

    display: table;

    background: #0087bf;

    color: #fff;

    padding: 10px;

  }

  

.flex-container1 {

  display: flex;

  flex-direction: row;

}



.flex-container1 > div {

  width: 50%;

  padding: 10px;

}



#left {

  background: #eee;

}



#right {

  background: #fafafa;

}

.flex-container2 {

  display: flex;

  flex-direction: row;

}



.flex-container2 > div {

  padding: 10px;

  text-align: center;

  border-right: 1px solid #ccc;

  min-width: 120px;

}



.flex-container2 > div:last-child {

  border: 0px;

}



.flex-container2 span {

  display: block;

  line-height: 24px;

}



.flex-container2 .race_point {

  font-weight: bold;

}



.flex-container2 h3 {

  background: #eee;

  display: table;

  padding: 10px;

}



@media only screen and (max-width: 600px) {

  .flex-container1, .flex-container2 {

    flex-direction: column;

    text-align: left !important;

  }

  

  .flex-container2 div {

    text-align: left !important;

  }

  .flex-container2 span {

    text-align: left !important;

    display: inline-block;

    margin-left: 0px;

  }



  .flex-container2 .race_point::after {

    content: ":";

  }

}



/* ******* */