/**



Foglio di stile per ranking player table



**/



table.data-table {

	border:none!important;

	border-collapse: collapse;

    border-spacing: 0;

	color:#1d3056!important;

}

.data-table td,.data-table th {

    padding: 10px;

	    vertical-align: middle;

}

table.data-table caption+thead tr:first-child td,

table.data-table caption+thead tr:first-child th, 

table.data-table colgroup+thead tr:first-child td,

table.data-table colgroup+thead tr:first-child th, 

table.data-table thead:first-child tr:first-child td,

table.data-table thead:first-child tr:first-child th {

    border: none;

}

/* table.data-table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {

       background-color: white;

}

table.data-table tbody tr:hover>td, table tbody tr:hover>th {

    background-color: white;

} */

.data-table{

    font-family: 'Oswald'!important;	

	width: 100%;

    transition: opacity .4s ease;	

}

.data-table thead {

    background-color: #1d3056!important;

	

}

.data-header-cell{

	

    width: auto;

    padding-bottom: 1.4rem;

    min-width: 7rem;

    font-size: 1.5rem;

	color: white;	

    font-weight: 100;



}

.single-data-info{

	display:flex;

	align-items: center;

	height: 100%;

}

.data-title-container h4 {

    margin: 0px;

	text-align:left;

}

.data-image-featured,

.data-image-fallback{

	    display: flex;

	margin-right: 1rem;

	margin-left: 1rem;

}

.data-image-featured a,

.data-image-fallback a{

	line-height:0px;

	min-width: 30px;

}



.data-image-featured img,

.data-image-fallback img {

	width: 50px;

	height:50px;

    aspect-ratio: 1/1;

    object-fit: cover;

    object-position: top;

	border: 1px solid #1d3056;

    border-radius: 50%;

}

a.data-title {

	color:#1d3056!important;

}

td.data-body-cell.data-rank-cell, 

td.data-body-cell.data-points{

    line-height:50px;

}





.load_more_wrapper a.loading > i {

    display: inline-block;

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear;

}

.load_more_wrapper a i {

    display: none;

}





img.country-image-flag {

    /* height: 50px; */

    max-width: 100%;

    width: 50px;

    border: 1px solid white;

    /* border-radius: 50%; */
/* 
    object-fit: cover; */

    box-shadow: none;

    /* aspect-ratio: 1/1; */

    margin: 0 auto;
    
    filter: brightness(0.94);
}



.flag-container {

    display: flex;

    width: 50%;

    align-items: center;

}

.country-name {

    width: 50%;

}

.data-body {

    font-weight: 400;

}

.data-body-row{

	border-bottom:1px solid #1d3056;

}

.data-body-cell{

    font-size: 20px;

    line-height: 20px;

    text-align: left;

    color:#1d3056!important;

    border: none;

    letter-spacing: -.029rem;

	vertical-align: middle;

}

a.data-title {

    font-size: 20px;

    line-height: 20px;

}

td.data-body-cell.data-points {

    text-align: center;

}

td.data-body-cell.data-rank-cell {

    vertical-align: middle;

	    text-align: center;

}



.load_more_wrapper {

    text-align: center;

}



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

	.data-table tbody *{

    font-size: 18px!important;

    line-height: 18px!important;

}

	.data-header-cell {

    min-width: 3rem;

	}

	

	.data-image-featured img, .data-image-fallback img {		

		width: 35px;

		height: 35px;

		min-width: 35px;

	}

	img.country-image-flag {

		/* height: 35px; */

		max-width: 35px;

		border:none;

	}

	.data-body-cell {    

		font-size: 20px;

	}

	th.data-header-cell {

    font-size: 20px;

    line-height: 35px;

	}

	.data-image-featured, .data-image-fallback {

		margin-right: 5px;

		margin-left: 5px;

	}

	.flag-container {

    margin-right: 5px;

	}

	

	td.data-body-cell.data-rank-cell, 

	td.data-body-cell.data-points{

		line-height:35px;

	}

}







.player_search:not(.masterslider) {

    background-image: url(/wp-content/themes/padelfip/assets/img/searchicon.png);

    background-position: 10px 7px;

    background-size: 17px;

    background-repeat: no-repeat;

	background-color: transparent;

    width: 60%!important;

    font-family: 'Titillium Web';

    font-size: 16px;

    padding: 5px 20px 5px 40px!important;

    border: none!important;

    border-bottom: 1px solid #ddd!important;

    outline: none;

    line-height: 16px;

    height: 30px;

	margin:0px 10px;

	-webkit-appearance: none;

}



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

	.player_search {    

   

	    margin-top: 50px;

}

div.container_table {

    padding-top: 50px;

}

}



.player-table-header {

    padding: 20px 0;

}



a.pdf.button {

    padding: 5px 10px;

    background: #1d3056;

    color: #fff;

    fill: #fff;

    text-transform: uppercase;

    font-family: 'Oswald';

    display: inline-flex;

    align-content: center;

    justify-content: center;

    align-items: center;

    width: max-content;

    gap: 10px;

}

a.pdf.button:hover {

   

    background: #fff;

    color: #17253f;

    fill: #17253f;

    

}





span.oldPosition {

    color: #fff;

    font-size: 20px;

    display: flex;

    align-items: center;

    align-content: center;

    gap: 3px;

    opacity: 0;

}



span.oldPosition.up {

    color: #00ff0d;

    opacity: 1;

}



span.oldPosition.down {

    color: red;

    opacity: 1;

}



span.oldPosition.down:before,span.oldPosition.up:before {

    content: "";

    display: inline-block;

    margin-right: .1rem;

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    border-bottom: 5px solid;

}



span.oldPosition.down:before {

    margin-top: .1rem;

    border-top: 5px solid red;

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    border-bottom: none;

}



span.oldPosition.up:before {

    border-bottom-color: #00ff0d;

}



.data-rank-cell p {

    display: flex;

    gap: 10px;

    justify-content: space-around;

}



.data-rank-cell .oldPosition {

    opacity: 1;

}



.data-rank-cell p span {

    color: #1d3056;

}



@media (min-width: 768px) {

    .data-header-cell.data-rank {

        width:70px;

    }



    .data-rank-cell p {

        gap: 0px;

    }

}