input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    border:solid 1px #dbdbdb;
}

/* Sign in form */

#signin-button { width:100%;margin:5px 0;}


/* main app div's */

i.offline { color:#ccc;}
i.online { color:#23d160;}
#cc-logout { 
	color:#3273dc;
    float:right;
}

@media only screen and (max-width: 1024px) {

	#situation .is-checkradio[type=radio]+label { font-size:0.96rem;}
}

/*
@media only screen and (max-width: 500px) {
   * { font-size:0.7rem!important; }
}*/
@media only screen and (max-width: 700px) {

	.field.has-addons:not(.grouped) {
		display:block;
	}
    label {padding:0 6px;}
}
.control.is-expanded input[type=range] {
	margin-top:12px!important;
}
input[type=date] {
	min-width:150px;
}
input[type=time] {
    min-width:70px;
}
input[type=number] {
	font-size:1rem;
	height:2.25em;
}
.is-borderless {
	border:0;
}
 
input[type=date]::before {
    content: attr(placeholder) !important;
    margin-right: 0.5em;
    color:#ccc;
  }
  input[type=date]:focus::before,
  input[type=date]:valid::before {
    display:none;
  }
a.icon { z-index:10; }


.field.is-grouped {
	align-items: baseline;
}