html, body {padding:0; margin:0; width:100%; height:100%}
body {font-family:Arial,'Helvetica Neue',sans-serif; font-size:12px; background:#ddd}
h1 {font-size:22px; margin:0; padding:20px; background:#82ace0; text-shadow:1px 1px 1px #ccc}
h2 {font-size:18px}
a {color:#0057b8; text-decoration:none}
a:hover {text-decoration:underline}
ul {list-style:none}
table {padding:10px; border-bottom:1px solid #ccc; background:#fff}
table.logTable {padding:0; border-bottom:none}
th {text-align:left; padding:2px}
td {vertical-align:middle; margin:0; padding:2px}
table img {cursor:pointer; height:20px; display:block}
img.action {background:#ddd; padding:4px}
img.action:hover {background:#82ace0; padding:3px; height:22px}
img.portalImg, img.statusImg {cursor:default; height:16px}
#overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%}
#overlayOuter {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; background:url(/images/bg_semitransparent.png)}
#overlayInner {display:inline-block; background:#fff}
#overlayHtml {background:#fff; padding:0 20px 20px 20px; display:inline-block; text-align:left}
#overlayHtml label {display:inline-block; white-space:nowrap}
/* #overlayHtml label {display:inline-block; min-width:120px}
#overlayHtml label[for=excludeContact] {width:180px}
#overlayHtml label[for=statusType] {width:60px} */
#overlayHtml h2 {margin-top:0}
#overlayClose {height:26px; background:#fff; font-size:25px; text-align:right; padding-right:16px; font-weight:bold; cursor:pointer}
li {clear:both}
/* .ui-icon {float:left; cursor:pointer; background-color:#ddd; margin:2px; padding:1px; border-radius:3px; border:1px solid #bbb} */
.settings {line-height:24px}
.settings span {padding:3px}
.ui-icon, .settings span.ui-icon {float:left; cursor:pointer; background-color:#ddd; margin:2px; padding:1px; border-radius:3px; border:1px solid #bbb}
#haken {float:right}
#overlay .ui-icon {float:right}
textarea {width:240px; height:100px}
input[type=text] {width:220px}
input[name=username], input[name=password], input[name=name] {width:160px}
#menu {position:absolute; top:10px; right:20px}
nav {position:fixed; top:0; left:0; height:100%; padding:20px; margin:0; z-index:9; width:140px; background:#0057b8}
nav img {width:140px; padding-bottom:40px}
#tabs {margin:0; padding:0; width:140px;}
#tabs li {padding:5px 8px; margin:0; background:#ddd; cursor:pointer}
#tabs li.active {background:#fff}
#filterTabs {background:#82ace0}
#page {box-sizing:border-box; width:100%; padding-left:180px; min-width:844px}
.mainRow td {border-top:1px solid #ccc}
.mainRow.termin td {font-weight:bold}
.mainRow:hover, .mainRow.active {background-color:#f0f0f0}
.detailsRow {display:none}
.detailsRow td {vertical-align:top}
.detailCell > div {float:left; width:33%}
.detailsLogs {}
.logRow div {float:left; font-size:10.5px}
.logRow td {border-top:1px solid #eee; border-bottom:1px solid #ccc; white-space:pre-wrap}
.logCell {width:580px}
.logDate {clear:left; font-size:10.5px; white-space:nowrap}
.logEntry {white-space:pre-wrap; font-size:10.5px}
.traveltime {white-space:pre-wrap; font-size:10.5px}
.traveltime.red {color:red}
.traveltime.green {color:green}
td.nameCol {max-width:300px}
td.icon {width:24px; text-align:center}
td.icon img {padding:4px}
#detailsNav {float:left; cursor:pointer; padding:0 0 10px 20px}
#detailsNav span {cursor:pointer; color:#0057b8}
#detailsNav span:hover {text-decoration:underline}
#closevalueSelectDiv {display:none}
#portalSelectDiv {display:none}
#filterSelections {padding:10px 20px 0 20px}
#adsPerPage {float:right}
#selections {float:left}
#selections div {margin-right:16px; float:left}
#futurePast {margin-left:16px}
#selections label {margin-right:8px}
.notesList {margin:0; padding:0}
.notesList li {display:block; line-height:28px; margin:2px; cursor:pointer}
.notesList li:hover {background-color:#f0f0f0}
.notesList img {float:left; margin-right:8px; height:20px; padding:4px}

.pagination {float:right; padding:0 20px 10px 0}
.pagination span {display:inline-block; font-size:16px; margin:0 2px; cursor:pointer; width:18px; color:#0057b8}
.pagination span.last {text-align:right}
.pagination span.next, .pagination span.previous {text-align:center}

#results {float:left; padding-left:20px; line-height:28px}

#filterTabs ul {margin:0; padding:0; list-style:none; display:flex; justify-content:space-around}
#filterTabs li {clear:none; float:left; padding:3px 6px; cursor:pointer; background:#ddd; border-radius:3px 3px 0 0}
#filterTabs li.active {background:#fff}
#filterTabs img {padding:4px; float:left; vertical-align:middle; margin-right:6px; height:16px}

.clear {float:none; clear:both}