@font-face {
	font-family: 'diskfont';
	src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASsAA4AAAAADOgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEkAAAABoAAAAchgR2RUdERUYAAARwAAAAHgAAAB4AKQAKT1MvMgAAAbQAAAA/AAAAVmZFZMljbWFwAAACBAAAAFwAAAdCqji6ymN2dCAAAAJgAAAABAAAAAQAQgTzZ2FzcAAABGgAAAAIAAAACP//AANnbHlmAAACcAAAAJMAAACoejoq0WhlYWQAAAFEAAAAMQAAADYSM3qOaGhlYQAAAXgAAAAcAAAAJAqNAyVobXR4AAAB9AAAABAAAAAQCWAApmxvY2EAAAJkAAAACgAAAAoAgABYbWF4cAAAAZQAAAAfAAAAIAEQAFBuYW1lAAADBAAAAUMAAAKmHfD1CHBvc3QAAARIAAAAHQAAAC9qkGdneJxjYGRgYADiUw21q+P5bb4ycLNfAIow3OCe4QannRgYmPawmgK5HAxMIFEANUgJvAAAAHicY2BkYGC/wAAEzAogkmkPAyMDKmABACv2Ab94nGNgZGBgYGEQY2BiAAEQyQWEDAz/GfRAAgAL8AFhAHicY2BkVmCcwMDKwMCQylrBwMAoAaGZDzAkMbEwMDAxsDIzYAUBaa4pDA5M/5n+s18AcreASaABIAIAeRMJ0QADIABCAAAAAAMgAAADIABkeJxjYGBgZoBgGQZGIMnAZgPkMYL5LGwKQJoFCIF8pv///4PkwSQjUAykaxSOwlE4CkfhSIQMjGzASmCQAwZkAoxAbgbVZAxQcZgQVD1ECqYGWj+imYcEAEqVEVkAQgTzAAAALAAsACwAVAAAeJxjYGJwYmBgCmE1ZWBmYGfQ28jIoG+ziZ2F4a3RRjbWOzabmJmATIaNzCBhVpDwJnY2xj82mxhB4saCioKqioKKTkxC/wwY+/4VsZr+Ou3EspEBaCRDCuMXpj0sPkC2KAMDo6KIuJi4mJG5mbmZibqaupoSOxvQoAn/rmhquLgtcnPR0IQzmBUCUfggBgBsoyaVAHicpZBLTsMwGITHfSFagVCRWHuBukFNHzt6gFYs6aL7NHHSVGkcOW5pr8A5OAB3QGLFDTgA12BiecWyxFL0eTz/jGUAN/iEQP0J9DHw3MAFnjw3qb94bpHfPbfRw7fnDvriynMXD+LouYdb8cUE0bqkcu/Sam7gGo+em9SfPbfIr57buMOH5w71H89drIT03MNAvMFC4cj/EBUpwh4GGfcnKjGpogarjnZYqWhvMnsaxllFbUl7SnuOkCNYqnSfh4SzA88eXNFueJxBo4DEBAHGlJWpMl3ISTD+R/iC9sIVhC4kZsGaY5IjBz7AlKpFwn1Cj8aONHcXqd05l6ZSurOtq7a8HhaqUCa0Kpbrk6wO6dTaRCZG7+RcF1bluZal0VsVWZo3rqPEDCOu5E96wMy6Fxtry9lolPiAINI7/AIfyn+mAHicY2BigAARMMnIgA5YwKJMjEwsKZnFyQAIMAHJAAAAAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMAAwABAAQAAAACAAAAAHicY2BgYGQAgqtvXXeA6BvcM9xgNABLeAZDAAA=) format('woff');
	font-weight: normal;
	font-style: normal;
}

html {
	height: 100%;
	overflow: auto;
}

body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

a {
	cursor:pointer;
	color: #003778;
}
a:hover {
    color: #00afe2;
}

input[type="range"],
input[type="checkbox"] {
	accent-color: #003778;
}

.btn-primary {
    color: #fff;
    background-color: #003778;
    border-color: #003778;
}
.btn-primary:hover {
    color: #fff;
    background-color: #00afe2;
    border-color: #00afe2;
}

footer {
	padding: 20px;
	background-color: #f5f5f5;
	text-align: center;
	margin-top: 20px;
}

main {
	flex-grow: 1;
}


.navbar {
	background-color: #003778 !important;
}
.navbar-brand img {
	filter: brightness(0) invert(1);
}

@media screen and (max-width: 400px) {
	.navbar-brand .extra {
		display: none;
	}
}


#currentSensorValues .unit {
	font-size: 0.9em;
}
#currentSensorValues .value {
	font-size: 1.1em;
}

.inputError {
	border: 2px solid red;
}

.disabled select,
.disabled input, 
.disabled textarea {
	pointer-events: none;
	opacity: 0.5;
	background-color: #f5f5f5;
}
.disabled button {
	pointer-events: none;
	opacity: 0.5;
}

.secureText {
	font-family: diskfont;
	font-weight: normal;
	font-style: normal;
}
.toggleSecureText {
	cursor: pointer;
}


#settingsPage .stickySave {
	position:sticky;
	bottom:0;
	text-align:center;
	background-color:#fff;
	padding-top:10px;
	border-top: 1px solid #f0f0f0;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#settingsForm .calNumbers input {
	width: 115px;
}
#settingsForm input[type="range"] {
	padding: 0;
}

#cloudUnregisterBtn:hover {
	text-decoration: none;
}
#cloudUnregisterBtn .icon {
	color: red;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	top: 1px;
}

#cloudPage .bucketId {
	font-family: monospace;
	font-size: 1.1em;
}

.spinnerBtnSizeFix {
	width: 36px;
	height: 36px;
	vertical-align: middle;
}

.form-check-lg {
	padding-left: 1.5rem;
}
.form-check-lg .form-check-input {
	width: 1rem;
    height: 1rem;
    margin-left: -1.5rem;
}

[onclick] {
	cursor: pointer;
}