@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/roboto/Roboto-Light.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto/Roboto-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/roboto/Roboto-Bold.woff2) format('woff2');
}

nav, .navbar-fixed {
	height: 48px;
}

.tabs .tab a {
	background-color: #78909c !important;
	font-weight: bold;
	font-size: 1.4rem;
}

.tabs .tab a.active {
	background-color: #607d8b !important;
}

.tabs .indicator {
	visibility: hidden;
}

@media only screen and (min-width: 870px) {
	body {
		margin-left: 30%;
		margin-right: 30%;
	}
	.navbar-fixed nav {
		width: 40%;
	}
}

.bold {
	font-weight: bold;
}

div.GaugeMeter {
	margin:auto;
}

tr {
	border-bottom:none;
}

td.left-align {
	margin: auto;
	width: 1px;
}

td.left-align i {
	font-size: 3rem;
	vertical-align: middle;
}

td.right-align {
	width: 110px;
}

td.right-align span {
	margin-left: 5px;
}

td {
	padding: 5px 5px;
	font-size: 1.6rem;
	border-radius: 0px;
}

[type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  content: '';
  opacity:100%;
  visibility:visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 1px solid indigo;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s;
}