.svg-item {
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
    animation: donutfade 1s;
}


.svg-itemGlobal {
  width: 60%;
    font-size: 16px;
    margin: 0 auto;
    animation: donutfade 1s;
}

@keyframes donutfade {
  /* this applies to the whole svg item wrapper */
    0% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .svg-item {
        width: 80%;
    }
}

.donut-ring {
    stroke: #EBEBEB;
}

.donut-segment {
    transform-origin: center;
    stroke: #FF6200;
}

.donut-segment-2 {
    stroke: #72b2de;
    animation: donut1 3s;
}

.donut-segment-3 {
    stroke: #72b2de;
    animation: donut2 3s;
}

.donut-segment-4 {
    stroke: #ed1e79;
    animation: donut3 3s;
}

.segment-1{fill:#ccc;}
.segment-2{fill:#72b2de;}
.segment-3{fill:#72b2de;}
.segment-4{fill:#ed1e79;}

.donut-percent {
    animation: donutfadelong 1s;
}

@keyframes donutfadelong {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 69, 31;
    }
}

@keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 30, 70;
    }
}

@keyframes donut3{
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 1, 99;
    }
}

.donut-text {
   
    fill: #FF6200;
}
.donut-text-1 {
    fill: #000;
}

.donut-text-1-blobal {
    fill: #000;
}

.donut-text-2 {
    fill: #000;
}
.donut-text-3 {
    fill: #ed1e79;
}

.donut-label {
    font-size: 0.28em;
    font-weight: 700;
    line-height: 1;
    fill: #000;
    transform: translateY(0.25em);
}

.donut-percent {
    font-size: 0.5em;
    line-height: 1;
    transform: translateY(0.5em);
     
}

.donut-percentbold {
 
    font-weight: bold;
}
.donut-data {
    font-size: 0.12em;
    line-height: 1;
    transform: translateY(0.5em);
    text-align: center;
    text-anchor: middle;
    color:#666;
    fill: #666;
    animation: donutfadelong 1s;
}

    .player-title{
   color: #3e454c;
    font-size: 12px;
    font-weight: bold;
    
    }
	
	
		.titresous4k{
		 
    font-size: 12px;
    color: #9d9b9b;
	text-transform: uppercase;
	}
	
	    .player-title50{
          color: #3e454c;
    font-size: 12px;
    font-weight: bold;
	/*text-align :left;
	    margin-left: -12px;*/
    }
 
.svg-item {
  max-width:45%;
  display:inline-block;
}


.svg-itemGlobal {
  
  display:inline-block;
}


.css4kNoir{
	color: #000 !important;
	font-weight:bold;
 
}


.css4k{
	color: #fff !important;
    background-image: linear-gradient(to right ,#00bea3, #006eee) !important;
    padding: 6px !important;
    border-radius: 8px !important;
    margin-bottom: 13px !important;
	font-weight:bold;
}