@charset "UTF-8";

* { margin: 0; padding: 0; user-select: none; -moz-user-select: none;
	-webkit-user-select: none; -ms-user-select: none; }

html, body, div, span, h1, h2, h3, p, pre, a, cite, code, em, img, sub, sup, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, canvas, figure, footer, header, menu {
	border: 0; font-size: 100%; font: inherit;
}
::-moz-focus-inner { border: 0; padding: 0; }

body { font: 14px Sans-Serif; color: #444; background: white; min-width: 600px; line-height: 140%; }
body.dialog_visible { overflow: hidden; }
a { text-decoration: none; color: #7a96cd; outline: none; cursor: pointer; }
table { border-spacing: 0; }
h1 { font-size: 2em; cursor: default; }
h2 { font-size: 1.5em; cursor: default; }
input, textarea {
	user-select: text; -moz-user-select: text; -webkit-user-select: text;
	-ms-user-select: element;
}

.hidden { display: none; }
.left { float: left; }
.right { float: right; }

#header { 
	width: calc(100% - 20px); height: 60px; background: white; position:fixed; z-index: 5;
	display: flex; align-items: center; padding: 0 8px 0 12px;
}
#small_logo { margin-top: 4px; margin-right: 10px; }
#content { width: 100%; margin-bottom: 20px; padding-top: 60px}

button {
	background: #eee; color: #555; height: 28px; padding: 0 16px;
	border: 1px solid #ccc; border-radius: 6px; cursor: pointer;
	font: 14px Sans-Serif; outline: none; line-height: 1.5em;
}
button.disabled { color: #ccc; }
#header button { margin-right: 6px; }

/* DIALOG */
#dialog {
	position: absolute; top: 50px; left: 50%; height: auto; width: 500px;
	margin-left: -250px; margin-bottom: 100px; padding: 20px 15px 10px 20px;
	background: white; border: 1px solid gray; border-radius: 4px;
	overflow-x: hidden;
}
#dialog.wide { width: 700px; margin-left: -350px; }

/*#dialog p { margin: 0 0 4px 0; }*/
#dialog h1 { margin-bottom: 16px; }
#dialog h2 { margin: 16px 0 4px 0; }

#dialog_overlay {
    position: fixed; z-index: 100; top: 0; left: 0; min-height: 100vh; right: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0; display: none; transition: opacity 0.2s;
    overflow-y: auto;
}
#dialog_overlay.active {
	display: block; opacity: 1; transition: opacity 0.2s;
}

#dialog_toolbar {
	width: 100%; height: 40px; margin: 20px 0 0 -20px;
	padding: 0 45px 0 20px; border-top: 1px solid #ccc;
}
#dialog_toolbar.subtle { border-top: none; margin-top: 0px; }

#dialog button {
	color: white; border: none; font-size: 1.2em; min-width: 100px; 
	margin: 10px 0 0 0; transition: background-color 0.5s ease;
} 
#dialog button { background: #bbb; }
#dialog button:hover { background: #ccc; }
#dialog button.left { margin-right: 10px; }
#dialog button.right { margin-left: 10px; }
#dialog button.save { background: #6b6; }
#dialog button.save:hover { background: #6d6; }
#dialog button.close { position: absolute; padding: 0 64px; left: 50%; margin-left: -85px; }
#dialog button.close:hover { }
#dialog button.cancel { }
#dialog button.cancel:hover { }
#dialog button.delete { background: #c77; border-color: #c22; }
#dialog button.delete:hover { background: #e77; }