html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
	margin:  0;
	padding: 0;
}

body, td {
	font-family: 'Roboto', sans-serif;
	font-size:   13px;
	color:       #555;
}

input {
	font-family: 'Roboto', sans-serif;
	font-size:   14px;
}

[onClick] {
	cursor: pointer;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;

}

.noselect {
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
}

#header {
	height:         32px;
	background:     #555;
	line-height:    32px;
	text-transform: uppercase;
}

#header div {
	vertical-align: middle;
	font-weight:    bold;
	color:          #fff;
	font-size:      13px;
	margin:         0 0 0 8px;
	padding:        0;
	display:        inline-block;
}

#header .status {
	font-weight: normal;
	margin:      0 0 0 4px;
}

#header .status.ok {
	color: #aad400;
}

#header .status.error {
	color: #f97d7d;
}

#content {
	padding: 0;
	margin:  0;
}

#content-layout {
	display:        flex;
	flex-direction: row;
	align-items:    stretch;
	border-bottom:  1px solid #333;
}

h1 {
	margin-top: 32px;
	font-size:  16px;
	color:      #666;
}