.js-button {
	padding: 5px 15px;
	background: #0075b4;
	border-color: #0075b4;
	color: #fff;
	text-decoration: none;
	transition: color 0.25s ease-in-out 0s,
				border-color 0.25s ease-in-out,
				background 0.25s ease-in-out;
	cursor: pointer;
	display: inline-block;
	border-radius: 3px;
	margin: 5px;
}

.js-button:hover {
	background-color: #065683;
	border-color: #065683;
}

* {
	text-rendering: optimizeLegibility;
	font-family: 'Roboto', sans-serif;
	color: #333;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #065683;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #ddd;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #065683;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #065683;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #ddd;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #065683;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #065683;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #ddd;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #065683;
}
input[type=range]:focus::-ms-fill-upper {
  background: #065683;
}

body {
  padding: 0;
  margin:0;
}

.slider-holder {
	width:100%;
	margin: 10px 0;
}

.seed {
	display:none;
}

.no-select {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */   
	cursor:default;
}

.btn-label {
	width:100%;
	display:block;
	font-size:1em;
	line-height:normal;
	padding:10px;
	cursor:pointer;
	border-radius:3px;
	border: 2px solid #e5e5e5;
}

.btn-label:hover {
	border: 2px solid #009fe6;
}

.btn-label input {
	margin-right:10px;
}

.input-block {
	margin: 10px 0px;
}

.number-input-div {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:10px;
	border:2px solid #e5e5e5;
	border-radius:3px;
}
fieldset { 
    overflow: hidden; 
    margin-bottom: 5px;
    display: inline-block;
	border:none;
}
fieldset label { 
	float: left; 
	width: 85px;
}
fieldset input {
	width:100px;
}

.user-msg {
	padding:10px;
	width:300px;
	border:2px solid #e5e5e5;
	border-radius:3px;
	display:inline-block;
	vertical-align:middle;
	font-size:1em;
	margin:10px 0;
	margin-top:20px;
}

.sub-wrap {
	margin-bottom:10px;
}

input[type=number]
{
  -moz-appearance: textfield;
}
  
img {
	vertical-align:middle;
}

#load-wheel {
	padding:10px;
}

.error-border {
	border-color:#E57373;
}


.disp-left, .disp-right {
	display:inline-block;
	vertical-align:middle;
	padding:5px;
	width:45%;
}

.disp-left {
	width:39%;
}

.disp-right {
	min-width:370px;
	max-width:500px;
}

body
{
    /* border: 2px solid green; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}

h1, h2 {
	color:white;
}

header, footer {
	background-color: #055683;
	position:relative;
	padding-left:1.67em;
}

header {
	margin-bottom:1.67em;
}

footer {
	margin-top:1.67em;
}

#logo {
	margin:1.67em;
	height:50px;
}

.nav-link {
	color:white;
}