@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/noto-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

body {
	padding-top: 40px;
	padding-bottom: 20px;
}

* {
	font-family: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

footer {
	text-align: center;
}

.proto_supported4 > span, .proto_supported > span, .browser_default > span {
	padding-bottom: 3px;
}

.proto_icmp > span, .browser_fallback > span, .dns_dns4_ip4 > span, .dns_dns4_ip6 > span, .dns_dns6_ip4 > span, .dns_dns6_ip6 > span {
	padding-top: 5px;
	padding-bottom: 3px;
}

.proto_has_tunnel_server, .proto_has_tunnel_client, .proto_has_slaac {
	display: none;
}

.progress {
	margin-bottom: 0;
}

.progress-bar {
	transition: width 0s;
}

.img-flag {
	padding-right: 6px;
	margin-top: -3.8px;
	height: 2em !important;
}

.address, .network, .city, .asn, .isp, .hostname {
    color: #FFFAA0;
    background-color: #ffffff18;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 0;
    position: relative;
    top: 2px;
}

.label-success {
	background-color: #6fa96f;
}

.connectivity table {
	table-layout: fixed;
	font-size: 1.1em;
	margin-bottom: 0;
}

.connectivity table th {
	width: 7em;
}

.connectivity table td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.connectivity table .addr {
	width: 100%;
}

.connectivity table td:last-child {
	width: 3em;
	text-align: right;
}

.connectivity table tr > * {
	border-top: none !important;
}

.connectivity .glyphicon-question-sign {
	color: #ffffff;
	cursor: default;
	opacity: 0.2;
}

.connectivity .glyphicon-question-sign:hover {
	opacity: 0.75;
}

.connectivity span.refresh {
	font-size: 1.15em;
	cursor: pointer;
}

.connectivity td img {
	height: 1em;
}

.noscript-warning {
    padding: 2px 8px;
    font-family: Monospace;
    font-size: 90%;
    color: #ffffff;
    background-color: #ffffff30;
    border-radius: 0;
}

#speedtest_running table tr > th:first-child {
	width: 25%;
}

#speedtest_server_info {
	font-size: 1.2em;
}

#speedtest_running table {
	font-size: 1.1em;
}

tr.speedtest_speed_row * {
	vertical-align: middle;
}

td.speedtest_speed {
	font-weight: bold;
}

.box_pingtest {
	margin-bottom: 2em;
}

.box_pingtest h6 {
	margin-top: 1em;
	margin-bottom: 0.4em;
}

.ping_graph {
	height: 16em;
}

.url_box {
	margin-top: 5em;
	margin-bottom: 5em;
}

#score h2 {
	margin: 0;
}

#progress_score {
	height: 2.5em;
}

#advise_list .panel-title {
	font-size: 1em;
}

@media (max-width: 767px) {
	.connectivity .row > div {
		padding: 0;
	}
	.connectivity .panel {
		margin: 0;
		border: none;
	}

	body {
		padding-top: 25px;
	}

	#advise_list .panel {
		margin-left: -15px;
		margin-right: -15px;
		box-shadow: none;
	}
}

/* Scrollbar colors */
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #4e5d6c #2b3e50;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar-track {
  background: #2b3e50;
}

*::-webkit-scrollbar-thumb {
  background-color: #4e5d6c;
}