@charset "utf-8";
/* CSS Document */

* {
	outline: none;
}

body {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

header {
	/*border-bottom: double #4297d7;*/
}
th {
	text-align: left;
}
legend {
	font-size: 3em;
}
#soniclogo {
	margin: 12px;
}
#f_login .ui-state-error span.ui-icon {
	display: inline-block;
	vertical-align: text-top;
	margin: 0 5px;
}
#status {
	margin: 10px;
	padding: 10px;
	text-align: right;
}
#logout {
	margin: 0 20px;
}

#tabs {
	margin: 10px;
}
.split {
	min-height: 500px;
	max-height: 900px;
	height: 750px;
}
.left .dataTables_wrapper {
	margin-right: 20px;
}
.right .dataTables_wrapper, .right form, .right > button {
	margin-left: 20px;
}
.right form {
	max-width: 600px;
}
.right form label, .dialog form label {
	display: inline-block;
	width: 10em;
	text-align: right;
	padding-right: .5em;
	padding-top: 3px;
	vertical-align: top;
}

.right form label.error {
	width: 100%;
	text-align: left;
	color: #FF0000;
}

td.alert_1 {
	color: #FF7E00;
}

td.alert_2 {
	color: #FF0000;
}

table.dataTable.display tbody tr:hover {
	background-color: #CFCFCF !important;
}

.display td {
	cursor: pointer;
}

input[type="text"], input[type="password"] {
	width: 100%;
}

.right form input[type="text"], .right form input[type="password"], .right form input[type="email"], .right form textarea, .right form select,
.dialog form input[type="text"], .dialog form input[type="password"], .dialog form textarea, .dialog form select  {
	width: calc(99% - 11em);
}
.overflow {
	max-height: 200px;
}
.ui-dialog {
	z-index: 1000;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
.message {
	margin: 20px;
}
.message .ui-icon {
	float: left;
	margin: 0 .3em;
}