body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

@brand-primary: #0024ff;
.text-primary { color: #0024ff; }

div.sprite_logo {
	background: url(cloudatis-logo.jpg);
	width: 143px;
	height: 95px;
}

@media
	only screen and (min-device-pixel-ratio: 2),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1) {
		div.sprite_logo {
			background: url(cloudatis-logo@2x.jpg);
			background-size: 143px 95px;
		}
}

/* buttons */

button, .btn {
	padding: 6px;
}

div.but-top a, button.but-top, a.but-top {
	margin-top: 4px;
	margin-bottom: 4px;
}

button.but-row, a.but-row {
	margin-bottom: 3px;
}

/* disable number input (RST) spin buttons */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


input.text-danger {
	color: #ff0000;
}

p.site_descr {
	font-size: large;
}

p.atishdr {
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: large;
}

p.atisrow {
	margin: 0 0 3px 0;
	font-size: large;
}