/*STYLE ATLETA*/
body{
	max-width:100%;
	overflow-x:hidden}
a{
	text-decoration:none}
p.black{
	text-transform: capitalize;
}
p.borda{
	display: inline-block;
	margin: 0 auto;
	border: 1px solid rgb(160,160,160);
	padding: 10px 20px;
}
p.borda a{
	color: #f61e23;
	text-decoration: underline;
}
span.under{
	text-decoration: underline;
}
ul{
	font-size:14px;
	padding-left:0;
	margin-left:0}
li{
	list-style-type:none;
	padding-left:0;
	margin-left:0}
.background-profile{
	background: transparent;
	background-size: cover;
	position: relative;
}
.background-image-profile{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	object-fit: cover;
	filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-ms-filter: blur(10px);
}
.mostraAltro{
	padding:11px 0;
	text-align:center;
	background-color:#323232;
	line-height:0;
	font-size:0}
.mostraAltro div{
	display:inline-block}
.back{
	border-bottom:1px solid rgb(180,180,180);
	border-bottom:1px solid rgba(0,0,0,.1)}
.mostraAltro .rotondo{
	font-size:0;
	margin:0 8px;
	width:10px;
	height:10px;
	border-radius:30px;
	background-color:#fff;
	color:#000;
	cursor:pointer}
.mostraAltro .rotColorato{
	background-color:#000}
.popupBox{
	overflow:hidden}
#contieniPagine{
	width:1800px;
	margin-left:0;
	text-align:left;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s}
.pagina{
	display:inline-block;
	width:300px;
	vertical-align:top}
.site{
	margin-top:50px;
	-webkit-transition:all .3s}
.init{
	text-align:center;
	font-size:13px}
.init img{
	width:60px}
.filter{
	opacity:.1}
.noTessera{
	padding:8px 0;
	color:#fff;
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C282828,endColorstr=#4C282828)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C282828,endColorstr=#4C282828);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(40,40,40,.3);
	font-size:13px;
	text-align:center;
	border-bottom:1px solid rgb(200,200,200);
	border-bottom:1px solid rgba(0,0,0,.2)}
#loadBox{
	position:absolute;
	top:15px;
	right:5px;
	display:none}
#loadBox #loadTable,#loadBox #loadTable .spinner{
	height:20px;
	width:20px}
#loadBox #loadTable .spinner .mask{
	height:10px;
	width:10px}
#loadBox #loadTable .spinner .mask .maskedCircle{
	border:2px solid #f61e23}
.container-profile{
	width:100%;
	height:auto;
	background:rgb(67,94,116);
	background:-o-linear-gradient(to left,rgba(243,66,75,.93)0,rgba(55,67,75,.93)100%);
	background:-ms-linear-gradient(to left,rgba(243,66,75,.93)0,rgba(55,67,75,.93)100%);
	background:-moz-linear-gradient(to left,rgba(243,66,75,.93)0,rgba(55,67,75,.93)100%);
	background:-webkit-linear-gradient(to left,rgba(243,66,75,.93)0,rgba(55,67,75,.93)100%);
	background:linear-gradient(to left,rgba(243,66,75,.93)0,rgba(55,67,75,.93)100%)}
.control{
	width:auto;
	max-width:400px;
	margin:0 auto}
.header{
	padding:30px 0 30px 15px;
	height:auto;
	text-align:left;
	margin:0 auto;
	position:relative;}
.share-buttons{
	position:absolute!important;
	top:2px;
	right:2px}
.share-buttons a{
	text-decoration:none;
	color:transparent;
	border:0;
	margin:0;
	padding:0}
.share-buttons img{
	width:27px;
	margin:3px 0;
	display:block}
.header img.prof{
	margin:0;
	margin-right:10px;
	height:100px;
	width:100px;
	border-radius:10px;
	display:inline-block}
.header img#edit{
	height: 15px;
	width: 14px;
	vertical-align: middle;
	margin-left: 5px;
}
.header .container-text{
	width: 100%;
}
.header .text{
	width: 260px;
	display:inline-block;
	vertical-align:top}
.header p, .header h1{
	font-size: 27px;
	margin:0;
	line-height:110%;
	font-weight: 400;
	color:#fff}
.header a{
	color: #aaa;
	text-decoration: none;
}
.header span.orange2{
	background-color:#f61e23;
	color:#fff;
	font-size:13px;
	padding:0 5px;
	margin-left:4px;
	border-radius:3px}
.header span.gray{
	color:#aaa;
	font-size:13px}
.header .other-info{
	padding: .7rem 0;
	font-size: .9rem;
	display: flex;
	flex-direction: row;
	color: white;
	text-align: center;
}
.header .other-info .info-box{
	flex: 1;
}
.header .other-info .info-box .gray{
	font-size: .8rem;
}
.float-button{
	position:absolute;
	right: 20px;
	bottom: -30px;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	background-color: white;
	box-shadow: 0px 1px 8px rgba(0,0,0,.4);
}
.float-button img{
	height: 30px;
}
.pb-title{
	padding:5px 0;
	margin:0;
	font-size:15px;
	text-transform:uppercase}
.pb-error{
	padding:30px 0;
	margin:0;
	font-size:15px;
	text-align:center}
.pb{
	text-align:left;
	color:#fff;
	margin:0;
	padding:10px 30px;
	font-size:14px;
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FAFAFA,endColorstr=#19FAFAFA)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FAFAFA,endColorstr=#19FAFAFA);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(250,250,250,.05);}
ul li.s-more{
	display: none;
}
ul li#a-more a{
	display: block;
	color: inherit;
	padding: 5px 0px;
	font-size: 11px;
}
.linea{
	height:4px;
	background-color:orange;
	border-radius:3px;
	width:0;
	max-width:100%}
.ruota{
	width:30px;
	height:30px;
	background:#000;
	background:-o-linear-gradient(top,#708090,red);
	background:-moz-linear-gradient(top,#708090,red);
	background:-webkit-gradient(linear,0 0,0 100%,from(#708090),to(red));
	background:-webkit-linear-gradient(top,#708090,red);
	background:-ms-linear-gradient(top,#708090,red);
	background:linear-gradient(top,#708090,red)}
.r{
	transform:rotateZ()}


.myButton{
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}

#segui_div{
	cursor: pointer;
}

.Bsegui{
	background-image: url("/ico/add/add_person.png");
	background-position: 10px 10px;
	background-size: 30px;
	background-repeat: no-repeat;
}

.myButton:hover::after{
	position: absolute;
	top: -30px;
	left: 0px;
	font-size: 12px;
	line-height: 15px;
	background-color: rgba(40,40,40,.8);
	color: white;
	padding: 5px 10px;
	border-radius: 4px;
}

.myButton:hover.Bsegui::after{
	content : "segui";
}

.Bseguito{
	background-image: url("/ico/checkmark/checkmark-32.png");
	background-position: 10px 10px;
	background-size: 30px;
	background-repeat: no-repeat;

	-webkit-transform:rotateX(360deg);
	-moz-transform:rotateX(360deg);
	-ms-transform:rotateX(360deg);
	-o-transform:rotateX(360deg);
	transform:rotateX(360deg)
}

.myButton:hover.Bseguito::after{
	content: "seguito";
}

.container-profile footer{
	color:#fff;
	font-size:13px;
	text-align:center;
	padding:5px 0;
	max-height:20px;
	overflow:hidden}

.stats-box{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:center}
.stats-box .desc{
	width:90%;
	margin:0 auto;
	height:auto;
	z-index:10}
.desc p{
	font-size:14px}
.stats-box .title{
	font-size:14px;
	margin:0;
	padding:20px;
	color:#000;
	text-align:center}
.title .misura{
	font-size:14px;
	display:inline-block;
	cursor:pointer;
	color:#646464;
	height:auto;
	width:auto;
	padding:3px 10px;
	border-radius:4px}
.title .active{
	display:inline-block;
	cursor:default;
	height:auto;
	width:auto;
	padding:2px 8px;
	border-radius:4px;
	font-size:14px;
	border:1px solid #6e6e6e}
.title p{
	margin:0;
	padding:0}
.ultra_chart{
	position: relative;
	padding:0}
#specificaBox div{
	padding:5px 0;
	margin-bottom:20px;
	font-size:14px;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8}
ul#specUL{
	padding:0;
	margin:0;
	display:inline-block}
ul#specUL li{
	cursor:pointer;
	color:#969696;
	display:inline-block;
	margin:0 5px}
ul#specUL li.active{
	color:#000;
	font-size:15px}
ul.opBox{
	margin:0 auto;
	padding:0;
	display:table}
ul.opBox li{
	display:block;
	float:left;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	border-left:1px solid #dadada;
	background-color:#fff;
	font-size:13px;
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s}
ul.opBox li:last-child{
	border-right:1px solid #dadada;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px}
ul.opBox li:first-child{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px}
ul.opBox li.current{
	background-color:#00a8ff}
ul.opBox a{
	text-decoration:none;
	line-height:32px;
	display:block;
	padding:0 25px;
	color:#999;
	-webkit-transition:color .3s;
	-moz-transition:color .3s;
	transition:color .3s}
li.current a{
	color:#fff}
.chart_div{
	position:static!important;
	margin:0;
	opacity:1}
.blur{
	opacity:.5}
.containerMiniStats{
	width:100%;
	height:auto;
	text-align:center;
	padding:20px 0 10px}
.MiniStats{
	display:inline-block;
	width:auto;
	min-width:140px;
	text-align:center;
	padding-bottom:3px}
.prim{
	border:1px solid #c8c8c8;
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000,endColorstr=#0C000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000,endColorstr=#0C000000);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(0,0,0,.05)}
.nmrBig{
	margin:0;
	padding:0;
	color:#f61e23;
	font-size:25px}
.nmrSmall{
	margin:0;
	padding:0;
	color:#06C;
	font-size:18px}
.MiniStats .text{
	font-size:12px}
p.note{
	font-size:13px;
	text-align:center;
	margin-top:0;
	margin-bottom:10px}
#ultraBtn{
	border:2px solid #f61e23;
	color:#f61e23;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	width:80%;
	max-width:300px;
	padding:10px 0;
	margin:20px;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-ms-transition:.5s all;
	-o-transition:.5s all;
	transition:.5s all}
#ultraBtn:hover{
	background-color:#f61e23;
	color:#fff}
.coverAll *{
	padding:0;
	margin:0}
.limita{
	width:95%;
	max-width:1000px;
	margin:0 auto}
.coverAll{
	height:0;
	overflow:hidden;
	background-color:#282828;
	-webkit-transition:.7s all;
	-moz-transition:.7s all;
	-ms-transition:.7s all;
	-o-transition:.7s all;
	transition:.7s all;
	margin-bottom:10px}
#mini{
	color:#fff;
	font-size:55px;
	font-weight:100;
	text-align:center}
#mini p{
	padding:50px 0}
#contieni{
	text-align:center;
	padding:30px 0}
#dashboard{
	display:inline-block!important;
	padding-bottom:30px}
#annoBox{
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(0,0,0,.7);
	padding:30px;
	text-align:left}
p.titolo{
	color:#fff;
	text-align:center;
	padding:20px 0;
	font-size:25px;
	font-weight:100;
	text-transform:uppercase}
ul#ulAnno{
	color:#fff;
	font-size:0}
ul#ulAnno>li{
	padding:5px 0}
ul#ulAnno>li>p{
	display:inline-block;
	font-size:15px;
	padding-right:20px}
ul#ulAnno li span{
	display:inline-block;
	font-size:13px;
	color:#aaa}
ul#ulAnno li span.nmrPres{
	padding:3px 5px}
ul#ulAnno li div.contieniLine{
	width:100%;
	height:2px;
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(255,255,255,.5);
	margin-top:3px}
ul#ulAnno li div.line{
	position:relative;
	height:100%;
	background-color:#f7545f}
ul#ulAnno li div.line span.nmrPerc{
	position:absolute;
	right:0;
	top:-15px;
	font-size:11px;
	color:inherit}
.testoBox{
	margin-top:100px;
	text-align:center}
.limiSmall{
	display:inline-block;
	text-align:left;
	padding:10px 20px;
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(255,255,255,.1);
	border-radius:10px}
h2.sponsor{
	font-size:30px;
	font-weight:100;
	color:#fff;
	line-height:35px;
	padding:10px 0}
h2.sponsor span{
	background-color:#f7545f;
	color:#3c3c3c;
	padding:0 10px}
#localitaBox{
	padding:30px;
	text-align:center}
#listaSpecialita>div{
	display:inline-block;
	color: rgb(230,230,230);
	color:rgba(255,255,255,.7);
	font-size:11px;
	font-weight:100;
	padding:10px}
#listaSpecialita>.b1{
	font-size:80%}
#listaSpecialita>.b2{
	font-size:90%}
#listaSpecialita>.b3{
	font-size:100%}
#listaSpecialita>.b4{
	font-size:120%}
#listaSpecialita>.b5{
	font-size:140%}
#listaSpecialita>.b6{
	font-size:160%}
#listaSpecialita>.b7{
	font-size:180%}
#listaSpecialita>.b8{
	font-size:200%}
#listaSpecialita>.b9{
	font-size:220%}
#listaSpecialita>.b10{
	font-size:240%}
#listaSpecialita>.b11{
	font-size:260%}
#listaSpecialita>.b12{
	font-size:270%}
#listaSpecialita>.b13{
	font-size:280%}
#cuoreBox{
	padding:100px 0;
	position:relative;
	text-align:center}
.cuoreRound{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-50px;
	width:100px;
	height:100px;
	border-radius:100px;
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(255,255,255,.1);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s}
.cuoreRound:hover{
	width:150px;
	height:150px;
	margin-left:-75px;
	margin-top:-75px}
.ordinamento{
	width:98%;
	margin:0 auto;
	color:#6e6e6e;
	padding:8px 0;
	font-size:13px;
	text-align:left}
.ordinamento a{
	color:#000;
	cursor:pointer}
.table_div{
	width:100%;
	text-align:center;
	padding:10px 0}
table{
	margin:0 auto;
	width:98%;
	font-size:13px;
	border-collapse:collapse}
thead{
	background-color:#f61e23;
	color:#fff;
	font-size:12px;
	line-height:20px;
	text-align:center}
th{
	padding:10px 0}
tbody{
	text-align:center}
tbody .azz td{
	background: rgb(220,220,220);
	background-color:rgba(0,0,0,.1)}
tbody .err{
	color:#828282;
	text-decoration:line-through}
table tbody tr:hover td{
	background-color: rgb(40,40,40);
	background-color:rgba(0,0,0,.7);
	color:#fff}
tbody tr td:last-child{
	text-align:center;
	padding:0;}
td{
	margin:0;
	padding:8px 0}
td a{
	display:block;
	padding:8px}
#fotoGuardian{
	text-align:center}
.hireBox{
	display:inline-block;
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(0,0,0,.1);
	width:95%;
	max-width:500px;
	margin-top:30px;
	padding-bottom:15px;
	border:1px solid rgb(200,200,200);
	border:1px solid rgba(0,0,0,.2)}
#fotoGuardian .hireBox h2{
	margin:0;
	padding:10px 0;
	font-weight:300}
#fotoGuardian .hireBox p{
	font-size:14px;
	line-height:20px;
	padding:0;
	margin:0}
#fotoGuardian .hireBox img{
	height:80px}
#notizieGuardian{
	text-align:center}
#notizieGuardian>p{
	font-size:15px;
	margin:20px 0}
.fondiNot{
	margin-bottom: 0px !important;
}
.fondiNot .corpo{
  border-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.noup{
	border-top: 0px !important;
}
.news{
	text-align:left;
	max-width:550px;
	-webkit-transition:1s all;
	margin:0 auto;
	margin-bottom:10px}
.news .testa{
	background-color:transparent;
	position:relative;
	vertical-align:center;
	font-size:14px;
	line-height:20px;
	padding:0 10px}
.news .testa a{
	color:inherit}
.testa p{
	font-size:12px;
	color:#646464;
	line-height:20px;
	margin:0}
.corpo{
	padding:5px 10px;
	background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#14000000,endColorstr=#14000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#14000000,endColorstr=#14000000);   /* IE6 & 7 */
      zoom: 1;
	background-color:rgba(0,0,0,.08);
	border:1px solid rgba(0,0,0,.05)}
.corpo p{
	display:inline-block;
	margin:0;
	color:#282828;
	font-size:13px}
.corpo p a{
	color:#f61e23;
	margin-left:2px;
	padding:2px 4px;
	border-radius:3px}
.corpo p a:hover{
	background-color:#f61e23;
	color:#fff}
.myButton_mini{
	display:inline-block;
	text-transform:uppercase;
	font-size:11px;
	width:auto;
	background-color:#f61e23;
	color:#fff;
	text-align:center;
	padding:3px 6px;
	border-radius:3px;
	margin-right:5px}
.not5 .myButton_mini,.not6 .myButton_mini{
	background-color:#33B1F8}
.not1 .myButton_mini,.not2 .myButton_mini,.not3 .myButton_mini{
	background-color:#73C917}
.not8 .myButton_mini, .not9 .myButton_mini{
  background-color: rgba(241, 196, 15,1.0);
}
.not11 .myButton_mini{
  background-color: rgb(230,230,230);
  border: 1px solid rgb(190,190,190);
  color: black;
}
.not11 .page_title{
	font-style: italic;
}

/*delete stroke graph text*/
text{
	stroke: none;
}

#tipsS{
	display: none;
}

#atletaGallery{
	text-align: center;
}
#atletaGallery .separator{
	margin-top: 5em;
}
#atletaGallery .imgContainer{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
#atletaGallery .imgBox{
	width: 150px;
}
#atletaGallery img{
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 150px;
	background-color: rgba(0,0,0,.1);
	border-radius: 10px;
}
#atletaGallery p{
	font-size: 15px;
	line-height: 20px;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	margin-top: .2em;
}
#atletaGallery span{
	font-size: 12px;
	color: rgba(0,0,0,.6);
}
#garaSelect{
	display: none;
}
.restyleSelect{
	margin: 0 auto;
	padding: 10px 20px;
	width: calc( 100% - 40px );
	border: 1px solid;
	border-color: rgb(100,100,100);
	border-color: rgba(0,0,0,.2);

	background-color: white;
	color: black;
}
.sceltaBox ul li{
	width: 25%;
	font-size: 15px;
}
#items-list{
	padding-right: 12%;
	z-index: 100;
	display: block;
	text-align: right;
}
#listaAnno{
	min-width: 150px;
	display: inline-block;
	width: auto;
	padding: 5px;
	background-color: rgb(230,230,230);
	font-size: 13px;
}

/* AVVERSARI */
#avversariGuardian{
  text-align: center;
}
#avversariGuardian > p{
	font-size: 14px;
	padding-top: 20px;
	text-transform: uppercase;
	color: rgb(100,100,100);
}

.people{
  display: inline-block;
  width: 95%;
  max-width: 250px;
  font-size: 0px;
  margin: 3px;
  cursor: pointer;
  position: relative;

  white-space: nowrap;
}

.people a{
	color: black;
	text-decoration: none;
}

.people .sopra{
  text-align: left;
  padding: 9px 0px;
  font-size: 14px;
  border: 1px solid rgba(0,0,0,.1);
  border-bottom: 0px;
}

.people img{
	width: 50px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 10px;
}

.people .img{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 10px;
}

.people .identa{
	padding-left: 60px;
}

.people .sopra span{
  font-size: 12px;
  color: rgba(0,0,0,.6);
}

.people .sopra p{
  font-size: 15px;
  line-height: 20px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
}

.people .bottoniBox .btn-50{
  font-size: 12px;
  width: 50%;
  display: inline-block;
  background-color: #f61e23; /* red */
  color: white;

  vertical-align: top;
}

.people .bottoniBox .btn-50 a, .people .bottoniBox .btn-50 p{
  padding: 5px 0px;
  display: block;
  font-size: 13px;
  margin: 0;
}

.people .bottoniBox .btn-50 a{
	color: white;
}

.people .bottoniBox .diffCol{
  background-color: rgba(0,0,0,.1);
}

.people .bottoniBox .diffCol a{
  color: rgba(0,0,0,.8);
}

.google-visualization-tooltip{
	margin-left: -13px !important;
	border: 0px !important;
	border-radius: 6px !important;
}

.tooltipMe{
	padding: 12px 20px 12px 12px;
	text-align: left;
	border-radius: 22px;
}

.tooltipMe .secondary{
	text-transform: capitalize;
	color: rgb(0,0,0);
	font-size: 13px;
	margin-bottom: 14px;
}

.tooltipMe .text{
	color: rgba(0,0,0,.5);
	font-size: 12px;
	text-transform: uppercase;
}

.tooltipMe .primary{
	color: #06C;
	font-size: 24px;
}

.tooltipMe .other{
	color: rgba(0,0,0,.8);
	font-size: 11px;
}

/* ------- */
/* video */
.filmato{
	background-color: #1B1B1B;
}
.filmato iframe{
	margin: 60px 0px;
}
.miniInp form{
	padding: 20px 0px 15px 0px;
	width: 95%;
	max-width: 400px;
	margin: 0 auto;
	display: block;
}
.videoInp{
	position: static !important;
}
.videoInp p{
	margin: 0;
}
.inpVideoBox{
	position: relative;
}
.miniInp input{

}

.errVideo{
	padding: 20px 0px;
}

.errVideo img{
	max-height: 200px;
}

.miniInp label{
	font-size: 14px;
}
.miniVideoBox{
	padding: 10px 0px;
	text-align: center;
}
.clickFilm{
	display: inline-block;
	cursor: pointer;
	margin: 5px;
	width: 95%;
	max-width: 300px;
	background-color: white;
	vertical-align: top;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
}
.anteprimaFilm img{
	display: block;
	max-width: 100%;
}
.textFilm{
	font-size: 13px;
	line-height: 15px;
	padding: 10px 8px;
	text-align: left;
}
.textFilm p{
	padding: 0;
	margin: 0;
	color: black;
	line-height: 21px;
	height: 21px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#confirmUpload{
	display: none;
	padding: 10px;
	background-color: #47A3DA;
	color: white;
}

#confirmUpload h3{
	font-size: 22px;
}
.textUpload{
	padding: 10px 0px;
}

#confirmUpload p{
	margin: 0;
	padding: 0;
	font-size: 15px;
}
p.post{
	font-size: 13px;
	opacity: .8;
}
#eliminaConsole{
	color: rgb(80,80,80);
}
#eliminaConsole p{
	font-size: 11px;
	line-height: 13px;
	margin: 0;
}
.infortuniBox{
	padding-left: 12%;
	text-align: left;
	font-size: 12px;
}
.infortuniBox a{
	color: black;
}

section{
	text-align: center;
}
.morph-button.morph-button-overlay{
	margin: 0 auto !important;
}

/* ------ */
/* sovrascrive ricerca style atleta */
.header2.text-img img{
	position: absolute;
	top: 8px;
	left: 8px;
	width: 40px;
	height: 40px;
	border-radius: 15%;
}

.header2.text-img .padd-text{
	text-align: left;
	background-color: white;
	padding: .5em 0 .5em 56px;
}

/* ----- avatar ------ */
#avatar-box{
	max-width: 800px;
	margin: 0 auto;
	display: block;
}

#avatar-box .av-title{
	padding: 2rem 0;
}

#avatar-box .av-title h2{
	font-size: 3rem;
	margin-bottom: .5rem;
}

#avatar-box .av-badge{
	padding: .2rem .4rem;
	font-size: 1rem;
	display: inline-block;
	border-radius: .2rem;
	background: #f61e23;
	color: white;
}

#avatar-box .av-container{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	text-align: left;
	padding: 2rem 0;
}

#avatar-box .av-container .av-info{
	font-size: 1rem;
}

#avatar-box .av-container .av-info .wb{
	font-size: 2rem;
	font-weight: bolder;
	margin-bottom: .5rem;
}

#avatar-box .av-container .av-images{
	position: relative;
}

#avatar-box .av-container .av-images img.avatar-base{
	display: block;
	max-height: 500px;
	max-width: 45vw;
}

#avatar-box .av-container .av-images img.avatar-tool{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#avatar-box table td{
	background-color: rgba(255,255,255,.8);
	color: black;
}

#avatar-box table{
	margin-bottom: 2rem;
}



@media all and (max-width: 540px) {

	table{
		font-size:11px
	}
	#contieni{
		display:none
	}
	#annoBox{
		margin-top:20px
	}
	table#table tr td:nth-child(6),table#table tr th:nth-child(6){
		width:100px
	}

	#atletaGallery{
		position: static !important;
	}

	#garaSelect{
		display: block;
	}
	.title .misura{
		display: none;
	}
	.title .active{
		display: none;
	}
	#items-list{
		right: 5px;
	}

	/* profilo */
	.noTessera{
		background-color: rgb(60,60,60);
	}
	.container-profile{
		background: white;
	}
	.header{
		min-height: 200px;
		background-color: rgb(80,80,80);
		padding: 0;
	}
	.header img.prof{
		width: 100vw;
		height: 100vw;
		max-width: 400px;
		max-height: 400px;
		padding: 0;
		display: block;
		border-radius: 0px;
	}
	.header .text{
		position: absolute;
		display: block;
		bottom: 0px;
		width: 100%;
		max-width: none;
	}
	.header .text .text-velina{
		padding: 70px 10px 10px 10px;
		background: -webkit-linear-gradient(to top, rgba(0,0,0,.90)0%, rgba(0,0,0,.80)45%, transparent 100%);
		background: -moz-linear-gradient(to top, rgba(0,0,0,.90)0%, rgba(0,0,0,.80)45%, transparent 100%);
		background: -ms-linear-gradient(to top, rgba(0,0,0,.90)0%, rgba(0,0,0,.80)45%, transparent 100%);
		background: -o-linear-gradient(to top, rgba(0,0,0,.90)0%, rgba(0,0,0,.80)45%, transparent 100%);
		background: linear-gradient(to top, rgba(0,0,0,.90)0%, rgba(0,0,0,.80)45%, transparent 100%);
	}

	.pb{
		color: black;
	}

	/* ------------ */
	#avatar-box .av-title h2{
		font-size: 2rem;
	}
	#avatar-box .av-container .av-info .wb{
		font-size: 1.5rem;
	}
}