/* ROW NUMBERING

table.ranking {
    counter-reset: rowNumber;
}

table.ranking tbody tr {
    counter-increment: rowNumber;
}

table.ranking tbody tr td.position:first-child::after {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
} */

@media 
only screen and (max-width: 766px){
table.ranking tbody td.position,
table.ranking tbody td.mobile-none
{
  display: none; 
  }
} 


main.regata .u-accordion__body{
    padding: 1.5rem 0.3rem 0 0.3rem;
}

.xsmall{
    font-size: 75%;
}

table.table-csv {
  width: 100% !important;
  table-layout: fixed;
  border-collapse: collapse;
}
table.table-csv thead {
  text-align: center;
/*  font-size: 1.15em;*/
  text-transform: uppercase;
  background-color: #aaa;
  color: #fff;
}

table.table-csv td {
  height: 50px;
  padding: 0px;
  line-height: 0.85rem;
/*  box-sizing: border-box;*/
}

table.table-csv .table-striped tbody tr:nth-of-type(odd) {
	background-color: #ddd !important;
}

@media all and (max-width: 991px) {
  table.table-csv td.Race{
    display: none;
  }
    
  table.table-csv * {
    display: block;
  }
  table.table-csv thead {
    display: none;
  }
  table.table-csv td::before {
    display: block;
    content: attr(data);
    text-transform: uppercase;
    padding: 5px 0;
	font-weight: bold;
  }
  table.table-csv td {
    border-right: none !important;
	height: auto;
	border-top: none;
  }
/*  
  table.table-csv tr {
   border-top: 1px solid #888;
  }
  table.table-csv tr:nth-child(even) .td {
   background-color: #333;
   color: white;
  }
  table.table-csv tr:nth-child(even) td {
	background-color: #999;
  }
*/
}

/* TABLE Ranking */

/* Duplicated Scores */
table#table-editing input.duplicated {
    background: rgb(253, 248, 176) !important;
}
table#results_table td.duplicated{
    background: yellow !important;
}

table.ranking td p{
    margin: 0;
}
table.dataTable thead th, table.dataTable tbody td {
    padding: 5px 5px 5px 5px !important;
    
}
table.dataTable thead th[class*='race']{
    min-width: 50px;
}
table.ranking td span.rule{
    font-size: .75rem;
}

/*
 table.ranking td.pos-1{
    background-color: gold;
	background: -moz-linear-gradient(45deg, rgb(2, 0, 36) 0%, rgb(194, 192, 140) 0%, rgb(242, 246, 173) 49%, rgb(194, 192, 140) 100%);
	background: -webkit-linear-gradient(45deg, rgb(2, 0, 36) 0%, rgb(194, 192, 140) 0%, rgb(242, 246, 173) 49%, rgb(194, 192, 140) 100%);
	background: linear-gradient(45deg, rgb(2, 0, 36) 0%, rgb(194, 192, 140) 0%, rgb(242, 246, 173) 49%, rgb(194, 192, 140) 100%);

}
table.ranking td.pos-2{
    background-color: slategray;
	background: -moz-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(132,132,132,1) 0%, rgba(243,243,243,1) 49%, rgba(132,132,132,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(132,132,132,1) 0%, rgba(243,243,243,1) 49%, rgba(132,132,132,1) 100%);
	background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(132,132,132,1) 0%, rgba(243,243,243,1) 49%, rgba(132,132,132,1) 100%);  
}
table.ranking td.pos-3{
    background-color: sandybrown;
	background: -moz-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(113,85,64,1) 0%, rgba(246,211,173,1) 49%, rgba(113,85,64,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(113,85,64,1) 0%, rgba(246,211,173,1) 49%, rgba(113,85,64,1) 100%);
	background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(113,85,64,1) 0%, rgba(246,211,173,1) 49%, rgba(113,85,64,1) 100%);
} 
*/


/* TABLE Responsive tipo B
-------------------------- */

table.table-csv2 td.pos-1{
    background-color: gold;
	background: -moz-linear-gradient(45deg, rgb(2, 0, 36) 0%, rgb(194, 192, 140) 0%, rgb(242, 246, 173) 49%, rgb(194, 192, 140) 100%);
	background: -webkit-linear-gradient(45deg, rgb(2, 0, 36) 0%, rgb(194, 192, 140) 0%, rgb(242, 246, 173) 49%, rgb(194, 192, 140) 100%);
	background: linear-gradient(45deg, rgb(2, 0, 36) 0%, rgb(194, 192, 140) 0%, rgb(242, 246, 173) 49%, rgb(194, 192, 140) 100%);

}
table.table-csv2 td.pos-2{
    background-color: slategray;
	background: -moz-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(132,132,132,1) 0%, rgba(243,243,243,1) 49%, rgba(132,132,132,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(132,132,132,1) 0%, rgba(243,243,243,1) 49%, rgba(132,132,132,1) 100%);
	background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(132,132,132,1) 0%, rgba(243,243,243,1) 49%, rgba(132,132,132,1) 100%);  
}
table.table-csv2 td.pos-3{
    background-color: sandybrown;
	background: -moz-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(113,85,64,1) 0%, rgba(246,211,173,1) 49%, rgba(113,85,64,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(113,85,64,1) 0%, rgba(246,211,173,1) 49%, rgba(113,85,64,1) 100%);
	background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(113,85,64,1) 0%, rgba(246,211,173,1) 49%, rgba(113,85,64,1) 100%);
}

div.card table.table-csv2 {
    word-wrap: normal !important;
}

div.card table.table-csv2 td{
    text-align: center;
}

table.table-csv2 .ft-table-col {
    width: auto !important; 
}

table.table-csv2 {
    width: 100%; 
    border-collapse: collapse; 
    margin-bottom: 1.5em;  
}

@media 
only screen and (max-width: 991px){
	
table.table-csv2 td.pos-1{
    background: gold;
}
table.table-csv2 td.pos-2{
    background: slategray; 
	color: white;
}
table.table-csv2 td.pos-3{
    background: sandybrown;
}
    
    div.card table.table-csv2 td{
    text-align: left;
    }
    
    table.table-csv2 td.Race{
    display: none;
    }
    
	/* Force table to not be like tables anymore */
	table.table-csv2, table.table-csv2 thead, table.table-csv2 tbody, table.table-csv2 th, table.table-csv2 td, table.table-csv2 tr { 
		display: block;
        text-align: left;
	}
	
	/* Nascondo table headers (but not display: none;, for accessibility) */
	table.table-csv2 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.table-csv2 tr { 
    border: 2px solid #ccc;
    margin-bottom: 10px;
    }
	
	table.table-csv2 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.table-csv2 td:before { 
		/* Now like a table header */
		position: absolute;
        text-align: left; 
		/* Top/left values mimic padding */
		top: 2px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
    
    table.table-csv2 td {
          text-align: left; 
    }
    
table.table-csv2 td::before { content: attr(data); }

}


/* TABLE VISTA FULL CHILD
-------------------------- */
table.fullchild {
    word-wrap: normal !important;
}

table.fullchild .ft-table-col {
    width: auto !important; 
}

table.fullchild {
    width: 100%; 
    border-collapse: collapse; 
    margin-bottom: 1.5em;  
}

table.fullchild thead tr {
	background: #ccc;
}


@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    
    table.fullchild td{
    text-align: left;
    }

	/* Force table to not be like tables anymore */
	table.fullchild, table.fullchild thead, table.fullchild tbody, table.fullchild th, table.fullchild td, table.fullchild tr { 
		display: block; 
		text-align: left;
	}
	
	/* Nascondo table headers (but not display: none;, for accessibility) */
	table.fullchild thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.fullchild tr { border: 1px solid #ccc; margin-bottom: 10px;}
	
	table.fullchild td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.fullchild td:before { 
		/* Now like a table header */
		position: absolute;
        text-align: left; 
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
    
    table.fullchild td {
          text-align: right; 
    }

	table.fullchild td:nth-of-type(1) {
		background: #ccc;
		font-weight: bold;
		text-transform: uppercase;
		}
    
    /*
	Label the data: prende l'attribute data inoculato dinamicamente nella generazione della profield table
	*/
	table.fullchild td::before { content: attr(data); font-weight: bold;}

}