* {
    font-family: Verdana, serif;
}

body {
    margin: 0;
}

h1 {
    font-size: 20px;
    color: #393939;
}

h2 {
    padding-bottom: 4px;
    margin: 8px 0 0 0;
    font-size: 18px;
    color: #52708e;
    border-bottom: 1px solid #ebf3df;
}

h3 {
    font-size: 13px;
    color: #52708e;
    margin: 12px 0 8px 0;
}

fieldset {
    border: none;
    padding: 0;
}

li {
    list-style-type: none;
    font-size: 13px;
    padding: 3px;
}

a, a:visited {
    color: #679d4a;
}

a, a:visited,
.plain, .plain:visited {
    text-decoration: none;
}

.plain, .plain:visited {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #679d4a !important;
}

pre {
    white-space: pre-wrap;
    font-family: verdana, serif;
    margin: 0;
}

table, th, td {
    font-size: 13px;
    padding: 4px 8px;
    border-collapse: collapse;
}

.data, .data th, .data td {
    font-size: 13px;
    padding: 4px 8px;
    border-collapse: collapse;
    border: 1px solid #ebf3df;
}

.data tr {
    cursor: default;
}

.data th {
    color: #364a5e;
    background-color: #f7f9f3;
}

.data .th-aux {
    color: #828991;
    background-color: #fcfdfb;
}

.data td {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.data td.empty-s {
    border-bottom: 1px solid transparent;
}

.data td.empty-sw {
    border-left: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
}

.data a {
    display: inline-block;
    margin: 2px 0;
    padding: 4px;
    color: white;
    background-color: #679d4a;
    border-radius: 2px;
}

.data input[type=text],
.data input[type=number],
.data textarea {
    background-color: transparent;
    border: none;
    padding: 0;
}

.data textarea {
    box-sizing: border-box;
    line-height: 13px;
}

.data select {
    border-radius: 0;
    color: black;
    padding: 0 22px 0 0;
    border: none;
    background: transparent none;
}

input,
textarea,
button,
select {
    outline: none;
}

input[type=submit],
button {
    color: white;
    background-color: #4690ed;
    border-radius: 2px;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
}

input[type=checkbox] {
    margin: 0;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

#content,
.content {
    padding: 16px;
}

#content ul,
.content ul {
    padding: 0;
}

#content li,
.content li {
    white-space: nowrap;
}

#content li:before,
.content li:before {
    content: "\00BB";
    padding: 0 4px 0 0;
    color: #679d4a;
}

#content li.disabled,
#content li.disabled:before {
    color: #7d7d7d;
}

#content details > summary {
    cursor: pointer;
    font-size: 13px;
    padding: 8px 0;
    color: #52708e;
    font-weight: bold;
}

#content .auxiliary-container-normal > input[type="text"] {
    padding-right: 24px;
}

#content .inner-button {
    right: 6px;
}

#panel,
#table-panel,
#table-edit-panel-1,
#table-edit-panel-2 {
    padding: 8px;
}

#table-edit-panel,
#table-edit-panel-1,
#table-edit-panel-2 {
    padding: 8px 0;
}

#panel {
    background-color: #f7f9f3;
    border-bottom: 1px solid #ebf3df;
}

#panel a,
#table-panel a,
#table-edit-panel a,
#table-edit-panel-1 a,
#table-edit-panel-2 a,
#panel .dropdown {
    position: relative;
    display: inline-block;
    font-size: 13px;
    border-radius: 2px;
    color: white;
}

#panel a,
#panel button,
#panel input[type="submit"],
#table-panel a,
#table-panel button,
#table-panel input[type="submit"],
#table-edit-panel a,
#table-edit-panel-1 a,
#table-edit-panel-2 a {
    padding: 8px;
    background-color: #679d4a;
    font-size: 13px;
}

#panel .dropdown {
    cursor: default;
    background-color: #52708e;
    padding: 2px;
}

#panel .dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    cursor: default;
    background-color: #52708e;
    padding: 8px 12px;
    border-radius: 0 2px 2px 2px;
    z-index: 1;
}

#panel .dropdown:hover {
    border-radius: 2px 2px 0 0;
}

#panel .dropdown:hover .dropdown-content {
    display: block;
}

#panel .dropdown span {
    display: block;
    padding: 6px;
}

#panel .dropdown-content a,
#panel .dropdown-content button {
    padding: 0;
    margin: 6px 4px;
    background-color: #52708e;
    white-space: nowrap;
}

#panel .dropdown-submenu {
    position: relative;
}

#panel .dropdown-submenu-items {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #406080;
    padding: 4px 12px;
    border-radius: 0 2px 2px 2px;
    z-index: 2;
}

#panel .dropdown-submenu-items a {
    display: block;
    background-color: #406080;
    padding: 0;
    margin: 12px 4px;
    white-space: nowrap;
}

#panel .dropdown-content span {
    padding: 6px 4px;
    white-space: nowrap;
}

#panel .dropdown-content span:before {
    content: "\00BB";
    padding: 0 6px 0 0;
}

#panel .dropdown-content .dropdown-submenu:hover {
    background-color: #406080;
}

#panel .dropdown-content .dropdown-submenu:hover .dropdown-submenu-items {
    display: block;
}

#panel form,
#panel .auxiliary {
    float: right;
}

#panel .auxiliary {
    margin-right: 8px;
}

#table-panel .search,
#table-panel .month,
#table-panel .generic {
    color: #364a5e;
    border: 1px solid #ebf3df;
    border-radius: 16px;
    font-size: 13px;
}

#table-panel .search {
    float: right;
    padding: 6px 12px 6px 24px;
    background: #f7f9f3 url('/images/search-f20ac613a1fc69fa2455f5462c82910a.png') no-repeat 8px center;
}

#table-panel .search::placeholder,
#table-panel .month::placeholder,
#table-panel .generic::placeholder {
    color: #364a5e;
    opacity: 0.7;
}

#table-panel .search:focus::placeholder,
#table-panel .month:focus::placeholder,
#table-panel .generic:focus::placeholder {
    opacity: 0;
}

#table-panel .generic {
    padding: 6px 26px 6px 6px;
    margin-left: 6px;
    background-color: #f7f9f3;
}

#table-panel .month {
    box-sizing: border-box;
    width: 9em;
    padding: 6px 26px 6px 26px;
    color: #364a5e;
    background: #f7f9f3 url('/images/time-963024b197c21e230e4d6cd829b70b21.png') no-repeat 8px center;
}

#table-panel .inner-button,
.auxiliary-container-normal .inner-button {
    width: 16px;
    height: 16px;
    position: absolute;
    padding: 0;
    margin: auto 0;
    background: none;
    top: 0;
    right: 10px;
    bottom: 0;
    opacity: 0.7;
}

#table-panel .inner-button:hover,
.auxiliary-container-normal .inner-button:hover {
    opacity: 1;
}

#actions,
.actions {
    padding: 0 7px 7px 7px;
}

.auxiliary-container {
    float: right;
    position: relative;
}

.auxiliary-container-normal {
    position: relative;
    display: inline-block;
}

.flexbox {
    display: flex;
    flex-flow: row wrap;
    padding: 8px;
}

.flexbox > div {
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 8px 8px 0;
    padding: 0 10px;
}

.default {
    background-color: #679d4a;
}

.service {
    background-color: #52708e !important;
}

.alarm {
    background-color: #f6a338 !important;
}

.regular {
    background-color: #617e9b !important;
}

.action {
    background-color: #4690ed !important;
}

.utility {
    background-color: #6c6c6c !important;
}

.toolbutton {
    background-color: #f7f9f3 !important;
    border: 1px solid #ebf3df;
}

.close {
    background-color: transparent !important;
    top: 0;
    right: 8px;
    position: absolute;
    font-size: 18px;
    padding: 2px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.spacer {
    height: 12px;
    clear: both;
}

.ident {
    margin-left: 24px;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.middle {
    vertical-align: middle;
}

.top {
    vertical-align: top;
}

.emph {
    font-weight: bold;
}

.emph-text {
    font-style: italic;
    text-decoration: underline;
}

.plus { background-color: #fbfff9; }

.minus { background-color: #fff9f8; }

.hidden, .deleted { display: none; }

.masked { display: none !important; }

.clickable { cursor: pointer; }

.error,
.warning,
.info {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    font-weight: bold;
    font-size: 14px;
    padding: 24px 40px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.warning,
.info {
    position: absolute;
}

.error {
    position: fixed;
    background-color: #de4f4f;
    color: white;
}

.warning {
    background-color: #f6a338;
    color:white;
}

.info {
    background-color: #323232;
    color: white;
}

.warning ul {
    padding: 0 0 0 16px;
    text-align: left;
}

.warning li {
    list-style: disc;
}

.updated {
    background-color: #f2ffdb;
}

.modal {
    display: none;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    width: 400px;
    margin: 15% auto;
    padding: 12px;
    text-align: center;
    background-color: #f7f9f3;
    border: 1px solid #ebf3df;
    border-radius: 2px;
}

.modal-content p {
    margin: 12px 0 24px 0;
    font-size: 13px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-content .header {
    display: table;
    height: 64px;
    text-align: left;
    font-size: 13px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-content .header span {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.modal-content ul {
    margin: 8px 24px 16px 24px;
    padding: 0;
    text-align: left;
}

.modal-content li {
    list-style-type: disc;
}

.modal-content table {
    margin: 0 auto;
}

.modal-content th {
    border-bottom: 1px solid #ebf3df;
}

.modal-content .title,
.modal-content .paragraph {
    margin: 0 4px 8px 4px;
    font-size: 13px;
}

.modal-content .title {
    font-weight: bold;
}

.modal-content .block {
    padding-bottom: 8px;
}

.modal-container {
    text-align: center;
}

.modal-flex {
    display: inline-block;
    background-color: #fdfff9;
    margin: 15% auto;
    padding: 12px;
}

.modal-block,
.modal-block-text {
    padding-top: 12px;
}

.modal-block-text {
    box-sizing: border-box;
    display: table-caption;
    width: 100%;
    min-width: 400px;
    text-align: left;
    font-size: 13px;
}

.modal-table th {
    background-color: #f7f9f3;
}

.modal-table th,
.modal-table td {
    border: 1px solid #d9e1ce;
}

.invalid {
    color: #de4f4f;
    font-style: italic;
}

.cell-error {
    box-shadow: 0 0 1px 1px rgba(255, 0, 0, 0.5) inset;
}

.nowrap {
    white-space: nowrap;
}

.pre {
    white-space: pre;
}

.report-header {
    padding: 12px 8px 0 8px;
    vertical-align: middle;
}

.report-header input[type=text],
.report-header select {
    height: 30px;
    vertical-align: middle;
    padding-right: 28px;
}

.ui-disabled {
    color: #364a5e !important;
    background-color: #ebf3df !important;
    cursor: default;
}

.ui-selected,
.ui-selected input[type=text],
.ui-selected input[type=text]:read-only,
.ui-selected select {
    background: #fff8ca;
}

.ui-selected select {
    background: #fff8ca url('/images/dropgreen-425ab65637f14dbc343e31d7bb0807f3.png') no-repeat right;
}

.ui-parent {
    background: #f7f9f3;
}

.ui-static {
    color: #364a5e !important;
    background-color: transparent !important;
    cursor: default;
    font-weight: bold;
}

.code {
    margin-right: 8px;
    color: #aaaaaa;
}

.ui-state-active .code {
    color: #bed167;
}

.message {
    width: 40%;
    margin: 64px auto 0 auto;
    padding: 16px;
    font-size: 13px;
    background-color: #f7f9f3;
    border: 1px solid #ebf3df;
}

.button {
    display: inline-block;
    padding: 8px;
    font-size: 13px;
    border-radius: 2px;
    color: white !important;
}

.inline-button {
    margin: 0 4px;
}

.icon {
    float: left;
    margin: 0 16px 16px 0;
}

.inline-icon {
    float: left;
    margin: 0 16px 0 0;
}

.ellipsize {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div .separator {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 1px;
    margin: 0 2px;
    background-color: #ebf3df;
    border-right: 1px solid white;
}

div .empty-list {
    text-align: center;
    padding: 24px 0;
    color: #828991;
    font-size: 13px;
}

.note {
    font-style: italic;
    color: #828991;
}

.page-up,
.move-up,
.page-down,
.move-down {
    color: transparent !important;
}

.page-up,
.page-down {
    width: 20px;
}

.move-up,
.move-down {
    min-width: 36px;
}

.page-up,
.move-up {
    background: url("/images/page-up-2f026d233f720cad12e8f32daa37c9bd.png") no-repeat center;
}

.page-up.ui-disabled,
.move-up.ui-disabled {
    background: url("/images/page-up-disabled-97de719ed6c955e4915b10fbb96e51d0.png") no-repeat center;
}

.page-down,
.move-down {
    background: url("/images/page-down-8045a81afb448d472779366bb0b5138c.png") no-repeat center;
}

.page-down.ui-disabled,
.move-down.ui-disabled {
    background: url("/images/page-down-disabled-601f4be54a13a52996d53547dc72c3cb.png") no-repeat center;
}

.dim {
    color: #aaaaaa !important;
}

.increment {
    color: #417e20 !important;
}

.decrement,
.nullable::placeholder {
    color: #de4f4f !important;
}

.details {
    color: #52708e;
}

.footnote {
    border-top: 1px solid #ebf3df;
    margin: 12px auto 0 auto;
    padding: 6px 0 0 0;
    color: #808080;
    font-size: 12px;
}

.logo {
    font-size: 13px;
    font-weight: bold;
    color: #52708e;
}

.logo img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.footer {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
}

.td-yield,
.td-size {
    text-align: right;
}

.sort {
    margin-left: 4px;
    width: 12px;
    height: 12px;
}

div.tab-header {
    padding: 16px 0 0 8px;
    border-bottom: 1px solid #ebf3df;
    z-index: 1;
}

button.tab {
    border: 1px solid #ebf3df;
    border-radius: 2px 2px 0 0;
    color: #aaaaaa;
    background-color: #f7f9f3;
    font-size: 14px;
    font-weight: bold;
    bottom: -1px;
    position: relative;
    z-index: 0;
}

button.tab.active {
    border-bottom: 1px solid white;
    background-color: white;
    color: #52708e;
    z-index: 2;
    cursor: default;
}

#filter-buttons {
    margin-right: 6px;
    padding-top: 1px;
}

#filter-buttons a {
    box-sizing: border-box;
    display: table-cell;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
}

.inline {
    display: inline-block;
}

.panel {
    min-width: 100%;
}

.table-without-panel {
    margin-top: 8px;
}

button.fixed {
    position: fixed;
    right: 32px;
    bottom: 32px;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background-color: #4690ed !important;
}

.print {
    background: url('/images/printer-b9f78dc62fc6329b5905ff55d6e294e5.png') no-repeat center;
}

.progress {
    background: url('/images/progress-62d166dfaf8d7bf7c2e81ef045412896.gif') no-repeat center;
}

@media print {
    .unprintable, .unprintable * { display: none !important; }
}