﻿body {
    color: #c8c8c8;
}

a {
    color: white;
}

.hlc {
    width: 100%;
    padding-bottom: 50px;
    float: left;
}

.hlc h2 span, .bestisp h2 span {
    color: #ff6742;
}

.ranktop {
    color: #ffffff;
}

.ranktop b {
    color: #ffffff;
}

.hlc h2 span b {
    color: #ffffff;
}

.hrc {
    display: none;
}

.black {
    color: #c3c3c3;
}

.grey {
    color: #c3c3c3;
}

.t1 tr:hover {
    background: #242424;
    transition: all 0.1s ease-in-out;
}

.t1 td {
    padding: 5px 10px;
}

.t1 th {
    background-image: -webkit-linear-gradient(top, #070707, #343434);
    background-image:    -moz-linear-gradient(top, #070707, #343434);
    background-image:     -ms-linear-gradient(top, #070707, #343434);
    background-image:      -o-linear-gradient(top, #070707, #343434);
    background-image:         linear-gradient(top, #070707, #343434);
    text-align: center;
    color: #ffffff;
    padding: 5px 10px;
}

.t1 th a {
    color: #ffffff;
}

.t3 tr:hover {
    background: #242424;
}

.t3 th {
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, #070707, #343434);
    background-image:    -moz-linear-gradient(top, #070707, #343434);
    background-image:     -ms-linear-gradient(top, #070707, #343434);
    background-image:      -o-linear-gradient(top, #070707, #343434);
    background-image:         linear-gradient(top, #070707, #343434);
    text-align: center;
    color: #ffffff;
}

.t3 td:first-child, .t3 th:first-child {
    background-color: #000000;
}

#mtop {
    padding: 5px;
    padding-top: 36px;
    color: #ffffff;
    text-shadow: 0px 0px 30px #000000, 0px 0px 30px #000000;
}

.show-netflix .netflix--overlay {
    background-image: url('screening-1920x1200.jpg');
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100% auto;
    display: block;
    height: 100%;
    min-width: 1216px;
    width: 100%;
    z-index: 0;
    cursor: pointer;
}
.show-netflix > div:not(.netflix--overlay),
.show-netflix > a,
.show-netflix > img {
    position: relative;
}


.meter-area .meter {
    width: 1216px;
    height: 600px;
    margin-top: 10px;
}

.meter-area .meter .meter-result {
    color: #ffffff;
}

.meter-area .meter .meter-legend {
    color: #ff6843;
}

.meter-area .meter .meter-progress {
    left: 129px;
    background: #7d7d7d;
}

.meter-area .meter .meter-progress .meter-progress-active {
    height: 2px;
    background: #ff6730;
}

.meter-area .meter .meter-progress .meter-progress-info {
    background: url('progress_dot.png') no-repeat center top;
    color: #ff6730;
}

.meter-area .meter .meter-status .ping-icon {
    background: url('meter_ping.png');
}

.meter-area .meter .meter-status .download-icon {
    background: url('meter_download.png');
}

.meter-area .meter .meter-status .upload-icon {
    background: url('meter_upload.png');
}

.meter-area .meter .meter-status .meter-testing {
    color: #ffffff;
}

.meter-area .meter .meter-status .meter-test-name {
    color: #ff6730;
}

.meter-area .meter .ping-box {
    height: 112px;
    left: 279px;
}

.meter-area .meter .download-box {
    height: 112px;
    left: 444px;
}

.meter-area .meter .upload-box {
    height: 112px;
    left: 709px;
}

.meter-area .meter .box-title {
    color: #ffffff;
    margin-bottom: 4px;
}

.meter-area .meter .box-value {
    color: #ff6730;
}

.meter-area .meter .box-value span {
    color: #ffffff;
}

.meter-area .meter .box-graph .graph-bar {
    background: #ff6730;
}

.meter-area .meter .logo {
    display: none;
}

.meter-area .meter .ip-isp {
    width: 100%;
    color: #ffffff;
}

.meter-area .meter .ip-isp span {
    color: #ffffff;
}

.meter-area .meter #loading-stage {
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 1216px;
    	height: 600px;
    	background-color: #000000;
    background-image: url('2a.jpg');
    	background-repeat: no-repeat;
}

.meter-area .meter #loading-stage .loading-text {
    color: #ffffff;
}

.meter-area .meter #servers-stage {
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 1216px;
    	height: 600px;
    	background-color: #000000;
    background-image: url('2a.jpg');
    	background-repeat: no-repeat;
}

.meter-area .meter #servers-stage #servers-close {
    background: url('https://www.speedtest.pl/images/netflix/close.png?nc=1') no-repeat center top;
}

.meter-area .meter #servers-stage .servers-header {
    font-size: 28px;
}

.meter-area .meter #start-stage #select-server {
    top: 458px;
    color: #ffffff;
}

.meter-area .meter #start-stage #selected-server {
    margin: 20px auto 0px auto;
    background: #ff6944 url('server.png') no-repeat 15px 50%;
}


.meter-area .meter #saving-stage {
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 1216px;
    	height: 600px;
    	background-color: #000000;
    background-image: url('3a.jpg');
    	background-repeat: no-repeat;
}

.meter-area .meter #saving-stage .saving-text {
    color: #ffffff;
}

.meter-area .meter #error-stage {
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 1216px;
    	height: 600px;
    	background-color: #000000;
    background-image: url('2a.jpg');
    	background-repeat: no-repeat;
}

.meter-area .meter #error-stage a {
    background: #ff6843;
}

.meter-area .meter #error-stage a:hover {
    background: #ff7958;
}

.meter-area .meter #start-stage {
    width: 1216px;
    height: 600px;
    border: none;
    background-color: #000000;
}

.meter-area .meter .scale-inact {
    background: none;
    position: absolute;
}

.meter-area .meter .scale-act {
    background: url('scale_act.png');
    left: 384px;
}

.meter-area .meter .scale-draw {
    height: 396px;
    left: 384px;
}

.meter-area .meter .scale-canvas-container {
    height: 396px;
    left: 384px;
}

.meter-area .meter .scale-indicator {
    height: 175px;
    left: 581px;
    background: url('progress_dot.png') no-repeat right top;
}

.meter-area .meter .scale-draw .scale-line-container .line-thick {
    background: #ff6730;
}

.meter-area .meter .scale-draw .scale-line-container .line-thin {
    background: #7d7d7d;
}

.meter-area .meter #start-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 140px;
    top: 0;
    left: 489px;
    padding: 95px 3px;
    cursor: pointer;
    width: auto;
    height: auto;
    transition: all 0.6s cubic-bezier(0, 1.26, 0.82, 0.98);
}

.meter-area .meter #testing-stage {
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 1216px;
    	height: 600px;
    	background-color: #000000;
    background-image: url('3a.jpg');
    	background-repeat: no-repeat;
}

.meter-area .meter-news {
    display: none;
}

.meter-area .meter-news h2 {
    color: #ffffff;
}

.meter-area .meter-news h2 b {
    color: #ff6843;
}

.meter-area .meter-news .meter-news-box {
    color: #ffffff;
}

.servers-scrollbar {
    width: 1190px;
}

.server-entry {
    width: 1140px;
    background-color: #e9e9e9bd;
    color: #000000;
}

.server-entry:hover {
    background-color: #ffe2c7;
}

.server-entry.selected {
    background-color: #feaa5e;
}


#start-stage {

    background-image: url('1a.jpg');

    background-repeat: no-repeat;
}

.meter-area .meter #start-btn:hover {filter: drop-shadow(0 0 15px #FFFFFF) drop-shadow(0 0 15px #f7763f);}

.start-hb {
    visibility:hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

#start-btn:hover + .start-hb {
    visibility: visible;
    margin-left: 330px;
    opacity: 1;
}

#server-remember {
    background-color: #4c4c4c;
    -webkit-appearance: none;
    border: 1px solid #7d7d7d;
    width: 10px;
    height: 10px;
}

#server-remember:checked {
    background-color: #feaa5e;
    border: 2px solid #4c4c4c;
}

.show-netflix {
    background-color: #000000;
    min-width: 1216px;
}

.show-netflix .ba3 {
    display: none;
}

.show-netflix .ha2 {
    display: none;
}

.show-netflix .meter-area .meter {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.top-netflix {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

#rodo {
    color: #000000;
}

