.ace_tokyoloaderFunction {
    color: #f60b91;
}

/*
.section-header {
    padding: 1rem .5rem;
    width: 100%;
}
.bg-gray {
    background: #f8f9fa;
    color: #667189;
    padding: 1rem;
}*/

.connection-count {
    margin-right: 0px ;
    margin-left: 20px ;
}

.btn {
    margin-right: 10px ;
}

span {
    font-size : small
}

.bar-item {
    transition: background 1000ms 0s ease;
    /* transition: width 300ms 0s linear; */
}

.flow {
    color: #ffffff ;
    position: absolute ;
    font-size: xx-small ;
	animation-name: flowKeyFrame ;
    animation-duration: 1s ;
	animation-fill-mode: forwards ;
    animation-timing-function: ease-in ;
}

@keyframes flowKeyFrame {
    0% {
		transform: translateX(0px) ;
        opacity:1;
    }
	100% {
		transform: translateX(40px) ;
        opacity:0;
	}
}

/*progress {background:#ccc; border: 1px solid #ff5a5f; border-radius: 5px; color: #ff5a5f; font-size: 0.6em; height: 3.8em;line-height: 1.5em;text-indent: 0.5em;}
progress[value]::-webkit-progress-bar {color:#00ff00;background-color:#ff5a5f;}
progress::-moz-progress-bar { color:#00ff00;background:#ff5a5f; }
progress::-webkit-progress-value { color:#00ff00;background:#ff5a5f; }
progress::-webkit-progress-bar {background: #0f0 !important;}
progress::-webkit-progress-value { background:#ff005f !important; }
progress { color:#ff5a5f; }*/

.boostLabel , .subtitleSelectLabel , .closeButton , .closeLivesButton {
    cursor: pointer;
    color: #ccc ;
}
.boostLabel:hover , .subtitleSelectLabel:hover , .closeButton:hover , .closeLivesButton:hover {
    color: #5755d9 ;
}