.disable-speed-start-button { 
      pointer-events: none; 
      background: black;
}

.speedtest {
    padding-bottom: 20px;
    font-size: 16px;
}

.speedtest #infoRadek,.speedtest #vytizeniLinkyRadek{
    padding: 30px;
}


.speedtest button:disabled,
.speedtest button[disabled]{
    pointer-events: none; 
    background: black;
}


.speedtest .result-mbit {
	margin-top: -30px;
}
.speedtest .result-mbit .meterText {
	color: #D20019;
    font-size: 40px;
    font-weight: 700;
}
.speedtest .result-mbit .unit {
	color: #151626;
    font-size: 23px;
}

.speed-test-progress-bar{
    width:60%;
    height:0.5em;
    position:relative;
    margin:0 auto;
    margin-top: 10px;
    background-color:#ededed;
}
.speed-test-progress{       
    height:100%;
    width:0%;
    transition: width 2s;
    background-color:#D20019;
}



#speedtest-ul-colm .speed-test-progress{       
    background-color:#3b5999;
}


.disable-speed-start-button { 
  pointer-events: none; 
  background: black;
}

.speedtest #speedtest-dl-colm .metka {
  stroke:#D20019;
  stroke-width:5;
}
.speedtest #speedtest-ul-colm .metka {
  stroke:#3b5999;
  stroke-width:5;
}
.speedtest #arc-dl-sector{
    fill:none;
    fill-rule:evenodd;
    stroke-width:20;
    stroke-miterlimit:4; 
    stroke-linecap: round; 
    display: none;
    stroke: #d2011978;
}

.speedtest #arc-ul-sector{
    fill:none;
    fill-rule:evenodd;
    stroke-width:20;
    stroke-miterlimit:4; 
    stroke-linecap: round; 
    display: none;
    stroke: #3b599978;
}

.speedtest #speedtest-ul-colm .result-mbit .meterText{
    color:#3b5999;
}

#speedtest-ping-colm .param-name, #speedtest-ping-colm .param-name {
    text-align: right;
    color: #bbb;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
}

#speedtest-ping-colm .speed, #speedtest-ping-colm .speed {
    color: #D20019;
    font-size: 20px;
    font-weight: 700;
}

#speedtest-ping-colm .speed .speed-unit, #speedtest-ping-colm .speed .speed-unit {
    color: #151626;
    font-size: 20px;
}
#vytizeniLinkyRadek{
    display: none;
}
#chart1Area {
    width: 100%;
    max-width: 70em;
    margin: 0 auto;
}
#vysledekMereni .card-heading{
    padding: 10px 0px 0px 30px;
}
.speedtest-chart-container{
    height:100px;
}

.speedtest-big-line-50{
    stop-color: #000;
}
body.dark .speedtest-big-line-50{
    stop-color: #F8F9FA;
}
.speedtest-big-line-90{
    stop-color: rgba(0,0,0,0);
}
.dark #vysledekMereni table{
    color: #ddd;
}

#vysledekMereni .card .card-heading a{
    float: right;
    margin-right: 59px;
}

#vysledekMereni .card .card-heading a:after {
    content: "";
    position: absolute;
    right: 14px;
    top: 11px;
    background: #fff url(/img/front/icons/arrow-down.svg) center center no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-transition: all .5s;
    transition: all .5s;
    transform: rotate(180deg);
    float: right;
    margin-left: 10px;
}
#vysledekMereni .card .card-heading a.collapsed:after {
    transform: rotate(0);
}
#vysledekMereni .card-body tr:first-child td{
    border-top: 0px;
}
#vysledekMereni .card-body .table{
    margin-bottom: 0px;
}

#tarifInfoRadek, #countDeviceInArp{
    margin-top: 10px;
}







body {
     background: #111;
}
.results-info .first-row, .results-info .second-row{
    margin-top: -15px;
}
.results-info .second-row{
    font-size: 14px;
}
.results-info .second-row span{
    font-size: 14px;
    color: #e00000;
}


.results-info .wrapper {
     width: 110px;
     height: 110px;
     background: #333333;
     margin: 10px auto;
     border-radius: 50%;
     overflow: hidden;
     position: relative;
     transform: rotate(90deg);
}
.results-info .wrapper .d1 {
     width: 220px;
     height: 220px;
     position: absolute;
     top: -55px;
     left: -55px;
     transform: rotate(0deg);
}
.results-info .wrapper .d1 div {
     width: 220px;
     height: 220px;
}
.results-info .wrapper .d1 div:after {
     content: '';
     width: 0;
     height: 0;
     display: block;
     border: solid transparent;
     border-width: 110px;
     border-top-color: #333333;
     position: relative;
     transform: scaleX(16331239353195372);
}
.results-info .wrapper .d1 div span {
     display: block;
     width: 100%;
     position: absolute;
     left: 0;
     top: 34%;
     font-size: 16px;
     text-align: center;
     z-index: 100;
     color: #fff;
     transform: rotate(-90deg);
}
.results-info .wrapper .d2 {
     width: 220px;
     height: 220px;
     position: absolute;
     top: -55px;
     left: -55px;
     transform: rotate(207deg);
}
.results-info .wrapper .d2 div {
     width: 220px;
     height: 220px;
}
.results-info .wrapper .d2 div:after {
     content: '';
     width: 0;
     height: 0;
     display: block;
     border: solid transparent;
     border-width: 110px;
     border-top-color: #3b5999;
     position: relative;
     transform: scaleX(-0.6);
}
.results-info .wrapper .d2 div span {
    display: block;
    width: 100%;
    position: absolute;
    left: -5px;
    top: 30%;
    font-size: 16px;
    text-align: center;
    z-index: 100;
    color: #fff;
    transform: rotate(62deg);
}
#infoRadek {
    display: none;
}